:root{--color-bg: #f6f7f9;--color-bg-elevated: #ffffff;--color-fg: #1d2433;--color-muted: #5b6473;--color-border: #e3e6ec;--color-primary: #2c5cff;--color-primary-soft: #e8edff;--color-success: #1b9c5e;--color-warning: #d68f00;--color-danger: #cf2e2e;--color-info: #2862c2;--shadow-card: 0 1px 2px rgba(15, 23, 42, .04), 0 4px 14px rgba(15, 23, 42, .06);--radius-card: 12px;--radius-control: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "PingFang TC", "Heiti TC", sans-serif;--font-mono: ui-monospace, "JetBrains Mono", Menlo, monospace;font-family:var(--font-sans);color-scheme:light dark}[data-theme=dark]{--color-bg: #0f1320;--color-bg-elevated: #161b29;--color-fg: #e6e9f0;--color-muted: #8990a3;--color-border: #232940;--color-primary: #7fa1ff;--color-primary-soft: #1e2540;--color-success: #4cc28a;--color-warning: #f3b048;--color-danger: #f0726a;--color-info: #7fa1ff;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 14px rgba(0, 0, 0, .45)}[data-palette=slate]{--color-bg: #f4f6fa;--color-bg-elevated: #ffffff;--color-fg: #1a1f2e;--color-muted: #5b6473;--color-border: #d8dde6;--color-primary: #475569;--color-primary-soft: #e2e8f0;--color-info: #334155}[data-palette=slate][data-theme=dark]{--color-bg: #0d1117;--color-bg-elevated: #161b22;--color-fg: #e6e9f0;--color-muted: #8b96a8;--color-border: #2a3342;--color-primary: #94a3b8;--color-primary-soft: #1e293b;--color-info: #cbd5e1}[data-palette=mint]{--color-bg: #f0faf5;--color-bg-elevated: #ffffff;--color-fg: #122620;--color-muted: #4f6b62;--color-border: #c8e6d8;--color-primary: #0f766e;--color-primary-soft: #ccfbf1;--color-info: #0d9488}[data-palette=mint][data-theme=dark]{--color-bg: #0d1f1a;--color-bg-elevated: #142a23;--color-fg: #e6f2ec;--color-muted: #88a59a;--color-border: #21443a;--color-primary: #5eead4;--color-primary-soft: #134e4a;--color-info: #99f6e4}[data-palette=rose]{--color-bg: #fff5f7;--color-bg-elevated: #ffffff;--color-fg: #2a1018;--color-muted: #6b4d57;--color-border: #f1d5dd;--color-primary: #be185d;--color-primary-soft: #fce7f3;--color-info: #db2777}[data-palette=rose][data-theme=dark]{--color-bg: #1f0d12;--color-bg-elevated: #2a141b;--color-fg: #f5e3e8;--color-muted: #b08490;--color-border: #4a2230;--color-primary: #f9a8d4;--color-primary-soft: #4a1d2c;--color-info: #fbcfe8}[data-palette=amber]{--color-bg: #fefae8;--color-bg-elevated: #ffffff;--color-fg: #2a1d0a;--color-muted: #6b5a3d;--color-border: #efe1b8;--color-primary: #b45309;--color-primary-soft: #fef3c7;--color-info: #d97706}[data-palette=amber][data-theme=dark]{--color-bg: #1f1b0a;--color-bg-elevated: #2a2412;--color-fg: #f5ecd6;--color-muted: #b09b78;--color-border: #4a3f1f;--color-primary: #fbbf24;--color-primary-soft: #4a3a13;--color-info: #fcd34d}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}body{background:var(--color-bg);color:var(--color-fg);font-size:14px;line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:14px;border-radius:var(--radius-control);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-fg);padding:6px 14px;cursor:pointer;transition:filter .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease}button:hover:not(:disabled){filter:brightness(.97)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}button.danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}button.ghost{background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500;transition:all .15s ease}.btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn--primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 0 2px var(--color-primary-soft)}.btn--ghost{background:transparent;border-color:transparent;color:var(--color-muted)}.btn--ghost:hover:not(:disabled){background:var(--color-primary-soft);color:var(--color-primary)}.btn--outline{background:transparent;border-color:var(--color-border);color:var(--color-fg)}.btn--outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn--secondary{background:var(--color-primary-soft);color:var(--color-primary);border-color:transparent}.btn--secondary:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary-soft) 80%,var(--color-primary))}.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-fg);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .05s ease}.icon-btn:hover:not(:disabled){background:var(--color-primary-soft);border-color:color-mix(in srgb,var(--color-primary) 50%,var(--color-border))}.icon-btn:active:not(:disabled){transform:translateY(1px)}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn__text{font-weight:500}.icon-btn--square{padding:0!important;aspect-ratio:1/1}.icon-btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.icon-btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 88%,black);border-color:color-mix(in srgb,var(--color-primary) 88%,black)}.icon-btn--danger{background:transparent;color:var(--color-danger);border-color:color-mix(in srgb,var(--color-danger) 35%,var(--color-border))}.icon-btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--color-danger) 12%,transparent);border-color:var(--color-danger)}.icon-btn--ghost{background:transparent;border-color:transparent;color:var(--color-muted)}.icon-btn--ghost:hover:not(:disabled){background:var(--color-primary-soft);color:var(--color-primary)}.icon-btn--subtle{background:var(--color-bg);border-color:var(--color-border);color:var(--color-fg)}.icon-btn--subtle:hover:not(:disabled){background:var(--color-primary-soft)}.icon-row{display:inline-flex;gap:6px;align-items:center}input,textarea,select{font-family:inherit;font-size:14px;border-radius:var(--radius-control);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-fg);padding:8px 10px;outline:none;width:100%}textarea{resize:vertical;min-height:80px}input:focus,textarea:focus,select:focus{border-color:var(--color-primary)}label{font-weight:500;display:block;margin-bottom:4px;color:var(--color-fg)}label small{color:var(--color-muted);font-weight:400;margin-left:4px}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-5);box-shadow:var(--shadow-card)}.field-group{display:flex;flex-direction:column;gap:var(--space-3)}.row{display:flex;gap:var(--space-3);align-items:center}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.muted{color:var(--color-muted)}.error{color:var(--color-danger)}.kbd{font-family:var(--font-mono);background:var(--color-primary-soft);border-radius:4px;padding:2px 6px;font-size:12px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-bg)}.badge.pending_prompt{color:var(--color-muted)}.badge.prompt_ready{color:var(--color-info);border-color:var(--color-info)}.badge.uploaded{color:var(--color-success);border-color:var(--color-success)}.badge.needs_regeneration,.badge.failed{color:var(--color-danger);border-color:var(--color-danger)}.progress-bar{position:relative;width:100%;height:6px;background:var(--color-border);border-radius:999px;overflow:hidden}.progress-bar>span{position:absolute;inset:0 auto 0 0;background:var(--color-primary);border-radius:999px}.app-shell{display:grid;grid-template-columns:240px 1fr;grid-template-rows:56px 1fr;min-height:100vh}.app-shell>.top-bar{grid-column:1 / -1;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-5);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border)}.app-shell>nav.sidebar{border-right:1px solid var(--color-border);background:var(--color-bg-elevated);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.app-shell>nav.sidebar a{display:block;padding:8px 10px;border-radius:8px;color:var(--color-fg)}.app-shell>nav.sidebar a.active{background:var(--color-primary-soft);color:var(--color-primary)}.app-shell>main{padding:var(--space-5);overflow-y:auto}.app-shell--with-panel{--side-panel-w: 520px;grid-template-columns:240px minmax(640px,1fr) var(--side-panel-w)}.app-shell>.side-panel{border-left:1px solid var(--color-border);background:var(--color-bg-elevated);display:flex;flex-direction:column;overflow:hidden;min-width:0}.side-panel__bar{display:flex;align-items:center;gap:6px;padding:8px;border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated);flex-wrap:wrap}.side-panel__bar>select,.side-panel__bar>input{font-size:12px;padding:4px 8px}.side-panel__mode-row{display:flex;align-items:center;gap:12px;padding:6px 10px;border-bottom:1px solid var(--color-border);background:var(--color-bg);flex-wrap:wrap}.side-panel__body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto}@media (max-width: 1279px){.app-shell--with-panel{grid-template-columns:240px 1fr}.app-shell--with-panel>.side-panel{display:none}}@media (max-width: 1023px){.app-shell{grid-template-columns:1fr}.app-shell>nav.sidebar{display:none}.app-shell>.side-panel{display:none}}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:9999}.toast{padding:10px 14px;border-radius:10px;background:var(--color-bg-elevated);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.toast.success{border-color:var(--color-success)}.toast.error{border-color:var(--color-danger)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:32px}.modal{background:var(--color-bg-elevated);border-radius:16px;width:min(960px,100%);max-height:90vh;overflow:auto;border:1px solid var(--color-border)}.modal header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border)}.modal main{padding:20px}.modal footer{display:flex;gap:8px;justify-content:flex-end;padding:12px 20px;border-top:1px solid var(--color-border)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.timeline-list{display:flex;flex-direction:column;gap:var(--space-3)}.timeline-item{display:grid;grid-template-columns:64px 1fr auto;gap:var(--space-3);padding:var(--space-3);border-radius:12px;border:1px solid var(--color-border);background:var(--color-bg-elevated);align-items:center}.timeline-item.selected{border-color:var(--color-primary)}.tab-bar{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:12px;background:var(--color-bg);border:1px solid var(--color-border)}.tab-bar .tab{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--color-muted);cursor:pointer;font-size:14px;transition:background-color .15s,color .15s,border-color .15s}.tab-bar .tab:hover{color:var(--color-fg);background:var(--color-bg-elevated)}.tab-bar .tab[aria-selected=true]{background:var(--color-bg-elevated);color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border));box-shadow:var(--shadow-card)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary);font-size:12px;font-weight:500}.chip--muted{background:var(--color-bg);color:var(--color-muted)}.chip--success{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.chip--warning{background:color-mix(in srgb,var(--color-warning) 18%,transparent);color:var(--color-warning)}.chip--danger{background:color-mix(in srgb,var(--color-danger) 15%,transparent);color:var(--color-danger)}.badge{padding:3px 10px;font-weight:500}.thumb{width:100%;aspect-ratio:16 / 9;border-radius:10px;background:var(--color-bg);overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border)}.thumb img,.thumb video{width:100%;height:100%;object-fit:cover}.thumb--empty{color:var(--color-muted);background:repeating-linear-gradient(45deg,var(--color-bg),var(--color-bg) 10px,color-mix(in srgb,var(--color-muted) 8%,transparent) 10px,color-mix(in srgb,var(--color-muted) 8%,transparent) 20px)}.card-action-row{display:flex;gap:6px;flex-wrap:wrap}.card--clickable{cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.card--clickable:hover{border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border));box-shadow:0 4px 18px #0f172a14}.split-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width: 1023px){.split-cols{grid-template-columns:1fr}}.spin{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}