:root{--sf-red:#e22925;--sf-red-700:#b81f1c;--sf-red-50:#fdecec;--sf-ink:#0b0b0b;--sf-ink-2:#1d1d1d;--sf-slate-700:#3a3a3a;--sf-slate-500:#6b6b6b;--sf-slate-400:#8e8e93;--sf-slate-300:#d1d1d1;--sf-slate-100:#f1f1f1;--sf-slate-50:#f7f7f7;--sf-white:#fff;--sf-success:#1f8a4c;--sf-warning:#c87b00;--sf-error:#c1191c;--sf-info:#5a5a5a;--surface-canvas:var(--sf-slate-50);--surface-card:var(--sf-white);--surface-inset:var(--sf-slate-100);--border-default:#e3e3e3;--border-strong:#c8c8c8;--font-sans:"Inter","Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"JetBrains Mono",Menlo,monospace;--fs-display:32px;--fs-h1:24px;--fs-h2:18px;--fs-body:14px;--fs-small:12px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--shadow-sm:0 1px 2px rgba(0,0,0,.06),0 1px 1px rgba(0,0,0,.04);--shadow-md:0 4px 12px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);--shadow-lg:0 12px 32px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.06);--focus-ring:0 0 0 3px rgba(226,41,37,.28)}[data-theme=dark]{--sf-text:#e8eaed;--sf-slate-700:#9ca3af;--sf-slate-500:#6b7280;--sf-slate-400:#9ca3af;--sf-slate-300:#d1d5db;--sf-slate-100:#1c1c1c;--sf-slate-50:#0f0f0f;--sf-white:#1a1a1a;--sf-red-50:rgba(226,41,37,.15);--surface-canvas:#0a0a0a;--surface-card:#161616;--surface-inset:#1f1f1f;--border-default:#2a2a2a;--border-strong:#404040;--shadow-sm:0 1px 2px rgba(0,0,0,.3),0 1px 1px rgba(0,0,0,.2);--shadow-md:0 4px 12px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.2);--shadow-lg:0 12px 32px rgba(0,0,0,.5),0 4px 8px rgba(0,0,0,.3)}[data-theme=dark] .card-title,[data-theme=dark] body{color:var(--sf-text)}[data-theme=dark] .batch-prompt,[data-theme=dark] .field-label{color:var(--sf-slate-300)}[data-theme=dark] .input,[data-theme=dark] .select,[data-theme=dark] .textarea{background-color:var(--surface-inset);color:var(--sf-text)}[data-theme=dark] .select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%239ca3af' d='M6 8 0 0h12z'/></svg>")}[data-theme=dark] .segmented button[aria-pressed=true]{background:#2a2a2a;color:var(--sf-text)}[data-theme=dark] .segmented button{color:var(--sf-slate-300)}[data-theme=dark] .btn-primary:disabled{background:#2a2a2a;color:#6b7280}[data-theme=dark] .btn-ghost{color:var(--sf-slate-300)}[data-theme=dark] .pill-running{background:rgba(200,123,0,.2)}[data-theme=dark] .pill-done{background:rgba(31,138,76,.2)}[data-theme=dark] .pill-error{background:rgba(193,25,28,.2)}[data-theme=dark] .brand-name,[data-theme=dark] .meta-val{color:var(--sf-text)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--surface-canvas);color:var(--sf-ink);font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--sf-red);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}::selection{background:var(--sf-red-50);color:var(--sf-ink)}[data-theme=dark] ::selection{background:#fff;color:#000}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.app-header{background:var(--sf-white);border-bottom:1px solid var(--border-default);padding:var(--sp-4) var(--sp-8);justify-content:space-between;gap:var(--sp-4)}.app-header,.brand{display:flex;align-items:center}.brand{gap:var(--sp-3)}.brand-mark{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--sf-red);display:grid;place-items:center;color:var(--sf-white);font-weight:700;font-size:16px;letter-spacing:-.02em}.brand-name{font-weight:600;letter-spacing:-.01em}.brand-sub{color:var(--sf-slate-500);font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.06em}.app-main{max-width:1920px;width:100%;margin:0 auto;padding:var(--sp-8);display:grid;grid-template-columns:420px 1fr;grid-gap:var(--sp-8);gap:var(--sp-8)}@media (max-width:960px){.app-main{grid-template-columns:1fr}}.card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-header{padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border-default)}.card-title{margin:0;font-size:var(--fs-h2);font-weight:600;letter-spacing:-.01em}.card-sub{margin:var(--sp-1) 0 0;color:var(--sf-slate-500);font-size:var(--fs-small)}.card-body{padding:var(--sp-6);gap:var(--sp-5)}.card-body,.field{display:flex;flex-direction:column}.field{gap:var(--sp-2)}.field-label{font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--sf-slate-700)}.field-hint,.field-label{font-size:var(--fs-small)}.field-hint{color:var(--sf-slate-500)}.input,.select,.textarea{width:100%;background:var(--sf-white);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:10px 12px;color:var(--sf-ink);transition:border-color .12s ease,box-shadow .12s ease}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--sf-red);box-shadow:var(--focus-ring)}.textarea{resize:vertical;min-height:120px;font-family:var(--font-sans)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%233a4554' d='M6 8 0 0h12z'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--sp-3);gap:var(--sp-3)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--sp-2);gap:var(--sp-2);background:var(--surface-inset);padding:var(--sp-1);border-radius:var(--radius-md)}.segmented button{background:transparent;border:0;padding:10px 12px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--fs-small);letter-spacing:.02em;color:var(--sf-slate-700);cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:2px;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.segmented button[aria-pressed=true]{background:var(--sf-white);color:var(--sf-ink);box-shadow:var(--shadow-sm)}.segmented button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.segmented .seg-meta{font-weight:500;font-size:11px;color:var(--sf-slate-500);text-transform:none;letter-spacing:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);border:1px solid transparent;border-radius:var(--radius-md);padding:10px 18px;font-weight:600;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,transform 80ms ease}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--sf-red);color:var(--sf-white)}.btn-primary:hover:not(:disabled){background:var(--sf-red-700)}.btn-primary:disabled{background:var(--sf-slate-300);color:var(--sf-white);cursor:not-allowed}.btn-ghost{background:transparent;color:var(--sf-slate-700);border-color:var(--border-strong)}.btn-ghost:hover:not(:disabled){background:var(--surface-inset)}.btn-block{width:100%}.btn-sm{padding:4px 12px;font-size:12px}.output{display:flex;flex-direction:column;gap:var(--sp-4)}.output-stage{background:var(--sf-ink);border-radius:var(--radius-lg);aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;position:relative;color:var(--sf-slate-300)}.output-stage video{width:100%;height:100%;object-fit:contain;background:var(--sf-ink)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);color:var(--sf-slate-300);text-align:center;padding:var(--sp-6)}.empty-state .empty-glyph{width:56px;height:56px;border-radius:50%;border:1px dashed var(--sf-slate-500);display:grid;place-items:center;font-size:22px;color:var(--sf-slate-300)}.meta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:var(--sp-3);gap:var(--sp-3)}.meta-item{background:var(--surface-inset);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4)}.meta-key{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--sf-slate-500);font-weight:600}.meta-val{font-family:var(--font-mono);color:var(--sf-ink);font-size:13px;margin-top:2px;word-break:break-all}.pill{display:inline-flex;align-items:center;gap:var(--sp-2);padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.pill-idle{background:var(--surface-inset);color:var(--sf-slate-700)}.pill-running{background:#fff4d6;color:var(--sf-warning)}.pill-done{background:#e3f3ea;color:var(--sf-success)}.pill-error{background:#fde6e6;color:var(--sf-error)}.pill-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.pill-running .pill-dot{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.log{background:var(--sf-ink);color:var(--sf-slate-300);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);font-family:var(--font-mono);font-size:12px;max-height:180px;overflow:auto;white-space:pre-wrap;word-break:break-word}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.frame-bank-grid{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.frame-thumb-wrap{position:relative;flex-shrink:0}.frame-thumb{width:72px;height:72px;object-fit:cover;border-radius:var(--radius-sm);cursor:pointer;border:2px solid transparent;transition:border-color .12s ease,opacity .12s ease;display:block}.frame-thumb:hover{opacity:.85}.frame-thumb-selected{border-color:var(--sf-red);box-shadow:0 0 0 2px var(--sf-red-50)}.frame-thumb-remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;border:0;background:var(--sf-slate-700);color:var(--sf-white);font-size:12px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0;opacity:0;transition:opacity .12s ease}.frame-thumb-wrap:hover .frame-thumb-remove{opacity:1}.frame-bank-empty{border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:var(--sp-4) var(--sp-3);text-align:center;color:var(--sf-slate-500);font-size:var(--fs-small);cursor:pointer;transition:border-color .12s ease,background .12s ease}.frame-bank-empty:hover{border-color:var(--sf-red);background:var(--sf-red-50)}.frame-bank-dimmed{opacity:.45;pointer-events:none}.jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:var(--sp-3);gap:var(--sp-3)}.job-card{background:var(--sf-ink);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column}.job-card-stage{aspect-ratio:16/9;display:grid;place-items:center;background:var(--sf-ink-2);overflow:hidden}.job-card-stage video{width:100%;height:100%;object-fit:contain;background:var(--sf-ink)}.job-card-footer{padding:var(--sp-2) var(--sp-3);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);border-top:1px solid hsla(0,0%,100%,.06)}.job-card-log,.job-card-meta{font-family:var(--font-mono);font-size:11px;color:var(--sf-slate-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-card-log{padding:0 var(--sp-3) var(--sp-2)}.console-panel{position:-webkit-sticky;position:sticky;bottom:0;z-index:100;grid-column:1/-1;background:#0b1320;border-top:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column}.console-header{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:#1c1c1c;border:0;color:#d1d5db;font-family:var(--font-mono);font-size:12px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.console-header:hover{background:#2a2a2a}.console-badge{background:hsla(0,0%,100%,.1);padding:1px 6px;border-radius:999px;font-size:11px;font-weight:400;color:var(--sf-slate-500)}.console-toggle{margin-left:auto;font-size:10px;color:var(--sf-slate-500)}.console-body{margin:0;padding:var(--sp-3) var(--sp-4);font-family:var(--font-mono);font-size:12px;line-height:1.6;color:#d1d5db;height:220px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.console-collapsed .console-body{display:none}.theme-toggle{background:var(--surface-inset);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:6px 10px;cursor:pointer;font-size:16px;line-height:1;display:grid;place-items:center;transition:background .12s ease}.theme-toggle:hover{background:var(--border-default)}.batch-group{display:flex;flex-direction:column;gap:var(--sp-4)}.batch-group+.batch-group{margin-top:var(--sp-6);padding-top:var(--sp-6);border-top:1px solid var(--border-default)}.batch-header{display:flex;flex-direction:column;gap:var(--sp-1)}.batch-timestamp{font-size:11px;font-family:var(--font-mono);color:var(--sf-slate-500);text-transform:uppercase;letter-spacing:.04em}.batch-prompt{font-size:13px;color:var(--sf-slate-700);line-height:1.5;max-width:800px}.batch-meta{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap;margin-top:var(--sp-1)}.batch-meta-tag{font-size:11px;font-family:var(--font-mono);color:var(--sf-slate-500);background:var(--surface-inset);padding:2px 8px;border-radius:var(--radius-sm)}.batch-actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-2)}.lightbox-actions{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap}.lightbox-voice-select{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:var(--radius-md);color:hsla(0,0%,100%,.8);font-size:12px;padding:8px 12px;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.lightbox-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.85);display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lightbox-content{position:relative;max-width:1100px;width:90vw;display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}.lightbox-stage{width:100%;aspect-ratio:16/9;background:#000;border-radius:var(--radius-lg);overflow:hidden;display:grid;place-items:center}.lightbox-stage video{width:100%;height:100%;object-fit:contain}.lightbox-pending{color:var(--sf-slate-500);font-size:14px}.lightbox-controls{display:flex;align-items:center;gap:var(--sp-6)}.lightbox-nav{width:48px;height:48px;border-radius:50%;border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.08);color:#fff;font-size:20px;cursor:pointer;display:grid;place-items:center;transition:background .12s ease}.lightbox-nav:hover:not(:disabled){background:hsla(0,0%,100%,.18)}.lightbox-nav:disabled{opacity:.25;cursor:not-allowed}.lightbox-info{display:flex;flex-direction:column;align-items:center;gap:2px}.lightbox-counter{color:#fff;font-weight:600;font-size:16px;font-family:var(--font-mono)}.lightbox-seed{color:var(--sf-slate-500);font-size:11px;font-family:var(--font-mono)}.lightbox-prompt{color:var(--sf-slate-300);font-size:13px;text-align:center;max-width:600px;line-height:1.5}.lightbox-rating,.rate-btn{display:flex;gap:var(--sp-2)}.rate-btn{padding:8px 20px;border-radius:var(--radius-md);border:1px solid hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.7);font-size:13px;font-weight:600;cursor:pointer;align-items:center;transition:all .12s ease}.rate-btn:hover,.rate-key{background:hsla(0,0%,100%,.12)}.rate-key{font-family:var(--font-mono);font-size:10px;padding:1px 5px;border-radius:3px;color:hsla(0,0%,100%,.5)}.rate-approve.rate-active{background:rgba(31,138,76,.4);border-color:var(--sf-success);color:#fff}.rate-maybe.rate-active{background:rgba(200,123,0,.4);border-color:var(--sf-warning);color:#fff}.rate-reject.rate-active{background:rgba(193,25,28,.4);border-color:var(--sf-error);color:#fff}.lightbox-hints{color:var(--sf-slate-500);font-size:11px;font-family:var(--font-mono)}.lightbox-close{position:absolute;top:-16px;right:-16px;width:36px;height:36px;border-radius:50%;border:0;background:hsla(0,0%,100%,.1);color:#fff;font-size:20px;cursor:pointer;display:grid;place-items:center;transition:background .12s ease}.lightbox-close:hover{background:hsla(0,0%,100%,.25)}.job-card-stage{position:relative}.job-rating-badge{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;line-height:1;z-index:2}.rating-approve{background:var(--sf-success);color:#fff}.rating-maybe{background:var(--sf-warning);color:#fff}.rating-reject{background:var(--sf-error);color:#fff}.job-card-rated-approve{box-shadow:0 0 0 2px var(--sf-success)}.job-card-rated-maybe{box-shadow:0 0 0 2px var(--sf-warning)}.job-card-rated-reject{box-shadow:0 0 0 2px var(--sf-error);opacity:.5}.dashboard-banner{grid-column:1/-1;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--sp-4) var(--sp-6);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);box-shadow:var(--shadow-sm);transition:all .2s ease-in-out;margin-bottom:var(--sp-2)}.dashboard-banner:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.banner-metric-group{display:flex;align-items:center;gap:var(--sp-8);flex:1 1;flex-wrap:wrap}.banner-metric{display:flex;flex-direction:column;gap:var(--sp-1);min-width:160px;flex:1 1}.banner-metric-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--sf-slate-500);font-weight:600}.banner-metric-value{font-size:15px;font-weight:700;color:var(--sf-text);display:flex;align-items:baseline;gap:var(--sp-1)}.banner-metric-sub{font-size:11px;color:var(--sf-slate-500);font-weight:400}.banner-progress-bar{height:6px;background:var(--surface-inset);border-radius:var(--radius-sm);overflow:hidden;position:relative;width:100%;margin-top:4px}.banner-progress-fill{height:100%;border-radius:var(--radius-sm);transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-fill-success{background:linear-gradient(90deg,#1f8a4c,#34d399)}.progress-fill-warning{background:linear-gradient(90deg,#d97706,#fbbf24)}.progress-fill-error{background:linear-gradient(90deg,#dc2626,#f87171)}.activity-ticker{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);background:var(--surface-inset);border-radius:var(--radius-md);border:1px solid var(--border-default);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .15s ease;position:relative;min-width:200px}.activity-ticker:hover{background:var(--surface-card);border-color:var(--border-strong)}.pulse-dot{width:8px;height:8px;background-color:var(--sf-success);border-radius:50%;position:relative}.pulse-dot:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:inherit;border-radius:50%;animation:pulse-ring 1.5s cubic-bezier(.215,.61,.355,1) infinite}@keyframes pulse-ring{0%{transform:scale(.33);opacity:1}80%,to{transform:scale(2.2);opacity:0}}.activity-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:50;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);animation:slide-down .2s cubic-bezier(.16,1,.3,1)}@keyframes slide-down{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.activity-dropdown-header{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--sf-slate-500);padding-bottom:6px;margin-bottom:4px}.activity-dropdown-header,.activity-item{border-bottom:1px solid var(--border-default)}.activity-item{display:flex;flex-direction:column;gap:4px;padding-bottom:var(--sp-2)}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-header-info{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;color:var(--sf-slate-500)}.activity-prompt{font-size:12px;color:var(--sf-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-fallback-overlay{position:absolute;bottom:8px;left:8px;background:rgba(217,119,6,.9);color:#fff;padding:4px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;display:flex;align-items:center;gap:4px;animation:pulse-opacity 2s ease-in-out infinite;pointer-events:none;z-index:10}@keyframes pulse-opacity{0%,to{opacity:.85}50%{opacity:1}}.qc-warning-badge{position:absolute;top:8px;right:8px;background:#c87b00;border:1px solid rgba(251,191,36,.5);color:#fff;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;cursor:help;z-index:10;box-shadow:var(--shadow-sm);transition:transform .15s ease}.qc-warning-badge:hover{transform:scale(1.1)}.nav-tabs-container{display:inline-flex;background:var(--surface-inset);padding:4px;border-radius:var(--radius-lg);border:1px solid var(--border-default);gap:4px;box-shadow:var(--shadow-sm);align-items:center}.tab-divider{width:1px;height:14px;background:var(--border-strong,hsla(0,0%,100%,.15));margin:0 6px;align-self:center;flex-shrink:0;opacity:.6}[data-theme=light] .tab-divider{background:var(--border-default,rgba(0,0,0,.12))}.nav-tab{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border-radius:var(--radius-md);font-size:14px;font-weight:600;color:var(--sf-slate-500);transition:all .15s cubic-bezier(.4,0,.2,1);cursor:pointer;letter-spacing:-.01em;border:0;background:transparent;line-height:1}.nav-tab,.nav-tab:hover{text-decoration:none!important}.nav-tab:hover{color:var(--sf-text)!important;background:hsla(0,0%,100%,.05)}[data-theme=light] .nav-tab:hover{background:rgba(0,0,0,.03)}.nav-tab.active{background:var(--sf-red)!important;color:var(--sf-white)!important;box-shadow:var(--shadow-sm)}.nav-tab.active:hover{background:var(--sf-red-700)!important;color:var(--sf-white)!important}.usage-table{width:100%;border-collapse:collapse;font-size:var(--fs-body);text-align:left}.usage-table th{padding:var(--sp-3) var(--sp-4);background:var(--surface-inset);color:var(--sf-slate-500);font-size:var(--fs-small);font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-strong)}.usage-table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-default);color:var(--sf-text);font-size:13.5px}.usage-table tr:hover td{background:hsla(0,0%,100%,.02)}[data-theme=light] .usage-table tr:hover td{background:rgba(0,0,0,.01)}.cost-badge{font-family:var(--font-mono);font-weight:700;padding:4px 8px;border-radius:var(--radius-sm);background:var(--surface-inset);font-size:13px;display:inline-block}.cost-badge-nonzero{color:#ff4d4d;background:rgba(226,41,37,.15);border:1px solid rgba(226,41,37,.2)}[data-theme=light] .cost-badge-nonzero{color:var(--sf-error);background:rgba(193,25,28,.08);border:1px solid rgba(193,25,28,.15)}.spend-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:var(--sp-6);gap:var(--sp-6);margin-bottom:var(--sp-8)}.spend-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--sp-6);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--sp-4);transition:all .18s ease-in-out}.spend-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-1px)}.spend-card-header{display:flex;align-items:center;justify-content:space-between}.spend-card-icon{font-size:24px}.spend-card-title{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--sf-slate-500);font-weight:700}.spend-card-value{font-size:28px;font-weight:800;color:var(--sf-text);line-height:1.1}.spend-card-limit{font-size:14px;color:var(--sf-slate-500);font-weight:500}.spend-card-progress{height:8px;background:var(--surface-inset);border-radius:var(--radius-sm);overflow:hidden;position:relative}.spend-card-progress-bar{height:100%;border-radius:var(--radius-sm);transition:width .3s ease}.spend-card-metrics{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--sp-3);gap:var(--sp-3);margin-top:auto;padding-top:var(--sp-3);border-top:1px solid var(--border-default)}.spend-card-metric-item{display:flex;flex-direction:column;gap:2px}.spend-card-metric-label{font-size:11px;color:var(--sf-slate-500);font-weight:600}.spend-card-metric-value{font-size:14px;font-weight:700;color:var(--sf-text)}.tweetdeck-grid{grid-column:1/-1;display:grid;grid-template-columns:350px 1fr 450px;grid-gap:var(--sp-6);gap:var(--sp-6);min-height:calc(100vh - 120px);margin-top:calc(-1 * var(--sp-2))}@media (max-width:1400px){.tweetdeck-grid{grid-template-columns:300px 1fr 400px;gap:var(--sp-4)}}@media (max-width:1100px){.tweetdeck-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto}}.tweetdeck-col{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;height:calc(100vh - 140px)}@media (max-width:1100px){.tweetdeck-col{height:600px}}.tweetdeck-col-header{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-default);background:var(--surface-card);display:flex;flex-direction:column;gap:var(--sp-2)}.tweetdeck-col-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.tweetdeck-col-title{margin:0;font-size:16px;font-weight:700;color:var(--sf-text);letter-spacing:-.01em;display:flex;align-items:center;gap:var(--sp-2)}.tweetdeck-col-subtitle{margin:0;font-size:11px;color:var(--sf-slate-500);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.tweetdeck-col-body{padding:var(--sp-5);flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-4)}.tweetdeck-scroll-container{display:flex;flex-direction:column;gap:var(--sp-3)}.target-card{background:var(--surface-inset);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--sp-4);cursor:pointer;transition:all .15s ease-in-out;display:flex;flex-direction:column;gap:var(--sp-2);position:relative}.target-card:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.target-card.active{border-color:var(--sf-red);box-shadow:0 0 0 1px var(--sf-red),var(--shadow-sm);background:rgba(226,41,37,.03)}[data-theme=dark] .target-card.active{background:rgba(226,41,37,.08)}.target-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.target-card-author{font-weight:700;color:var(--sf-text);font-size:13px}.target-card-date{font-size:11px;color:var(--sf-slate-500)}.target-card-context{font-size:13px;color:var(--sf-text);word-break:break-word}.target-card-url{font-size:11px;color:var(--sf-slate-500);text-decoration:underline;word-break:break-all;display:inline-block}.target-card-url:hover{color:var(--sf-red)}.target-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px dashed var(--border-default)}.target-card-drafts{font-size:11px;font-weight:600;color:var(--sf-slate-500);display:flex;align-items:center;gap:4px}.tweetdeck-library-search{display:grid;grid-template-columns:1fr auto;grid-gap:var(--sp-2);gap:var(--sp-2);margin-bottom:var(--sp-3)}.mini-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:var(--sp-3);gap:var(--sp-3)}.clip-card{background:var(--surface-inset);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;position:relative;transition:all .15s ease-in-out}.clip-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.clip-card.selected{border-color:var(--sf-red);box-shadow:0 0 0 1px var(--sf-red)}.clip-card-stage{aspect-ratio:16/9;background:var(--sf-ink);position:relative;overflow:hidden}.clip-card-info{padding:var(--sp-2) var(--sp-3);display:flex;flex-direction:column;gap:2px;flex:1 1}.clip-card-prompt{font-size:11px;color:var(--sf-text);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.clip-card-meta{font-size:10px;color:var(--sf-slate-500);margin-top:auto;display:flex;align-items:center;justify-content:space-between}.clip-card-action-overlay{position:absolute;top:var(--sp-2);right:var(--sp-2);opacity:0;transition:opacity .12s ease;z-index:5}.clip-card:hover .clip-card-action-overlay{opacity:1}.writer-clip-preview{background:var(--surface-inset);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--sp-3);display:flex;align-items:center;gap:var(--sp-4);position:relative}.writer-clip-thumb{width:100px;aspect-ratio:16/9;background:var(--sf-ink);border-radius:var(--radius-sm);overflow:hidden}.writer-clip-details{flex:1 1;overflow:hidden}.writer-clip-prompt{font-size:12px;color:var(--sf-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.writer-clip-id{font-family:var(--font-mono);font-size:11px;color:var(--sf-slate-500)}.writer-clip-clear{position:absolute;top:-8px;right:-8px;background:var(--sf-slate-700);color:var(--sf-white);border:0;border-radius:50%;width:20px;height:20px;cursor:pointer;display:grid;place-items:center;font-size:11px;box-shadow:var(--shadow-sm);transition:background .12s ease}.writer-clip-clear:hover{background:var(--sf-red)}.char-meter-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;color:var(--sf-slate-500)}.char-meter-container{height:4px;background:var(--border-default);border-radius:2px;overflow:hidden}.char-meter-bar{height:100%;transition:width .12s ease,background-color .12s ease}.draft-card{background:var(--surface-inset);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);transition:all .18s ease}.draft-card.success{border-color:var(--sf-success);background:rgba(31,138,76,.02)}[data-theme=dark] .draft-card.success{background:rgba(31,138,76,.05)}.draft-card-header{display:flex;align-items:center;justify-content:space-between}.draft-card-author{font-size:12px;font-weight:700;color:var(--sf-text);display:flex;align-items:center;gap:6px}.draft-card-time{font-size:11px;color:var(--sf-slate-500)}.draft-card-text{font-size:13px;color:var(--sf-text);word-break:break-word;white-space:pre-wrap;line-height:1.4}.draft-card-clip-box{display:flex;align-items:center;gap:var(--sp-3);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--sp-2)}.draft-card-clip-player{width:80px;aspect-ratio:16/9;background:var(--sf-ink);border-radius:2px;overflow:hidden}.draft-card-clip-info{flex:1 1;font-size:11px;overflow:hidden}.draft-card-clip-prompt{color:var(--sf-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-card-clip-id{font-family:var(--font-mono);color:var(--sf-slate-500)}.draft-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-1)}.draft-card-error{background:rgba(193,25,28,.05);border:1px solid rgba(193,25,28,.15);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);color:var(--sf-error);font-size:12px}.tweetdeck-col-body::-webkit-scrollbar{width:6px}.tweetdeck-col-body::-webkit-scrollbar-track{background:transparent}.tweetdeck-col-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.tweetdeck-col-body::-webkit-scrollbar-thumb:hover{background:var(--sf-slate-500)}