:root,[data-theme=dark]{--bg: #0d0d14;--bg-deep: #08080f;--bg-elevated: #0d0d18;--bg-surface: rgba(255, 255, 255, .03);--bg-surface-hover: rgba(255, 255, 255, .06);--border: rgba(0, 229, 255, .12);--border-subtle: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .12);--text: #f0f0ff;--text-dim: rgba(240, 240, 255, .55);--text-mute: rgba(240, 240, 255, .35);--accent: #00e5ff;--accent-2: #0090ff;--accent-subtle: rgba(0, 229, 255, .08);--accent-dim: rgba(0, 229, 255, .15);--accent-border: rgba(0, 229, 255, .2);--accent-glow: rgba(0, 229, 255, .3);--navbar-bg: rgba(13, 13, 20, .88);--card-shadow: none;--btn-primary-text: #0d0d14;--skeleton-from: rgba(255, 255, 255, .04);--skeleton-to: rgba(255, 255, 255, .08);--scrollbar-thumb: rgba(0, 229, 255, .15);--scrollbar-hover: rgba(0, 229, 255, .3);--selection-bg: rgba(0, 229, 255, .2);--glow-1: rgba(0, 229, 255, .05);--glow-2: rgba(120, 60, 255, .04);--status-pending: #ffd60a;--status-processing: #60a5fa;--status-completed: #4ade80;--status-failed: #f87171;--error-bg: rgba(248, 113, 113, .08);--error-border: rgba(248, 113, 113, .25);--radius: 12px;--radius-lg: 20px;--navbar-height: 64px}[data-theme=light]{--bg: #f0f4f9;--bg-deep: #e4e9f2;--bg-elevated: #e8edf4;--bg-surface: rgba(255, 255, 255, .9);--bg-surface-hover: rgba(255, 255, 255, 1);--border: rgba(0, 112, 243, .18);--border-subtle: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .13);--text: #111827;--text-dim: rgba(17, 24, 39, .6);--text-mute: rgba(17, 24, 39, .4);--accent: #0070f3;--accent-2: #0052cc;--accent-subtle: rgba(0, 112, 243, .08);--accent-dim: rgba(0, 112, 243, .15);--accent-border: rgba(0, 112, 243, .25);--accent-glow: rgba(0, 112, 243, .22);--navbar-bg: rgba(240, 244, 249, .92);--card-shadow: 0 2px 10px rgba(0, 0, 0, .07), 0 0 1px rgba(0, 0, 0, .06);--btn-primary-text: #ffffff;--skeleton-from: rgba(0, 0, 0, .04);--skeleton-to: rgba(0, 0, 0, .09);--scrollbar-thumb: rgba(0, 112, 243, .2);--scrollbar-hover: rgba(0, 112, 243, .35);--selection-bg: rgba(0, 112, 243, .15);--glow-1: rgba(0, 112, 243, .04);--glow-2: rgba(120, 60, 255, .03);--status-pending: #b45309;--status-processing: #1d4ed8;--status-completed: #15803d;--status-failed: #b91c1c;--error-bg: rgba(185, 28, 28, .07);--error-border: rgba(185, 28, 28, .22)}[data-theme=midnight]{--bg: #06060f;--bg-deep: #03030a;--bg-elevated: #0a0a18;--bg-surface: rgba(255, 255, 255, .025);--bg-surface-hover: rgba(255, 255, 255, .05);--border: rgba(168, 85, 247, .18);--border-subtle: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .1);--text: #f5f0ff;--text-dim: rgba(245, 240, 255, .55);--text-mute: rgba(245, 240, 255, .35);--accent: #a855f7;--accent-2: #7c3aed;--accent-subtle: rgba(168, 85, 247, .1);--accent-dim: rgba(168, 85, 247, .18);--accent-border: rgba(168, 85, 247, .28);--accent-glow: rgba(168, 85, 247, .38);--navbar-bg: rgba(6, 6, 15, .9);--card-shadow: none;--btn-primary-text: #ffffff;--skeleton-from: rgba(255, 255, 255, .03);--skeleton-to: rgba(255, 255, 255, .07);--scrollbar-thumb: rgba(168, 85, 247, .2);--scrollbar-hover: rgba(168, 85, 247, .38);--selection-bg: rgba(168, 85, 247, .22);--glow-1: rgba(168, 85, 247, .06);--glow-2: rgba(76, 29, 149, .07);--status-pending: #ffd60a;--status-processing: #818cf8;--status-completed: #4ade80;--status-failed: #f87171;--error-bg: rgba(248, 113, 113, .08);--error-border: rgba(248, 113, 113, .25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{height:100%;background-color:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,var(--glow-1) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 80%,var(--glow-2) 0%,transparent 50%);background-attachment:fixed;color:var(--text);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:Syne,sans-serif;line-height:1.2}a{text-decoration:none;color:inherit}button{font-family:inherit;touch-action:manipulation}img,svg{display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:var(--selection-bg);color:var(--text)}.panel-scroll .upload-page,.panel-scroll .library-page,.panel-scroll .detail-page{width:100%;min-height:unset;max-width:none;margin:0;padding-top:0}.panel-scroll .upload-container,.panel-scroll .library-container{max-width:600px;width:100%;margin-inline:auto;padding-inline:32px}