@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--color-bg-base:#050508;--color-bg-secondary:#0d0d14;--color-surface:#ffffff0a;--color-surface-hover:#ffffff14;--color-surface-active:#ffffff1f;--color-border:#ffffff14;--color-border-hover:#ffffff2e;--color-purple:#8b5cf6;--color-pink:#ec4899;--color-orange:#f97316;--color-green:#22c55e;--color-yellow:#eab308;--color-red:#ef4444;--color-blue:#3b82f6;--color-purple-glow:#8b5cf64d;--color-pink-glow:#ec48994d;--color-green-glow:#22c55e33;--color-red-glow:#ef444433;--gradient-brand:linear-gradient(135deg, var(--color-purple), var(--color-pink));--color-text-primary:#f8fafc;--color-text-secondary:#f8fafca6;--color-text-muted:#f8fafc59;--font:"Outfit", system-ui, sans-serif;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-full:9999px;--ease:cubic-bezier(.2, .8, .2, 1);--t-fast:.12s;--t-mid:.25s var(--ease);--t-slow:.4s var(--ease)}[data-theme=light]{--color-bg-base:#f4f4f8;--color-bg-secondary:#fff;--color-surface:#0000000a;--color-surface-hover:#00000012;--color-surface-active:#0000001a;--color-border:#0000001a;--color-border-hover:#00000038;--color-purple-glow:#8b5cf60d;--color-pink-glow:#ec48990d;--color-text-primary:#111118;--color-text-secondary:#111118a6;--color-text-muted:#11111866}[data-theme=oled]{--color-bg-base:#000;--color-bg-secondary:#050508;--color-surface:#ffffff08;--color-surface-hover:#ffffff0f;--color-surface-active:#ffffff17;--color-border:#ffffff0f;--color-border-hover:#ffffff24}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--color-bg-base);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;min-height:100dvh}#root{flex-direction:column;min-height:100dvh;display:flex}.header{border-bottom:1px solid var(--color-border);background:rgba(from var(--color-bg-base) r g b / .85);-webkit-backdrop-filter:blur(20px);z-index:50;transition:background var(--t-mid);justify-content:space-between;align-items:center;padding:20px 32px;display:flex;position:sticky;top:0}.header-right{align-items:center;gap:10px;display:flex}.theme-toggle{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-full);align-items:center;gap:4px;padding:4px 6px;display:flex}.theme-btn{cursor:pointer;color:var(--color-text-muted);border-radius:var(--r-full);transition:all var(--t-fast);background:0 0;border:none;padding:3px 6px;font-size:.9rem;line-height:1}.theme-btn.active{background:var(--color-surface-active);color:var(--color-text-primary)}.brand{align-items:center;gap:10px;display:flex}.brand-icon{color:var(--color-pink);filter:drop-shadow(0 0 10px var(--color-pink-glow))}.brand-name{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.3rem;font-weight:700}.header-status{color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--r-full);border:1px solid var(--color-border);align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;display:flex}.status-dot{background:var(--color-green);width:7px;height:7px;box-shadow:0 0 8px var(--color-green);border-radius:50%;flex-shrink:0}.status-dot.loading{background:var(--color-yellow);box-shadow:0 0 8px var(--color-yellow);animation:1.2s infinite blink}.status-dot.error{background:var(--color-red);box-shadow:0 0 8px var(--color-red)}.workspace{flex:1;height:calc(100dvh - 153px);display:flex;overflow:hidden}.sidebar-left{background:rgba(from var(--color-bg-secondary) r g b / .5);border-right:1px solid var(--color-border);flex-direction:column;gap:16px;width:250px;padding:24px;display:flex;overflow-y:auto}.main-content{background:var(--color-bg-base);flex-direction:column;flex:1;gap:24px;padding:32px;display:flex;overflow-y:auto}.inspector-right{background:rgba(from var(--color-bg-secondary) r g b / .5);border-left:1px solid var(--color-border);flex-direction:column;gap:20px;width:340px;padding:24px;display:flex;overflow-y:auto}.global-player{background:rgba(from var(--color-bg-secondary) r g b / .95);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border);z-index:100;align-items:center;gap:20px;height:80px;padding:0 32px;display:flex;position:fixed;bottom:0;left:0;right:0}.dropzone{border:2px dashed var(--color-border);border-radius:var(--r-xl);text-align:center;cursor:pointer;transition:all var(--t-mid);background:var(--color-surface);padding:60px 40px;position:relative;overflow:hidden}.dropzone:before{content:"";background:var(--gradient-brand);opacity:0;transition:opacity var(--t-mid);border-radius:inherit;position:absolute;inset:0}.dropzone:hover,.dropzone.active{border-color:var(--color-purple)}.dropzone.active:before{opacity:.06}.dropzone:hover .drop-icon{transform:translateY(-6px)scale(1.05)}.dropzone.active .drop-icon{transform:translateY(-10px)scale(1.1)}.drop-icon{color:var(--color-purple);filter:drop-shadow(0 0 16px var(--color-purple-glow));transition:transform var(--t-mid);margin-bottom:16px;position:relative}.drop-title{margin-bottom:8px;font-size:1.25rem;font-weight:600;position:relative}.drop-sub{color:var(--color-text-muted);font-size:.9rem;position:relative}.drop-formats{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;display:flex;position:relative}.format-chip{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--r-full);color:var(--color-text-secondary);letter-spacing:.04em;padding:3px 10px;font-size:.75rem}input[type=file]{display:none}.queue-section{flex-direction:column;gap:12px;display:flex}.queue-header{justify-content:space-between;align-items:center;display:flex}.queue-title{font-size:1.1rem;font-weight:600}.queue-meta{align-items:center;gap:8px;display:flex}.q-pill{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--r-full);color:var(--color-text-secondary);padding:3px 12px;font-size:.78rem}.btn-upload-all{background:var(--gradient-brand);border-radius:var(--r-full);color:#fff;cursor:pointer;transition:opacity var(--t-fast), transform var(--t-fast);border:none;align-items:center;gap:6px;padding:8px 20px;font-size:.85rem;font-weight:600;display:flex}.btn-upload-all:hover{opacity:.9;transform:translateY(-1px)}.btn-upload-all:active{transform:translateY(0)}.btn-upload-all:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn{border-radius:var(--r-full);font-family:var(--font);cursor:pointer;transition:all var(--t-fast);color:var(--color-text-primary);background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;display:flex}.btn-primary{background:var(--color-pink);color:#fff;box-shadow:0 0 16px var(--color-pink-glow);border:none}.btn-primary:hover{opacity:.9;box-shadow:0 0 24px var(--color-pink-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{border:1px solid var(--color-border);background:0 0}.btn-ghost:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.btn-inline{color:var(--color-text-primary);cursor:pointer;transition:all var(--t-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.btn-inline:hover{opacity:.8;transform:scale(1.1)}.filter-tab{border-radius:var(--r-full);font-family:var(--font);cursor:pointer;border:1px solid var(--color-border);transition:all var(--t-fast);background:var(--color-surface);color:var(--color-text-secondary);align-items:center;gap:8px;padding:6px 16px;font-size:.85rem;font-weight:500;display:flex}.filter-tab:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.filter-tab.active{border-color:var(--color-purple);color:var(--color-purple);background:#8b5cf626}.queue-row{cursor:pointer;transition:all var(--t-fast)}.queue-row:hover{background:var(--color-surface-hover)}.queue-row.selected-row td{background:rgba(from var(--color-pink) r g b / .15);box-shadow:inset 0 -1px 0 var(--color-pink)}.queue-row.status-done td{background:#22c55e0d}.queue-row.status-error td{background:#ef44440d}.queue-row.status-uploading td{background:#3b82f60d}.now-playing-bars{align-items:flex-end;gap:2px;height:14px;display:flex}.now-playing-bars .bar{background:var(--color-pink);border-radius:1px;width:3px;animation:.5s infinite alternate eq-bounce}.now-playing-bars .bar:nth-child(2){animation-delay:.15s}.now-playing-bars .bar:nth-child(3){animation-delay:.3s}@keyframes eq-bounce{0%{height:3px}to{height:14px}}.inspector-content{flex-direction:column;gap:20px;display:flex}.inspector-cover{aspect-ratio:1;background:var(--color-surface-hover);border-radius:var(--r-md);border:1px solid var(--color-border);cursor:pointer;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0003}.inspector-cover img{object-fit:cover;width:100%;height:100%}.inspector-cover-overlay{color:#fff;opacity:0;transition:opacity var(--t-fast);background:#00000080;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.8rem;font-weight:600;display:flex;position:absolute;inset:0}.inspector-cover:hover .inspector-cover-overlay{opacity:1}.inspector-actions{gap:10px;margin-top:10px;display:flex}.inspector-section{flex-direction:column;gap:12px;display:flex}.inspector-section-header{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-bottom:8px;font-size:.85rem;font-weight:600;display:flex}.inspector-field{flex-direction:column;gap:4px;display:flex}.inspector-label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);font-size:.72rem;font-weight:600}.inspector-input{border-radius:var(--r-sm);width:100%;color:var(--color-text-primary);font-family:var(--font);transition:all var(--t-fast);background:#0003;border:1px solid #0000;outline:none;padding:8px 12px;font-size:.9rem}.inspector-input:focus,.inspector-input:hover{border-color:var(--color-border-hover);background:#0006}.inspector-input:focus{border-color:var(--color-purple);box-shadow:0 0 0 2px var(--color-purple-glow)}.inspector-grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.inspector-log{border:1px solid var(--color-border);border-radius:var(--r-md);color:var(--color-text-secondary);background:#0006;flex-direction:column;gap:4px;max-height:200px;padding:12px;font-family:SF Mono,Fira Code,monospace;font-size:.75rem;display:flex;overflow-y:auto}.log-line{line-height:1.5}.log-line.success{color:var(--color-green)}.log-line.warn{color:var(--color-yellow)}.log-line.error{color:var(--color-red)}.log-line.info{color:var(--color-blue)}.review-badge{background:var(--color-pink);color:#fff;border-radius:var(--r-full);padding:4px 10px;font-size:.75rem;font-weight:700;animation:2s infinite pulse-pink}@keyframes pulse-pink{0%{box-shadow:0 0 0 0 var(--color-pink-glow)}70%{box-shadow:0 0 0 10px #ec489900}to{box-shadow:0 0 #ec489900}}.batch-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);flex:1;overflow-x:auto}.batch-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.batch-table th,.batch-table td{border-bottom:1px solid var(--color-border);padding:10px 12px}.batch-table th{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;z-index:10;background:#0003;font-size:.75rem;font-weight:600;position:sticky;top:0}@media (width<=640px){.main-content{padding:24px 16px}.header{padding:16px 20px}.inspector-grid-2{grid-template-columns:1fr}.dropzone{padding:40px 20px}}