*{margin:0;padding:0;box-sizing:border-box}body{background:#1a1a2e;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;min-height:100vh}a{color:inherit;text-decoration:none}.site-nav{display:flex;align-items:center;gap:24px;padding:12px 20px;border-bottom:1px solid #2a2a4a;font-size:.85em}.site-nav .brand{color:#c9a0dc;text-decoration:none;font-weight:500;letter-spacing:1px}.site-nav a{color:#888;text-decoration:none;transition:color .2s}.site-nav a:hover,.site-nav a.active{color:#c9a0dc}.header{padding:16px 20px 12px;text-align:center;border-bottom:1px solid #2a2a4a}.header h1{font-size:1.2em;color:#c9a0dc;font-weight:400;letter-spacing:1px}.header p{color:#888;margin-top:4px;font-size:.8em}.btn{background:#c9a0dc;color:#1a1a2e;border:none;padding:6px 12px;border-radius:6px;font-size:.8em;font-weight:600;cursor:pointer;transition:background .2s}.btn:hover{background:#dbb8ec}.btn:disabled{opacity:.5;cursor:not-allowed}.search-box{background:#16213e;border:1px solid #2a2a4a;color:#e0e0e0;padding:7px 12px;border-radius:6px;font-size:.85em;outline:none;transition:border-color .2s}.search-box:focus{border-color:#c9a0dc}.search-box::placeholder{color:#666}.filter-btn{background:#16213e;border:1px solid #2a2a4a;color:#888;padding:5px 12px;border-radius:14px;font-size:.78em;cursor:pointer;transition:all .2s;white-space:nowrap}.filter-btn:hover{border-color:#c9a0dc;color:#c9a0dc}.filter-btn.active{background:#c9a0dc;color:#1a1a2e;border-color:#c9a0dc}.status-running{background:#2a4a3e;color:#6fcf97}.status-done{background:#2a3a4e;color:#6fb3cf}.status-error{background:#4a2a2a;color:#cf6f6f}.status-queued{background:#3a3a2a;color:#cfcf6f}.loading{text-align:center;padding:60px;color:#888}.empty{text-align:center;padding:60px;color:#666}.section-title{font-size:.9em;color:#c9a0dc;font-weight:400;margin:24px 0 12px;text-transform:uppercase;letter-spacing:1px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin-bottom:32px}.search-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:32px}.queue-section{max-width:1400px;margin:0 auto;padding:0 20px 32px}.queue-item{background:#16213e;border-radius:10px;padding:14px 16px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.queue-item .title{flex:1;font-size:.95em;word-break:break-all}.queue-item .status{font-size:.8em;padding:4px 10px;border-radius:12px;white-space:nowrap}.queue-item .error-detail{flex-basis:100%;color:#cf6f6f;font-size:.85em;margin-top:8px;padding:8px 12px;background:#2a1a1a;border-radius:6px;border-left:3px solid #cf6f6f}.modal-overlay{display:none;position:fixed;inset:0;background:#000000d9;z-index:200;justify-content:center;align-items:center;padding:20px}.modal-overlay.show{display:flex}.modal{background:#16213e;border-radius:12px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:1px solid #2a2a4a}.modal .close-btn{position:absolute;top:12px;right:12px;background:#0009;border:none;color:#fff;font-size:1.2em;width:32px;height:32px;border-radius:50%;cursor:pointer;z-index:10;transition:background .2s}.modal .close-btn:hover{background:#000c}@media(max-width:700px){.site-nav{gap:12px;padding:10px 16px;flex-wrap:wrap}.media-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.search-results-grid{grid-template-columns:1fr;gap:12px}.header h1{font-size:1.1em}.modal{max-width:calc(100vw - 24px);margin:12px}.queue-item{padding:12px}.queue-item .title{font-size:.9em}}@media(max-width:414px){.site-nav{gap:10px;padding:10px 14px;font-size:.82em}.header{padding:14px 16px 10px}.section-title{font-size:.85em;margin:20px 0 10px}body{font-size:15px}}@media(max-width:380px){.site-nav{gap:8px;padding:8px 12px;font-size:.8em}.header h1{font-size:1em}.media-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}body{font-size:14px}}