:root{--void:#05070d;--ground:#070a12;--surface:#0e1420;--surface-raised:#161d2c;--line:#232c40;--line-bright:#2e5aa8;--ink:#f4f7fc;--ink-dim:#8b96ad;--ink-faint:#566178;--accent:#3ea6ff;--accent-dim:#1c6fd6;--accent-glow:#3ea6ff66;--accent-bg:#3ea6ff1a;--good:#2ee6a6;--good-bg:#2ee6a617;--warn:#ffb020;--warn-bg:#ffb02017;--bad:#ff4d4d;--bad-bg:#ff4d4d1a;--font-ui:"JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;--font-display:"JetBrains Mono", ui-monospace, monospace;--radius:10px;--radius-sm:6px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html{scroll-behavior:smooth}html,body{height:100%}body{font-family:var(--font-ui);background:var(--ground);color:var(--ink);margin:0;position:relative}body:before{content:"";pointer-events:none;z-index:9999;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#ffffff03 0 1px,#0000 1px 3px);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(ellipse 900px 600px at 15% -5%, var(--accent-bg), transparent 60%);position:fixed;inset:-10%}h1,h2,h3{text-wrap:balance;font-family:var(--font-display);margin:0}button{cursor:pointer;border:1px solid var(--accent-dim);border-radius:var(--radius-sm);background:var(--accent);color:#0b0d0f;letter-spacing:.01em;text-transform:uppercase;padding:.6rem 1.15rem;font-family:inherit;font-size:.85rem;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s,filter .15s}button:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 0 24px -4px var(--accent-glow);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select{background:var(--void);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);padding:.55rem .75rem;font-family:inherit;font-size:.88rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--accent-bg);color:var(--ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--void)}::-webkit-scrollbar-thumb{background:var(--line);border:2px solid var(--void);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.35)}}@keyframes glitch-flicker{0%,92%,to{opacity:1}93%{opacity:.4}94%{opacity:1}95%{opacity:.6}96%{opacity:1}}@keyframes scan-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.rail{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:2rem;padding:1.5rem 1rem;display:flex;position:relative}.rail:after{content:"";background:linear-gradient(180deg, transparent, var(--accent-dim) 40%, transparent 90%);opacity:.5;width:1px;position:absolute;top:0;bottom:0;right:-1px}.rail-brand{align-items:center;gap:.65rem;padding:0 .5rem;text-decoration:none;transition:opacity .15s;display:flex}.rail-brand:hover{opacity:.8;text-decoration:none}.rail-brand-mark{background:var(--void);border:1px solid var(--accent);width:34px;height:34px;font-family:var(--font-mono);color:var(--accent);box-shadow:0 0 18px -6px var(--accent-glow);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;animation:6s infinite glitch-flicker;display:flex}.rail-brand-text{font-family:var(--font-mono);letter-spacing:.01em;text-transform:uppercase;font-size:.9rem;font-weight:700}.rail-brand-text span{color:var(--ink-faint);font-weight:400}.rail-nav{flex-direction:column;flex:1;gap:.15rem;display:flex}.rail-nav-label{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);margin-top:.75rem;padding:.5rem .6rem .35rem;font-size:.66rem}.rail-nav-label:first-child{margin-top:0}.rail-nav-label:before{content:"// "}.rail-link{border-radius:var(--radius-sm);color:var(--ink-dim);border-left:2px solid #0000;align-items:center;gap:.65rem;padding:.55rem .65rem;font-size:.85rem;font-weight:500;transition:background .12s,color .12s,border-color .12s;display:flex}.rail-link:hover{background:var(--surface-raised);color:var(--ink);text-decoration:none}.rail-link.active{background:var(--accent-bg);color:var(--accent);border-left-color:var(--accent)}.rail-link-icon{flex-shrink:0;width:15px;height:15px}.rail-user{border-radius:var(--radius-sm);background:var(--void);border:1px solid var(--line);justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem;font-size:.8rem;display:flex}.rail-user-name{color:var(--ink-dim);align-items:center;gap:.5rem;display:flex;overflow:hidden}.rail-user-avatar{background:var(--accent);width:24px;height:24px;color:var(--void);font-family:var(--font-mono);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;font-size:.68rem;font-weight:700;display:flex}.rail-user button{color:var(--ink-faint);text-transform:uppercase;background:0 0;border:none;padding:.3rem .5rem;font-size:.72rem}.rail-user button:hover{color:var(--accent);box-shadow:none;filter:none}.app-main{flex-direction:column;min-width:0;display:flex}.app-content{width:100%;max-width:1200px;padding:2.5rem 3rem;animation:.35s fade-in}.maintenance-banner{background:var(--warn-bg);color:var(--warn);border-bottom:1px solid var(--warn);text-align:center;padding:.6rem 1.5rem;font-size:.82rem;font-weight:600}.reveal{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.auth-page{background:radial-gradient(ellipse 800px 500px at 25% 15%, var(--accent-bg), transparent 60%), repeating-linear-gradient(0deg, color-mix(in srgb, var(--accent) 3%, transparent) 0px, transparent 1px, transparent 40px), var(--ground);perspective:1200px;justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:var(--surface);border:1px solid var(--line);width:380px;box-shadow:0 32px 80px -24px #0009, 0 0 0 1px var(--void);border-radius:4px;flex-direction:column;gap:1.1rem;padding:2.75rem;animation:.5s cubic-bezier(.16,1,.3,1) rise-in;display:flex;position:relative}.auth-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);height:2px;animation:3s linear infinite scan-sweep;position:absolute;top:-1px;left:-1px;right:-1px}.auth-brand{align-items:center;gap:.65rem;margin-bottom:.25rem;display:flex}.auth-card h1{font-family:var(--font-mono);letter-spacing:.01em;text-transform:uppercase;font-size:1.2rem;font-weight:700}.auth-subtitle{color:var(--ink-dim);margin:-.5rem 0 .25rem;font-size:.85rem}.auth-card label{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.04em;flex-direction:column;gap:.35rem;font-size:.78rem;font-weight:500;display:flex}.auth-switch{text-align:center;color:var(--ink-dim);margin:0;font-size:.82rem}.field-hint{color:var(--ink-faint);margin:-.5rem 0 0;font-size:.75rem}.page-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.page>h1,.page-header h1{letter-spacing:.01em;text-transform:uppercase;margin:0 0 .5rem;font-size:1.4rem;font-weight:700}.page-subtitle{color:var(--ink-dim);margin:0 0 1.5rem;font-size:.88rem}.page-loading{text-align:center;color:var(--ink-dim);font-family:var(--font-mono);padding:4rem;font-size:.85rem}.page h2{text-transform:uppercase;letter-spacing:.03em;margin:2rem 0 1rem;font-size:1rem;font-weight:700}.page h2:before{content:"> ";color:var(--accent)}.btn-primary{background:var(--accent);color:var(--void)}.btn-link{text-transform:uppercase;color:var(--accent);background:0 0;border:none;padding:.3rem .5rem;font-size:.82rem;font-weight:700}.btn-link:hover:not(:disabled){background:var(--accent-bg);box-shadow:none;filter:none;text-decoration:none;transform:none}.btn-danger{background:var(--bad);color:var(--void);border-color:var(--bad)}.btn-danger-sm{border:1px solid var(--bad);color:var(--bad);text-transform:uppercase;background:0 0;padding:.3rem .65rem;font-size:.72rem}.btn-danger-sm:hover{background:var(--bad);color:var(--void);box-shadow:0 0 16px -4px var(--bad-bg)}.hero{background:var(--surface);border:1px solid var(--line);isolation:isolate;border-radius:4px;margin-bottom:2rem;padding:2.75rem 2.5rem;position:relative;overflow:hidden}.hero-mesh{background:radial-gradient(circle at 20% 30%, var(--accent-bg), transparent 55%), radial-gradient(circle at 80% 70%, #2ee6a60d, transparent 50%), radial-gradient(circle at 60% 10%, var(--accent-bg), transparent 45%);z-index:-1;animation:18s ease-in-out infinite alternate mesh-drift;position:absolute;inset:-40%}@keyframes mesh-drift{0%{transform:translate(0)rotate(0)scale(1)}to{transform:translate(-3%,2%)rotate(4deg)scale(1.08)}}.hero-content{position:relative}.hero-eyebrow{font-family:var(--font-mono);color:var(--ink-dim);letter-spacing:.05em;text-transform:uppercase;background:var(--void);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.35rem .8rem;font-size:.72rem;font-weight:700;display:inline-flex}.hero-eyebrow-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%;animation:1.8s ease-in-out infinite pulse-dot}.hero h1{letter-spacing:.01em;text-transform:uppercase;font-size:2rem;font-weight:800}.hero-sub{color:var(--ink-dim);margin:.6rem 0 1.5rem;font-size:.92rem}.hero-cta{align-items:center;gap:.5rem;display:inline-flex}.glass-tiles{perspective:800px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:2.5rem;display:grid}.glass-tile{background:color-mix(in srgb, var(--surface) 90%, transparent);border:1px solid var(--line);transform-style:preserve-3d;will-change:transform;border-radius:4px;padding:1.4rem 1.5rem;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.glass-tile:before{content:"";background:linear-gradient(135deg, var(--tile-glow,var(--accent-bg)), transparent 60%);opacity:.7;pointer-events:none;position:absolute;inset:0}.glass-tile-signal{--tile-glow:var(--accent-bg)}.glass-tile-good{--tile-glow:var(--good-bg)}.glass-tile-warn{--tile-glow:var(--warn-bg)}.glass-tile-bad{--tile-glow:var(--bad-bg)}.glass-tile:hover{border-color:var(--accent);box-shadow:0 20px 48px -20px #00000080, 0 0 24px -8px var(--accent-glow)}.glass-tile-pulse{background:var(--warn);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite pulse-dot;position:absolute;top:1.1rem;right:1.2rem}.glass-tile-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:2rem;font-weight:700;position:relative}.glass-tile-label{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.04em;margin-top:.3rem;font-size:.72rem;font-weight:600;position:relative}.dash-grid{grid-template-columns:1fr 260px;align-items:start;gap:2rem;display:grid}.section-heading{justify-content:space-between;align-items:center;margin-bottom:1.1rem;display:flex}.section-heading h2{margin:0}.job-cards{flex-direction:column;gap:.7rem;display:flex}.job-card{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-left:2px solid var(--line);border-radius:4px;padding:1.1rem 1.3rem;transition:border-color .18s,transform .18s,box-shadow .18s;display:block}.job-card:hover{border-color:var(--accent);border-left-color:var(--accent);text-decoration:none;transform:translate(3px);box-shadow:0 12px 32px -18px #00000080}.job-card-top{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.7rem;display:flex}.job-card-name{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:600;overflow:hidden}.job-card-progress{align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.job-card-bar{background:var(--void);border-radius:999px;flex:1;height:5px;overflow:hidden}.job-card-bar-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .3s}.job-card-progress span{font-family:var(--font-mono);color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:.74rem}.job-card-stats{color:var(--ink-dim);align-items:center;gap:1.1rem;font-size:.78rem;display:flex}.job-card-stats strong{font-family:var(--font-mono);font-weight:700}.text-good{color:var(--good)}.text-signal{color:var(--accent)}.job-card-time{margin-left:auto;font-size:.74rem}.empty-hero{text-align:center;background:var(--surface);border:1px dashed var(--line);color:var(--ink-dim);border-radius:4px;flex-direction:column;align-items:center;gap:.5rem;padding:3.5rem 2rem;display:flex}.empty-hero-icon{color:var(--accent);opacity:.7;font-size:1.8rem}.dash-side{flex-direction:column;gap:1rem;display:flex;position:sticky;top:2.5rem}.side-card{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:1.3rem}.side-card h3{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim);margin:0;font-size:.75rem;font-weight:700}.side-card-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--accent);margin:.5rem 0;font-size:1.75rem;font-weight:700}.side-card-hint{color:var(--ink-faint);margin:0;font-size:.78rem;line-height:1.5}@media (width<=900px){.dash-grid{grid-template-columns:1fr}.dash-side{flex-direction:row;position:static}}.stat-tiles{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.85rem;margin:1.5rem 0;display:grid}.stat-tile{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:1.1rem 1.25rem;transition:border-color .2s;position:relative;overflow:hidden}.stat-tile:hover{border-color:var(--accent)}.stat-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.stat-label{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.03em;margin-top:.3rem;font-size:.72rem;font-weight:600}.job-table{border-collapse:collapse;width:100%;font-size:.85rem}.job-table th{text-align:left;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);padding:.65rem .9rem;font-size:.7rem;font-weight:700}.job-table td{border-bottom:1px solid var(--line);padding:.8rem .9rem}.job-table tbody tr{transition:background .12s}.job-table tbody tr:hover{background:var(--surface-raised)}.job-filename{font-family:var(--font-mono);font-size:.82rem}.empty-state{color:var(--ink-dim);text-align:center;padding:2rem 0;font-size:.88rem}.badge{border-radius:var(--radius-sm);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.35rem;padding:.22rem .65rem;font-size:.68rem;font-weight:700;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-queued{background:var(--surface-raised);color:var(--ink-dim)}.badge-running{background:var(--accent-bg);color:var(--accent)}.badge-running:before{animation:1.6s ease-in-out infinite pulse-dot}.badge-paused{background:var(--warn-bg);color:var(--warn)}.badge-stopped{background:var(--bad-bg);color:var(--bad)}.badge-completed{background:var(--good-bg);color:var(--good)}.badge-failed{background:var(--bad-bg);color:var(--bad)}.upload-card,.settings-form{background:var(--surface);border:1px solid var(--line);border-radius:4px;flex-direction:column;gap:1.1rem;max-width:500px;padding:2rem;display:flex}.settings-form{max-width:580px}.settings-form section{border-top:1px solid var(--line);flex-direction:column;gap:.9rem;padding-top:1.4rem;display:flex}.settings-form section:first-of-type{border-top:none;padding-top:0}.settings-form h2{font-size:.95rem;margin:0!important}.settings-form h2:before{content:none}.upload-card label,.settings-form label{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.03em;flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:600;display:flex}.checkbox-label{align-items:center;flex-direction:row!important;gap:.55rem!important}.checkbox-label input{width:auto;accent-color:var(--accent);flex-shrink:0}.form-error{background:var(--bad-bg);color:var(--bad);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--bad) 40%, transparent);padding:.65rem .9rem;font-size:.83rem}.form-success{background:var(--good-bg);color:var(--good);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--good) 40%, transparent);padding:.65rem .9rem;font-size:.83rem}.form-hint{color:var(--ink-dim);font-size:.83rem}.job-actions{gap:.6rem;margin-bottom:1.25rem;display:flex}.progress-bar-outer{background:var(--void);border:1px solid var(--line);border-radius:999px;height:12px;margin-top:.6rem;overflow:hidden}.progress-bar-inner{background:linear-gradient(90deg, var(--accent-dim), var(--accent));border-radius:999px;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.progress-bar-inner.is-live:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);animation:1.8s ease-in-out infinite scan-sweep;position:absolute;inset:0}.progress-summary{font-family:var(--font-mono);color:var(--ink-dim);font-variant-numeric:tabular-nums;gap:1.75rem;margin-top:.75rem;font-size:.83rem;display:flex}.progress-summary strong{color:var(--accent);font-weight:700}.live-feed{background:var(--surface);border:1px solid var(--line);max-height:340px;font-family:var(--font-mono);border-radius:4px;padding:.5rem;font-size:.8rem;overflow-y:auto}.feed-row{border-radius:var(--radius-sm);align-items:center;gap:.75rem;padding:.4rem .6rem;animation:.25s slide-in;display:flex}@keyframes slide-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.feed-row:hover{background:var(--surface-raised)}.feed-email{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.feed-category{color:var(--ink-dim);font-size:.74rem}.feed-tag{background:var(--good-bg);color:var(--good);border-radius:var(--radius-sm);text-transform:uppercase;padding:.1rem .55rem;font-size:.68rem;font-weight:700}.file-list{flex-direction:column;gap:.5rem;padding:0;list-style:none;display:flex}.file-list li{background:var(--surface);border:1px solid var(--line);border-radius:4px;align-items:center;gap:1rem;padding:.85rem 1.1rem;transition:border-color .15s;display:flex}.file-list li:hover{border-color:var(--accent)}.file-list li span:first-child{flex:1;font-size:.88rem;font-weight:700}.file-size{color:var(--ink-dim);font-size:.78rem;font-family:var(--font-mono)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000bf;justify-content:center;align-items:center;padding:2rem;animation:.18s fade-in;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--accent-dim);width:100%;max-width:760px;max-height:85vh;box-shadow:0 32px 80px -24px #000000b3, 0 0 40px -12px var(--accent-glow);border-radius:4px;flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) rise-in;display:flex}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.4rem;display:flex}.modal-header h2{font-family:var(--font-mono);text-transform:none;font-size:.95rem;font-weight:700}.modal-header h2:before{content:none}.modal-meta{color:var(--ink-dim);font-size:.76rem;font-family:var(--font-mono)}.modal-header-actions{flex-shrink:0;align-items:center;gap:1rem;display:flex}.modal-close{background:var(--void);border:1px solid var(--line);color:var(--ink-dim);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:.85rem;display:flex}.modal-close:hover{background:var(--accent-bg);color:var(--accent);box-shadow:none;filter:none}.modal-truncated{margin:.85rem 1.4rem 0}.modal-body{padding:1rem 1.4rem 1.4rem;overflow-y:auto}.modal-pre{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;color:var(--ink);margin:0;font-size:.8rem;line-height:1.6}.toast-stack{z-index:200;flex-direction:column;align-items:flex-end;gap:.6rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius-sm);font-size:.83rem;font-family:var(--font-mono);color:var(--ink);align-items:center;gap:.6rem;max-width:340px;padding:.75rem 1.1rem;animation:.3s cubic-bezier(.16,1,.3,1) toast-in;display:flex;box-shadow:0 16px 40px -16px #0009}@keyframes toast-in{0%{opacity:0;transform:translate(24px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}.toast-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.toast-success{border-left-color:var(--good);color:var(--good)}.toast-success .toast-dot{color:var(--good)}.toast-error{border-left-color:var(--bad);color:var(--bad)}.toast-error .toast-dot{color:var(--bad)}.toast-info{border-left-color:var(--accent)}.toast-info .toast-dot{color:var(--accent)}.theme-editor-grid{grid-template-columns:minmax(320px,420px) 1fr;align-items:start;gap:2rem;display:grid}.theme-fields{flex-direction:column;gap:.5rem;display:flex}.theme-field{background:var(--surface);border:1px solid var(--line);border-radius:4px;align-items:center;gap:.9rem;padding:.7rem .9rem;display:flex}.theme-swatch{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;width:34px;height:34px;padding:0}.theme-swatch::-webkit-color-swatch-wrapper{padding:2px}.theme-swatch::-webkit-color-swatch{border:none;border-radius:4px}.theme-field-text{flex:1;min-width:0}.theme-field-label{color:var(--ink);font-size:.85rem;font-weight:600}.theme-field-hint{color:var(--ink-faint);margin-top:.1rem;font-size:.72rem}.theme-hex-input{width:84px;font-family:var(--font-mono);text-transform:uppercase;text-align:center;flex-shrink:0;font-size:.78rem}.theme-preview{position:sticky;top:2.5rem}.theme-preview-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);margin-bottom:.6rem;font-size:.72rem;font-weight:700}.theme-preview-card{background:var(--ground);border:1px solid var(--line);border-radius:10px;padding:1.5rem;box-shadow:0 20px 50px -20px #00000080}@media (width<=900px){.theme-editor-grid{grid-template-columns:1fr}.theme-preview{position:static}}