@font-face{font-family:Inter;font-style:normal;font-weight:300 700;font-display:swap;src:url(../../../fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:300 700;font-display:swap;src:url(../../../fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bg-base: #f8fafc;--bg-surface: #ffffff;--bg-elevated: #f1f5f9;--bg-input: #ffffff;--border-subtle: rgba(0, 0, 0, .08);--border-medium: rgba(0, 0, 0, .12);--border-accent: rgba(220, 38, 38, .4);--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #94a3b8;--accent: #DC2626;--accent-light: #EF4444;--accent-glow: rgba(220, 38, 38, .1);--gradient-accent: linear-gradient(135deg, #DC2626, #B91C1C);--warning: #d97706;--warning-glow: rgba(217, 119, 6, .1);--warning-border: rgba(217, 119, 6, .3);--success: #059669;--success-glow: rgba(5, 150, 105, .1);--error: #DC2626;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--glass: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .08);--header-bg: rgba(248, 250, 252, .85);--bar-bg: rgba(248, 250, 252, .92);--scrollbar-thumb: rgba(0, 0, 0, .12);--scrollbar-thumb-hover: rgba(0, 0, 0, .2);--preview-overlay: linear-gradient(transparent, rgba(0,0,0,.6))}[data-theme=dark]{--bg-base: #0a0a0f;--bg-surface: #13131a;--bg-elevated: #1a1a24;--bg-input: #0f0f16;--border-subtle: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .1);--border-accent: rgba(220, 38, 38, .4);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #EF4444;--accent-light: #F87171;--accent-glow: rgba(239, 68, 68, .15);--gradient-accent: linear-gradient(135deg, #DC2626, #EF4444);--warning: #f59e0b;--warning-glow: rgba(245, 158, 11, .12);--warning-border: rgba(245, 158, 11, .35);--success: #10b981;--success-glow: rgba(16, 185, 129, .12);--error: #ef4444;--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--header-bg: rgba(10, 10, 15, .8);--bar-bg: rgba(10, 10, 15, .9);--scrollbar-thumb: rgba(255, 255, 255, .1);--scrollbar-thumb-hover: rgba(255, 255, 255, .2);--preview-overlay: linear-gradient(transparent, rgba(0,0,0,.8))}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--bg-base: #0a0a0f;--bg-surface: #13131a;--bg-elevated: #1a1a24;--bg-input: #0f0f16;--border-subtle: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .1);--border-accent: rgba(220, 38, 38, .4);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #EF4444;--accent-light: #F87171;--accent-glow: rgba(239, 68, 68, .15);--gradient-accent: linear-gradient(135deg, #DC2626, #EF4444);--warning: #f59e0b;--warning-glow: rgba(245, 158, 11, .12);--warning-border: rgba(245, 158, 11, .35);--success: #10b981;--success-glow: rgba(16, 185, 129, .12);--error: #ef4444;--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--header-bg: rgba(10, 10, 15, .8);--bar-bg: rgba(10, 10, 15, .9);--scrollbar-thumb: rgba(255, 255, 255, .1);--scrollbar-thumb-hover: rgba(255, 255, 255, .2);--preview-overlay: linear-gradient(transparent, rgba(0,0,0,.8))}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease,color .3s ease}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.glass-card{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--gradient-accent);color:#fff;border:none;border-radius:var(--radius-md);font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 0 20px var(--accent-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 30px #dc26264d}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-family:inherit;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .25s ease}.btn-secondary:hover{background:var(--bg-surface);border-color:var(--border-accent)}.btn-sm{padding:6px 12px;font-size:.8rem;gap:6px}input,select{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 14px;font-family:inherit;font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease;outline:none;width:100%}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}@keyframes pulse-ring{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes dash-march{to{stroke-dashoffset:-20}}