:root{--bg: #07070d;--bg-1: #0d0d16;--bg-2: #12121c;--bg-3: #181826;--surface: #1c1c2a;--surface-2: #21212f;--border: rgba(255,255,255,.055);--border-2: rgba(255,255,255,.09);--border-3: rgba(255,255,255,.16);--cyan: #00d4ff;--cyan-mid: #00b8e0;--cyan-dim: rgba(0,212,255,.09);--cyan-glow: rgba(0,212,255,.18);--cyan-glow-2: rgba(0,212,255,.08);--violet: #7c3aed;--violet-mid: #6d28d9;--violet-dim: rgba(124,58,237,.11);--violet-glow: rgba(124,58,237,.18);--text: #eeeef3;--text-2: #9494ae;--text-3: #6a6a88;--text-inv: #07070d;--green: #22c55e;--amber: #f59e0b;--red: #ef4444;--sans: "Inter", -apple-system, "Segoe UI", system-ui, sans-serif;--mono: "JetBrains Mono", "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--text-2xs: .72rem;--text-xs: .8rem;--text-sm: .875rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--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;--sp-16: 64px;--sp-20: 80px;--sp-24: 96px;--radius: 8px;--radius-lg: 12px;--radius-xl: 18px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.5), 0 1px 1px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.55), 0 2px 6px rgba(0,0,0,.35);--shadow-lg: 0 16px 48px rgba(0,0,0,.65), 0 8px 24px rgba(0,0,0,.4);--shadow-glow-cyan: 0 0 0 1px rgba(0,212,255,.22), 0 4px 24px rgba(0,212,255,.18);--shadow-glow-violet: 0 0 0 1px rgba(124,58,237,.22), 0 4px 24px rgba(124,58,237,.18);--shadow-card: 0 1px 3px rgba(0,0,0,.45), 0 1px 2px rgba(0,0,0,.3);--shadow-card-hover: 0 8px 32px rgba(0,0,0,.55), 0 2px 8px rgba(0,0,0,.35);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--dur-instant: 60ms;--dur-fast: .13s;--dur-normal: .22s;--dur-slow: .36s;--dur-reveal: .52s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:var(--text-md);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video,svg{max-width:100%;display:block}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--sans);cursor:pointer;border:none;background:none}input,textarea,select{font-family:var(--sans)}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}.wrap{max-width:1100px;margin:0 auto;padding:0 var(--sp-6)}.center{min-height:80vh;display:flex;align-items:center;justify-content:center}.row{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.grid{display:grid;gap:var(--sp-5)}.spacer{flex:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sub{color:var(--text-2);font-size:var(--text-sm)}.small{color:var(--text-3);font-size:var(--text-xs)}.mono{font-family:var(--mono)}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #00d4ff59}70%{transform:scale(1);box-shadow:0 0 0 8px #00d4ff00}to{transform:scale(.95);box-shadow:0 0 #00d4ff00}}@keyframes breathe{0%,to{opacity:.5;transform:scale(.97)}50%{opacity:1;transform:scale(1.03)}}@keyframes checkmark-draw{0%{stroke-dashoffset:20;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes reveal-in{0%{opacity:0;transform:scale(.94) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 #00d4ff00}50%{box-shadow:0 0 24px 4px #00d4ff1f}}@keyframes menu-in{0%{opacity:0;transform:scale(.95) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes skeleton-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes orbit-counter{to{transform:rotate(-360deg)}}@keyframes stage-complete{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes progress-fill{0%{width:0}to{width:100%}}@keyframes dot-blink{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes ambient-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.nav{position:sticky;top:0;z-index:50;height:64px;display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-8);background:#07070dd9;backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border-bottom:1px solid var(--border);transition:background var(--dur-normal) var(--ease-out)}.nav-logo{display:flex;align-items:center;gap:var(--sp-2);text-decoration:none;color:var(--text);font-family:var(--mono);font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;flex-shrink:0;transition:color var(--dur-fast) var(--ease-out)}.nav-logo:hover{color:var(--cyan);text-decoration:none}.nav-logo img,.nav-logo svg{width:24px;height:24px;flex-shrink:0}.nav-link{color:var(--text-2);font-size:var(--text-sm);font-weight:500;padding:var(--sp-1) var(--sp-3);border-radius:var(--radius);transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.nav-link:hover{color:var(--text);background:var(--surface);text-decoration:none}.avatar-wrap{position:relative}.avatar-btn{width:32px;height:32px;border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border-2);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--text-xs);font-weight:700;color:var(--text-2);transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.avatar-btn:hover{border-color:var(--cyan);color:var(--text);background:var(--bg-3)}.avatar-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:196px;background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--radius-lg);padding:var(--sp-1);box-shadow:var(--shadow-lg);animation:menu-in var(--dur-fast) var(--ease-out) both;transform-origin:top right}.avatar-menu-item{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius);font-size:var(--text-sm);color:var(--text-2);cursor:pointer;width:100%;text-align:left;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.avatar-menu-item:hover,.avatar-menu-item:focus{background:var(--surface);color:var(--text);text-decoration:none;outline:none}.avatar-menu-sep{height:1px;background:var(--border);margin:var(--sp-1) var(--sp-2)}.avatar-email{padding:var(--sp-2) var(--sp-3) var(--sp-1);font-size:var(--text-xs);color:var(--text-3);font-family:var(--mono)}.breadcrumb{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);font-size:var(--text-xs);color:var(--text-3);border-bottom:1px solid var(--border);background:var(--bg-1)}.breadcrumb a{color:var(--text-3);transition:color var(--dur-fast) var(--ease-out)}.breadcrumb a:hover{color:var(--text-2);text-decoration:none}.bc-sep{opacity:.3}.bc-current{color:var(--text-2)}.section-label{display:block;font-family:var(--mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:var(--sp-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-weight:600;font-size:var(--text-sm);padding:10px 20px;border-radius:var(--radius);border:none;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out);white-space:nowrap;text-decoration:none!important;font-family:var(--sans);user-select:none;-webkit-user-select:none;position:relative;overflow:hidden}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--cyan);color:var(--text-inv);box-shadow:0 1px 3px #0000004d,0 0 #00d4ff00}.btn-primary:hover:not(:disabled){background:#1adcff;transform:translateY(-1px);box-shadow:var(--shadow-glow-cyan)}.btn-ghost{background:transparent;color:var(--text-2);border:1px solid var(--border-2)}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--border-3);background:var(--surface)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border-2)}.btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-3)}.btn-danger{background:#ef444414;color:var(--red);border:1px solid rgba(239,68,68,.18)}.btn-danger:hover:not(:disabled){background:#ef444429;border-color:#ef44444d}.btn-lg{font-size:var(--text-base);padding:13px 26px;border-radius:var(--radius-lg)}.btn-sm{font-size:var(--text-xs);padding:6px 12px;border-radius:var(--radius)}.btn-icon{width:34px;height:34px;padding:0;border-radius:var(--radius);flex-shrink:0}a.btn:hover{text-decoration:none}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-6);box-shadow:var(--shadow-card);transition:border-color var(--dur-normal) var(--ease-out),transform var(--dur-normal) var(--ease-out),box-shadow var(--dur-normal) var(--ease-out)}.card:hover{border-color:var(--border-2)}label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--text-2);margin:var(--sp-4) 0 var(--sp-2);letter-spacing:.02em}input,textarea,select{width:100%;background:var(--bg-3);border:1px solid var(--border-2);border-radius:var(--radius);color:var(--text);font-size:var(--text-sm);padding:11px var(--sp-3);line-height:1.5;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--cyan);background:var(--bg-2);box-shadow:0 0 0 3px #00d4ff17}input::placeholder,textarea::placeholder{color:var(--text-3)}textarea{resize:vertical;min-height:80px}.err{background:#ef444412;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius);padding:10px var(--sp-3);color:#fca5a5;font-size:var(--text-sm);margin:var(--sp-3) 0;animation:fade-in var(--dur-fast) var(--ease-out) both}.ok{background:#22c55e12;border:1px solid rgba(34,197,94,.2);border-radius:var(--radius);padding:10px var(--sp-3);color:#86efac;font-size:var(--text-sm);margin:var(--sp-3) 0;animation:fade-in var(--dur-fast) var(--ease-out) both}.badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:var(--text-2xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:var(--radius-full);white-space:nowrap}.badge-cyan{background:var(--cyan-dim);color:var(--cyan);border:1px solid rgba(0,212,255,.16)}.badge-violet{background:var(--violet-dim);color:#a78bfa;border:1px solid rgba(124,58,237,.22)}.badge-green{background:#22c55e17;color:var(--green);border:1px solid rgba(34,197,94,.2)}.badge-amber{background:#f59e0b17;color:var(--amber);border:1px solid rgba(245,158,11,.2)}.badge-red{background:#ef444417;color:var(--red);border:1px solid rgba(239,68,68,.2)}.badge.draft,.badge.uploading{background:#f59e0b17;color:var(--amber);border:1px solid rgba(245,158,11,.2)}.badge.ready{background:var(--cyan-dim);color:var(--cyan);border:1px solid rgba(0,212,255,.16)}.badge.analyzing,.badge.processing{background:var(--violet-dim);color:#a78bfa;border:1px solid rgba(124,58,237,.22)}.badge.draft_ready{background:#22c55e17;color:var(--green);border:1px solid rgba(34,197,94,.2)}.badge.rendering,.badge.queued{background:var(--violet-dim);color:#a78bfa;border:1px solid rgba(124,58,237,.22)}.badge.completed,.badge.complete{background:#22c55e17;color:var(--green);border:1px solid rgba(34,197,94,.2)}.badge.analysis_failed,.badge.render_failed,.badge.failed,.badge.cancelled{background:#ef444417;color:var(--red);border:1px solid rgba(239,68,68,.2)}.badge.cancel_requested{background:#f59e0b29;color:var(--amber);border:1px solid rgba(245,158,11,.26)}.progress{height:3px;background:var(--bg-3);border-radius:2px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,var(--cyan-mid),var(--cyan));border-radius:2px;transition:width .35s var(--ease-out)}.skeleton,.dash-skeleton{background:linear-gradient(90deg,var(--bg-3) 25%,var(--surface) 50%,var(--bg-3) 75%);background-size:800px 100%;animation:skeleton-shimmer 1.8s ease-in-out infinite;border-radius:var(--radius)}.step-indicator{display:flex;align-items:center;padding:10px var(--sp-6);background:var(--bg-1);border-bottom:1px solid var(--border);overflow-x:auto;gap:0}.step-item{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-xs);color:var(--text-3);white-space:nowrap;padding:var(--sp-1) var(--sp-3);border-radius:var(--radius);transition:color var(--dur-fast) var(--ease-out)}.step-sep{flex:1;min-width:12px;height:1px;background:var(--border-2);transition:background var(--dur-fast) var(--ease-out)}.step-sep.done{background:var(--green);opacity:.5}.step-item.active{color:var(--text)}.step-item.done{color:var(--green)}.step-num{width:20px;height:20px;border-radius:var(--radius-full);background:var(--bg-3);border:1px solid var(--border-2);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;font-family:var(--mono);flex-shrink:0;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.step-item.active .step-num{background:var(--cyan-dim);border-color:var(--cyan);color:var(--cyan)}.step-item.done .step-num{background:#22c55e1f;border-color:var(--green);color:var(--green)}.step-connector{width:24px;height:1px;background:var(--border);flex-shrink:0}.status-dot{width:6px;height:6px;border-radius:var(--radius-full);flex-shrink:0;transition:background var(--dur-normal) var(--ease-out)}.dot-active{background:var(--cyan);animation:pulse-ring 2s ease-out infinite}.dot-done{background:var(--green)}.dot-error{background:var(--red)}.dot-idle{background:var(--text-3)}.dot-ai{background:#a78bfa;animation:pulse-ring 2s ease-out infinite}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-6);background:linear-gradient(-45deg,#07070d,#0d0d1a,#07101a,#0a0a14);background-size:400% 400%;animation:ambient-gradient 14s ease infinite;position:relative}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(0,212,255,.06) 0%,transparent 70%)}.login-card{width:100%;max-width:400px;background:#12121ce0;border:1px solid var(--border-2);border-radius:var(--radius-xl);padding:var(--sp-10) var(--sp-8);box-shadow:var(--shadow-lg),0 0 0 1px #ffffff08;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);animation:fade-in-scale var(--dur-reveal) var(--ease-out) both}.login-brand{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-8)}.login-brand-icon{width:44px;height:44px;background:var(--bg-3);border:1px solid var(--border-2);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #00d4ff14}.login-brand-icon img{width:26px;height:26px}.login-brand-name{font-family:var(--mono);font-size:var(--text-xs);font-weight:700;letter-spacing:.16em;color:var(--text)}.login-tagline{font-size:var(--text-xs);color:var(--text-3);text-align:center;letter-spacing:.02em}.login-title{font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;color:var(--text);margin-bottom:var(--sp-6);text-align:center}.login-footer{margin-top:var(--sp-6);text-align:center;font-size:var(--text-xs);color:var(--text-3)}.login-footer a{color:var(--text-2);transition:color var(--dur-fast) var(--ease-out)}.login-footer a:hover{color:var(--cyan);text-decoration:none}.dashboard-page{min-height:100vh;background:var(--bg)}.dashboard-loading{padding:var(--sp-8)}.dash-skeleton{border-radius:var(--radius-lg)}.dashboard-hero-card{background:linear-gradient(135deg,var(--bg-2) 0%,var(--bg-3) 100%);border:1px solid var(--border-2);border-radius:var(--radius-xl);padding:var(--sp-8);margin-bottom:var(--sp-8);position:relative;overflow:hidden;box-shadow:var(--shadow-card);animation:fade-in var(--dur-reveal) var(--ease-out) both}.dashboard-hero-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.2),transparent)}.dashboard-hero-card:after{content:"";position:absolute;top:-80px;right:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,.05) 0%,transparent 70%);pointer-events:none}.dash-hero-title{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.03em;color:var(--text);margin-bottom:var(--sp-2)}.dash-hero-sub{font-size:var(--text-sm);color:var(--text-2);margin-bottom:var(--sp-6)}.dash-section{margin-bottom:var(--sp-10);animation:fade-in var(--dur-slow) var(--ease-out) both}.dash-section:nth-child(2){animation-delay:60ms}.dash-section:nth-child(3){animation-delay:.12s}.dash-section:nth-child(4){animation-delay:.18s}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);margin-bottom:var(--sp-8)}.stat-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5);transition:border-color var(--dur-normal) var(--ease-out),transform var(--dur-normal) var(--ease-out),box-shadow var(--dur-normal) var(--ease-out)}.stat-card:hover{border-color:var(--border-2);transform:translateY(-1px);box-shadow:var(--shadow-card-hover)}.stat-label{font-size:var(--text-xs);color:var(--text-3);font-weight:500;margin-bottom:var(--sp-2)}.stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--text);letter-spacing:-.03em}.stat-sub{font-size:var(--text-xs);color:var(--text-3);margin-top:2px}.dash-callout{background:var(--violet-dim);border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-lg);padding:var(--sp-4) var(--sp-5);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-6);animation:fade-in var(--dur-normal) var(--ease-out) both}.dash-callout-text{font-size:var(--text-sm);color:#c4b5fd}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-4)}.project-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;box-shadow:var(--shadow-card);transition:border-color var(--dur-normal) var(--ease-out),transform var(--dur-normal) var(--ease-out),box-shadow var(--dur-normal) var(--ease-out);animation:fade-in-scale var(--dur-slow) var(--ease-out) both}.project-card:hover{border-color:var(--border-2);transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.pc-thumb{height:120px;background:var(--bg-3);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-bottom:1px solid var(--border)}.pc-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(7,7,13,.6) 100%)}.pc-thumb-pulse{position:absolute;top:0;right:0;bottom:0;left:0;background:#00d4ff08;animation:breathe 2.4s ease-in-out infinite}.pc-body{padding:var(--sp-4)}.pc-name{font-size:var(--text-sm);font-weight:600;color:var(--text);margin-bottom:var(--sp-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-status{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-1)}.pc-status-label{font-size:var(--text-xs);color:var(--text-2)}.pc-meta{font-size:var(--text-xs);color:var(--text-3)}.pc-actions{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);display:flex;gap:var(--sp-2);align-items:center;background:var(--bg-1)}.project-card-new{background:var(--bg-2);border:1px dashed var(--border-2);border-radius:var(--radius-lg);height:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);cursor:pointer;text-decoration:none;color:var(--text-3);transition:border-color var(--dur-normal) var(--ease-out),color var(--dur-normal) var(--ease-out),background var(--dur-normal) var(--ease-out)}.project-card-new:hover{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-dim);text-decoration:none}.pcn-plus{font-size:var(--text-2xl);font-weight:300;line-height:1}.export-list{display:flex;flex-direction:column;gap:var(--sp-2)}.export-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.export-row:hover{border-color:var(--border-2);background:var(--bg-3)}.export-row-icon{width:32px;height:32px;border-radius:var(--radius);background:var(--cyan-dim);border:1px solid rgba(0,212,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}.export-row-info{flex:1;min-width:0}.export-row-name{font-size:var(--text-sm);color:var(--text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.export-row-meta{font-size:var(--text-xs);color:var(--text-3)}.new-project-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-6);background:var(--bg);background-image:radial-gradient(ellipse 50% 40% at 50% 0%,rgba(0,212,255,.04) 0%,transparent 70%)}.new-project-card{width:100%;max-width:480px;background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--radius-xl);padding:var(--sp-10) var(--sp-8);box-shadow:var(--shadow-lg);animation:fade-in-scale var(--dur-reveal) var(--ease-out) both}.np-step{font-family:var(--mono);font-size:var(--text-2xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:var(--sp-3)}.np-heading{font-size:var(--text-xl);font-weight:700;color:var(--text);letter-spacing:-.02em;margin-bottom:var(--sp-5)}.np-name-input{margin-bottom:var(--sp-5)}.np-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-bottom:var(--sp-6)}.np-option{background:var(--bg-3);border:1px solid var(--border-2);border-radius:var(--radius-lg);padding:var(--sp-4);text-align:left;cursor:pointer;width:100%;color:var(--text);font-family:var(--sans);font-size:var(--text-sm);font-weight:500;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.np-option:hover{border-color:var(--border-3);background:var(--surface);transform:translateY(-1px)}.np-option.selected{border-color:var(--cyan);background:var(--cyan-dim);color:var(--cyan);box-shadow:0 0 0 1px #00d4ff1f}.np-option-icon{font-size:var(--text-lg);margin-bottom:var(--sp-2);display:block}.project-page{min-height:100vh;background:var(--bg)}.project-content{max-width:900px;margin:0 auto;padding:var(--sp-8) var(--sp-6)}.project-header{margin-bottom:var(--sp-8);animation:fade-in var(--dur-normal) var(--ease-out) both}.project-title{font-size:var(--text-2xl);font-weight:700;color:var(--text);letter-spacing:-.03em;margin-bottom:var(--sp-2)}.project-meta{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.drop-zone{border:2px dashed var(--border-2);border-radius:var(--radius-xl);padding:var(--sp-16) var(--sp-8);text-align:center;cursor:pointer;position:relative;background:var(--bg-2);transition:border-color var(--dur-normal) var(--ease-out),background var(--dur-normal) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--cyan);background:var(--cyan-dim);transform:scale(1.005)}.drop-zone-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--bg-3);border:1px solid var(--border-2);display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-4);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.drop-zone:hover .drop-zone-icon{border-color:var(--cyan);box-shadow:0 0 16px #00d4ff1f}.drop-zone-title{font-size:var(--text-base);font-weight:600;color:var(--text);margin-bottom:var(--sp-2)}.drop-zone-sub{font-size:var(--text-sm);color:var(--text-2)}.drop-zone-limit{font-size:var(--text-xs);color:var(--text-3);margin-top:var(--sp-2)}.drop-zone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.file-list{display:flex;flex-direction:column;gap:var(--sp-3);margin-top:var(--sp-6)}.file-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-4);display:flex;align-items:center;gap:var(--sp-3);animation:fade-in var(--dur-fast) var(--ease-out) both}.file-card-icon{width:40px;height:40px;border-radius:var(--radius);background:var(--bg-3);border:1px solid var(--border-2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-card-info{flex:1;min-width:0}.file-card-name{font-size:var(--text-sm);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card-meta{font-size:var(--text-xs);color:var(--text-3);margin-top:2px}.file-card-progress{height:2px;background:var(--bg-3);border-radius:1px;margin-top:var(--sp-2);overflow:hidden}.file-card-progress>div{height:100%;background:linear-gradient(90deg,var(--cyan-mid),var(--cyan));border-radius:1px;transition:width .3s linear}.footage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-4)}.footage-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--dur-normal) var(--ease-out),transform var(--dur-normal) var(--ease-out)}.footage-card:hover{border-color:var(--border-2);transform:translateY(-1px)}.footage-thumb{height:100px;background:var(--bg-3);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border);position:relative}.footage-info{padding:var(--sp-3)}.footage-name{font-size:var(--text-xs);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--sp-1)}.footage-meta{font-size:var(--text-xs);color:var(--text-3)}.proc-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--sp-12) var(--sp-10);text-align:center;max-width:560px;margin:0 auto;animation:fade-in-scale var(--dur-reveal) var(--ease-out) both;position:relative;overflow:hidden;box-shadow:0 1px 3px #0006,0 0 0 1px #ffffff05}.proc-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.3),transparent)}.proc-orbit-wrap{position:relative;width:96px;height:96px;margin:0 auto var(--sp-8)}.proc-orbit-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid transparent}.proc-orbit-ring-1{border-color:#00d4ff1f;border-top-color:var(--cyan);animation:orbit-spin 2.4s linear infinite}.proc-orbit-ring-2{top:10px;right:10px;bottom:10px;left:10px;border-color:#7c3aed1a;border-bottom-color:#a78bfa;animation:orbit-spin 3.6s linear infinite reverse}.proc-orbit-ring-3{top:20px;right:20px;bottom:20px;left:20px;border-color:#00d4ff12;border-right-color:#00d4ff59;animation:orbit-spin 5s linear infinite}.proc-orbit-center{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,.1) 0%,transparent 70%);display:flex;align-items:center;justify-content:center;animation:breathe 2.4s ease-in-out infinite}.proc-orbit-core{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.proc-stage-label{font-size:var(--text-base);font-weight:600;color:var(--text);margin-bottom:var(--sp-2)}.proc-stage-sub{font-size:var(--text-sm);color:var(--text-2);margin-bottom:var(--sp-8)}.proc-pipeline{display:flex;flex-direction:column;gap:0;text-align:left;margin-bottom:var(--sp-8);max-width:320px;margin-left:auto;margin-right:auto}.proc-stage{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;position:relative}.proc-stage:not(:last-child):after{content:"";position:absolute;left:11px;top:36px;bottom:-4px;width:1px;background:var(--border-2);transition:background var(--dur-slow) var(--ease-out)}.proc-stage.done:not(:last-child):after{background:#22c55e4d}.proc-stage.active:not(:last-child):after{background:#00d4ff33}.proc-stage-icon{width:24px;height:24px;border-radius:var(--radius-full);border:1.5px solid var(--border-2);background:var(--bg-3);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:border-color var(--dur-normal) var(--ease-out),background var(--dur-normal) var(--ease-out),box-shadow var(--dur-normal) var(--ease-out)}.proc-stage.active .proc-stage-icon{border-color:var(--cyan);background:var(--cyan-dim);box-shadow:0 0 12px #00d4ff33;animation:pulse-ring 2s ease-out infinite}.proc-stage.done .proc-stage-icon{border-color:var(--green);background:#22c55e1f;animation:stage-complete .4s var(--ease-spring) both}.proc-stage-dot{width:6px;height:6px;border-radius:50%;background:var(--border-3)}.proc-stage.active .proc-stage-dot{background:var(--cyan)}.proc-stage-check{stroke-dasharray:20;stroke-dashoffset:0;animation:checkmark-draw .35s var(--ease-out) both}.proc-stage-text{flex:1}.proc-stage-name{font-size:var(--text-sm);font-weight:600;color:var(--text-3);transition:color var(--dur-normal) var(--ease-out)}.proc-stage.active .proc-stage-name{color:var(--text)}.proc-stage.done .proc-stage-name{color:var(--green)}.proc-stage-desc{font-size:var(--text-xs);color:var(--text-3);margin-top:2px}.proc-activity{text-align:center;margin-bottom:var(--sp-6)}.proc-activity-title{font-family:var(--mono);font-size:var(--text-2xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:var(--sp-2)}.proc-activity-list{display:flex;flex-direction:column;gap:var(--sp-2)}.proc-activity-item{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--text-xs);color:var(--text-2);animation:fade-in var(--dur-normal) var(--ease-out) both}.proc-activity-item.done{color:var(--text-2)}.proc-activity-item.active{color:var(--text)}.proc-activity-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--text-3)}.proc-activity-item.done .proc-activity-dot{background:var(--green)}.proc-activity-item.active .proc-activity-dot{background:var(--cyan);animation:pulse-ring 1.6s ease-out infinite}.proc-footage{margin-bottom:var(--sp-8);text-align:left}.proc-footage-title{font-family:var(--mono);font-size:var(--text-2xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--sp-3)}.proc-clip-list{display:flex;flex-direction:column;gap:var(--sp-2)}.proc-clip-card{display:flex;align-items:center;gap:var(--sp-3);background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-3) var(--sp-4);transition:border-color var(--dur-fast) var(--ease-out)}.proc-clip-icon{width:32px;height:32px;border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--border-2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.proc-clip-info{flex:1;min-width:0}.proc-clip-name{font-size:var(--text-xs);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proc-clip-meta{font-size:var(--text-xs);color:var(--text-3);margin-top:1px}.proc-error{background:#ef44440f;border:1px solid rgba(239,68,68,.18);border-radius:var(--radius-xl);padding:var(--sp-8);text-align:center;max-width:480px;margin:0 auto;animation:fade-in-scale var(--dur-reveal) var(--ease-out) both}.proc-error-icon{width:48px;height:48px;border-radius:var(--radius-full);background:#ef44441a;border:1px solid rgba(239,68,68,.2);display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-4)}.proc-error-title{font-size:var(--text-lg);font-weight:700;color:var(--text);margin-bottom:var(--sp-2)}.proc-error-detail{font-size:var(--text-sm);color:var(--text-2);margin-bottom:var(--sp-6)}.proc-error-actions{display:flex;gap:var(--sp-3);justify-content:center;flex-wrap:wrap}.candidate-reveal{max-width:720px;margin:0 auto;animation:reveal-in var(--dur-reveal) var(--ease-out) both}.candidate-reveal-header{text-align:center;margin-bottom:var(--sp-8);animation:fade-in var(--dur-slow) var(--ease-out) .12s both}.candidate-ready-badge{display:inline-flex;align-items:center;gap:var(--sp-2);background:#22c55e17;border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-full);padding:6px 16px;font-family:var(--mono);font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin-bottom:var(--sp-4);animation:fade-in var(--dur-normal) var(--ease-out) both}.candidate-ready-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse-ring 2s ease-out infinite}.candidate-reveal-title{font-size:var(--text-3xl);font-weight:800;letter-spacing:-.04em;color:var(--text);margin-bottom:var(--sp-3);line-height:1.1}.candidate-reveal-sub{font-size:var(--text-sm);color:var(--text-2)}.candidate-video-wrap{position:relative;border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-3);border:1px solid var(--border-2);box-shadow:var(--shadow-lg),0 0 0 1px #ffffff08;margin-bottom:var(--sp-6);animation:fade-in var(--dur-slow) var(--ease-out) .2s both}.candidate-video-wrap video{width:100%;display:block}.candidate-video-placeholder{height:360px;display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:var(--text-sm)}.candidate-info{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5);margin-bottom:var(--sp-6);animation:fade-in var(--dur-slow) var(--ease-out) .28s both}.candidate-info-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.candidate-info-item{text-align:center}.candidate-info-label{font-size:var(--text-xs);color:var(--text-3);margin-bottom:2px}.candidate-info-value{font-size:var(--text-sm);font-weight:600;color:var(--text)}.candidate-actions{display:flex;gap:var(--sp-3);justify-content:center;flex-wrap:wrap;animation:fade-in var(--dur-slow) var(--ease-out) .36s both}.candidate-nav{display:flex;align-items:center;gap:var(--sp-3);justify-content:center;margin-top:var(--sp-4)}.candidate-nav-dot{width:8px;height:8px;border-radius:50%;background:var(--border-3);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.candidate-nav-dot.active{background:var(--cyan);transform:scale(1.3)}.export-success{text-align:center;padding:var(--sp-12) var(--sp-6);max-width:480px;margin:0 auto;animation:fade-in-scale var(--dur-reveal) var(--ease-out) both}.export-success-icon{width:64px;height:64px;border-radius:var(--radius-full);background:#22c55e1a;border:1px solid rgba(34,197,94,.2);display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-6);animation:glow-pulse 2.4s ease-in-out infinite}.export-success-title{font-size:var(--text-2xl);font-weight:700;color:var(--text);letter-spacing:-.03em;margin-bottom:var(--sp-3)}.export-success-meta{font-size:var(--text-sm);color:var(--text-2);margin-bottom:var(--sp-8)}.export-success-actions{display:flex;gap:var(--sp-3);justify-content:center;flex-wrap:wrap}.editor-page{height:100vh;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.editor-topbar{height:52px;display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-5);border-bottom:1px solid var(--border);background:var(--bg-1);flex-shrink:0}.editor-topbar-title{font-size:var(--text-sm);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-body{flex:1;display:flex;overflow:hidden}.editor-panel{display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--bg-1)}.editor-panel-header{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.editor-panel-title{font-family:var(--mono);font-size:var(--text-2xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.editor-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.editor-preview{flex:1;background:#000;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.editor-preview video{max-width:100%;max-height:100%;object-fit:contain}.editor-preview-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);color:var(--text-3);font-size:var(--text-sm)}.editor-controls{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);display:flex;align-items:center;gap:var(--sp-3);background:var(--bg-1);flex-shrink:0}.editor-timeline{height:160px;border-top:1px solid var(--border);background:var(--bg-1);flex-shrink:0;overflow:hidden;position:relative}.timeline-track{display:flex;align-items:center;height:36px;padding:0 var(--sp-4);gap:var(--sp-2)}.timeline-track-label{width:40px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--text-3);flex-shrink:0;text-align:right}.timeline-clips{flex:1;display:flex;gap:2px;overflow:hidden;position:relative}.timeline-clip{height:28px;border-radius:4px;display:flex;align-items:center;padding:0 var(--sp-2);font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;cursor:pointer;flex-shrink:0;transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);-webkit-user-select:none;user-select:none}.timeline-clip:hover{opacity:.9;transform:scaleY(1.04)}.timeline-clip.selected{box-shadow:0 0 0 2px var(--cyan),0 0 8px #00d4ff33}.timeline-clip-v{background:#00d4ff2e;color:var(--cyan);border:1px solid rgba(0,212,255,.25)}.timeline-clip-a{background:#22c55e26;color:var(--green);border:1px solid rgba(34,197,94,.22)}.timeline-clip-m{background:#7c3aed26;color:#a78bfa;border:1px solid rgba(124,58,237,.22)}.timeline-clip-t{background:#f59e0b26;color:var(--amber);border:1px solid rgba(245,158,11,.22)}.timeline-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--cyan);pointer-events:none;box-shadow:0 0 8px #00d4ff66}.timeline-playhead:before{content:"";position:absolute;top:-4px;left:-4px;width:10px;height:10px;border-radius:50%;background:var(--cyan)}.clip-bin{overflow-y:auto;flex:1}.clip-bin-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.clip-bin-item:hover{background:var(--surface)}.clip-bin-item.selected{background:var(--cyan-dim)}.clip-bin-thumb{width:48px;height:32px;border-radius:4px;background:var(--bg-3);border:1px solid var(--border-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.clip-bin-info{flex:1;min-width:0}.clip-bin-name{font-size:var(--text-xs);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-bin-meta{font-size:10px;color:var(--text-3);margin-top:1px}.clip-quality-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.editor-inspector{overflow-y:auto;flex:1;padding:var(--sp-4)}.inspector-empty{text-align:center;padding:var(--sp-8) var(--sp-4);color:var(--text-3);font-size:var(--text-sm)}.inspector-field{margin-bottom:var(--sp-4)}.inspector-label{font-size:var(--text-xs);font-weight:600;color:var(--text-3);margin-bottom:var(--sp-2);letter-spacing:.04em}.inspector-value{font-size:var(--text-sm);color:var(--text)}.ai-studio{display:flex;flex-direction:column;background:var(--bg-1);border-left:1px solid var(--border)}.ai-studio-header{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.ai-studio-title{font-family:var(--mono);font-size:var(--text-2xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#a78bfa}.ai-studio-badge{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--violet-dim);color:#a78bfa;border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-full);padding:2px 7px}.ai-messages{flex:1;overflow-y:auto;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.ai-msg{max-width:85%;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-lg);font-size:var(--text-xs);line-height:1.6;animation:fade-in var(--dur-fast) var(--ease-out) both}.ai-msg.user{background:var(--cyan-dim);border:1px solid rgba(0,212,255,.12);color:var(--text);align-self:flex-end}.ai-msg.assistant{background:var(--bg-3);border:1px solid var(--border-2);color:var(--text-2);align-self:flex-start}.ai-msg.thinking{color:var(--text-3);font-style:italic}.ai-thinking-dots{display:flex;gap:4px;align-items:center;padding:var(--sp-2) 0}.ai-thinking-dot{width:5px;height:5px;border-radius:50%;background:var(--text-3);animation:dot-blink 1.4s ease-in-out infinite}.ai-thinking-dot:nth-child(2){animation-delay:.2s}.ai-thinking-dot:nth-child(3){animation-delay:.4s}.ai-input-wrap{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);display:flex;gap:var(--sp-2);flex-shrink:0}.ai-input{flex:1;background:var(--bg-3);border:1px solid var(--border-2);border-radius:var(--radius);color:var(--text);font-size:var(--text-xs);padding:8px var(--sp-3);resize:none;min-height:36px;max-height:100px;transition:border-color var(--dur-fast) var(--ease-out)}.ai-input:focus{border-color:var(--violet);box-shadow:0 0 0 2px #7c3aed1a}.version-list{overflow-y:auto;flex:1}.version-item{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.version-item:hover{background:var(--surface)}.version-item.current{background:var(--cyan-dim)}.version-num{font-family:var(--mono);font-size:var(--text-xs);color:var(--cyan);font-weight:700}.version-note{font-size:var(--text-xs);color:var(--text-2);margin-top:2px}.version-time{font-size:10px;color:var(--text-3);margin-top:1px}.operator-page{min-height:100vh;background:var(--bg)}.operator-content{max-width:1200px;margin:0 auto;padding:var(--sp-8) var(--sp-6)}.operator-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--sp-6)}.operator-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-6);box-shadow:var(--shadow-card)}.operator-card h3{font-size:var(--text-base);font-weight:700;color:var(--text);margin-bottom:var(--sp-4)}.job-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--border)}.job-row:last-child{border-bottom:none}.job-row-info{flex:1;min-width:0}.job-row-name{font-size:var(--text-sm);color:var(--text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-row-meta{font-size:var(--text-xs);color:var(--text-3);margin-top:2px}@media(max-width:900px){.stats-row{grid-template-columns:repeat(2,1fr)}.editor-panel:first-child,.ai-studio,.editor-inspector{display:none}}@media(max-width:700px){.nav,.wrap{padding:0 var(--sp-4)}.dashboard-hero-card{padding:var(--sp-6)}.project-grid{grid-template-columns:1fr}.empty-steps{grid-template-columns:repeat(2,1fr)}.candidate-reveal-title{font-size:var(--text-2xl)}.stats-row{grid-template-columns:repeat(2,1fr)}.candidate-actions{flex-direction:column}}@media(max-width:600px){.stats-row{grid-template-columns:1fr 1fr}.np-option-grid{grid-template-columns:1fr}.new-project-card,.login-card{padding:var(--sp-8) var(--sp-6)}.proc-card{padding:var(--sp-8) var(--sp-5)}.editor-timeline{height:120px}}.dash-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-8);padding-top:var(--sp-8);animation:fade-in var(--dur-normal) var(--ease-out) both}.dash-title{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.04em;color:var(--text);line-height:1.1;margin-bottom:var(--sp-1)}.dash-sub{font-size:var(--text-sm);color:var(--text-3)}.dashboard-empty{display:flex;flex-direction:column;align-items:center;padding:var(--sp-20) var(--sp-6) var(--sp-16);text-align:center;animation:fade-up var(--dur-reveal) var(--ease-out) both}.empty-icon-wrap{width:80px;height:80px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--bg-3) 0%,var(--surface) 100%);border:1px solid var(--border-2);display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-6);box-shadow:0 0 0 8px #00d4ff08,0 0 40px #00d4ff0f;color:var(--text-3)}.empty-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;letter-spacing:-.04em;color:var(--text);margin-bottom:var(--sp-3);line-height:1.1}.empty-sub{font-size:var(--text-base);color:var(--text-2);max-width:400px;line-height:1.7;margin:0 auto var(--sp-8)}.empty-actions{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-12)}.empty-example-link{font-size:var(--text-sm);color:var(--text-3);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}.empty-example-link:hover{color:var(--cyan);text-decoration:none}.empty-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);max-width:720px;width:100%;text-align:left}.empty-step{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5);transition:border-color var(--dur-normal) var(--ease-out),transform var(--dur-normal) var(--ease-out)}.empty-step:hover{border-color:var(--border-2);transform:translateY(-2px)}.empty-step-n{font-family:var(--mono);font-size:var(--text-2xs);font-weight:700;letter-spacing:.12em;color:var(--cyan);margin-bottom:var(--sp-3);display:block}.empty-step-title{font-size:var(--text-sm);font-weight:700;color:var(--text);margin-bottom:var(--sp-1);line-height:1.3}.empty-step-desc{font-size:var(--text-xs);color:var(--text-3);line-height:1.6}.review-callout{display:flex;align-items:center;gap:var(--sp-4);background:linear-gradient(135deg,#7c3aed14,#00d4ff0d);border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-xl);padding:var(--sp-5) var(--sp-6);margin-bottom:var(--sp-8);animation:fade-in var(--dur-normal) var(--ease-out) both}.review-callout-dot{width:10px;height:10px;border-radius:50%;background:#a78bfa;flex-shrink:0;animation:pulse-ring 2s ease-out infinite}.review-callout strong{font-size:var(--text-base);color:var(--text);font-weight:700;display:block;margin-bottom:2px}.review-callout p{font-size:var(--text-sm);color:var(--text-2);margin:0}.upload-progress-wrap{text-align:center;padding:var(--sp-16) var(--sp-8);animation:fade-in var(--dur-normal) var(--ease-out) both}.upload-pct{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;letter-spacing:-.06em;color:var(--cyan);font-family:var(--mono);line-height:1;margin-bottom:var(--sp-3)}.upload-label{font-size:var(--text-sm);color:var(--text-2);margin-bottom:var(--sp-6)}.upload-total{font-size:var(--text-xs);color:var(--text-3);margin-top:var(--sp-4)}.file-preview-list{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-4)}.file-preview-item{display:flex;align-items:center;gap:var(--sp-3);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-3) var(--sp-4);animation:fade-in var(--dur-fast) var(--ease-out) both}.file-preview-thumb{width:54px;height:30px;border-radius:var(--radius);background:var(--bg-3);border:1px solid var(--border-2);object-fit:cover;flex-shrink:0}.file-preview-name{flex:1;font-size:var(--text-sm);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview-meta{font-size:var(--text-xs);color:var(--text-3);flex-shrink:0}.list-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--dur-fast) var(--ease-out)}.list-item:hover{border-color:var(--border-2)}.proc-error-card{background:#ef44440d;border:1px solid rgba(239,68,68,.15);border-radius:var(--radius-xl);padding:var(--sp-10) var(--sp-8);text-align:center;max-width:520px;margin:0 auto;animation:fade-in-scale var(--dur-reveal) var(--ease-out) both}.proc-error-sub{font-size:var(--text-sm);color:var(--text-2);margin-bottom:var(--sp-3);line-height:1.7}.proc-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(0,212,255,.04) 0%,transparent 70%)}.proc-orbit-core{width:16px;height:16px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan-glow)}.proc-orbit-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);opacity:.6}.proc-stage-pulse{width:6px;height:6px;border-radius:50%;background:var(--cyan);animation:pulse-ring 1.6s ease-out infinite;flex-shrink:0}.proc-stage-line-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(0,212,255,.12),transparent);animation:shimmer 2s ease-in-out infinite}.proc-check-path{stroke-dasharray:30;stroke-dashoffset:30;animation:checkmark-draw .4s var(--ease-out) .1s forwards}.proc-clip-thumb{width:40px;height:24px;border-radius:4px;background:var(--bg-3);border:1px solid var(--border-2);object-fit:cover;flex-shrink:0}.proc-clip-badge{width:20px;height:20px;border-radius:50%;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--green);flex-shrink:0}.proc-footage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--sp-3)}.proc-activity-label{font-size:var(--text-xs);color:var(--text);font-weight:500}.proc-activity-desc{font-size:var(--text-xs);color:var(--text-3)}.proc-persist{font-size:var(--text-xs);color:var(--text-3);margin-top:var(--sp-4);display:flex;align-items:center;gap:var(--sp-2);justify-content:center}.proc-wait{font-size:var(--text-sm);color:var(--text-2);margin-top:var(--sp-4);margin-bottom:var(--sp-2)}.candidate-title{font-size:var(--text-base);font-weight:700;color:var(--text);margin-bottom:var(--sp-1)}.candidate-highlights{font-size:var(--text-sm);color:var(--text-2);margin-bottom:var(--sp-5)}.candidate-dots{display:flex;gap:var(--sp-2);justify-content:center;margin-top:var(--sp-4)}.candidate-dot{width:8px;height:8px;border-radius:50%;background:var(--border-3);border:none;cursor:pointer;padding:0;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.candidate-dot.active{background:var(--cyan);transform:scale(1.3)}.candidate-dot:hover{background:var(--text-3)}.export-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;letter-spacing:-.04em;color:var(--text);margin-bottom:var(--sp-2)}.export-meta{font-size:var(--text-sm);color:var(--text-3);margin-bottom:var(--sp-8)}.export-actions{display:flex;gap:var(--sp-3);justify-content:center;flex-wrap:wrap;margin-bottom:var(--sp-8)}.export-check{width:52px;height:52px;color:var(--green);margin:0 auto var(--sp-5);display:block}.export-check-path{stroke-dasharray:50;stroke-dashoffset:50;animation:checkmark-draw .5s var(--ease-out) .2s forwards}.export-share{text-align:center;margin-bottom:var(--sp-6)}.export-share-label{font-size:var(--text-xs);color:var(--text-3);margin-bottom:var(--sp-3)}.export-share-btns{display:flex;gap:var(--sp-2);justify-content:center}.export-feedback{font-size:var(--text-xs);color:var(--text-3);text-align:center}.export-feedback a{color:var(--text-3)}.export-feedback a:hover{color:var(--cyan)}.preview{width:100%;border-radius:var(--radius-lg);display:block}.edit-shell{display:flex;flex-direction:column;height:100vh;background:var(--bg);overflow:hidden}.edit-eyebrow{font-family:var(--mono);font-size:var(--text-2xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--sp-2)}.edit-stage{flex:1;display:flex;overflow:hidden}.edit-commandbar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--border);background:var(--bg-1);flex-shrink:0}.edit-monitor{flex:1;display:flex;flex-direction:column;background:var(--bg);border-right:1px solid var(--border)}.edit-inspector{width:220px;flex-shrink:0;background:var(--bg-1);border-left:1px solid var(--border);overflow-y:auto}.edit-history{display:flex;flex-direction:column;gap:0;overflow-y:auto;flex:1}.edit-bin{background:var(--bg-1);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.edit-timeline-section{flex-shrink:0;border-top:1px solid var(--border);background:var(--bg-1)}.edit-alert{background:#f59e0b12;border:1px solid rgba(245,158,11,.18);border-radius:var(--radius-lg);padding:var(--sp-3) var(--sp-4);font-size:var(--text-xs);color:var(--amber);margin:var(--sp-3)}.monitor-frame{flex:1;background:#000;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.monitor-empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);color:var(--text-3)}.monitor-controls{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-top:1px solid var(--border);background:var(--bg-1);flex-shrink:0}.monitor-btn{width:32px;height:32px;border-radius:var(--radius);background:var(--bg-3);border:1px solid var(--border-2);display:flex;align-items:center;justify-content:center;color:var(--text-2);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.monitor-btn:hover{background:var(--surface);color:var(--text);border-color:var(--border-3)}.time-readout{font-family:var(--mono);font-size:var(--text-xs);color:var(--text-3);padding:0 var(--sp-2)}.time-ruler{height:24px;background:var(--bg-2);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.timeline-canvas{position:relative;overflow:hidden}.timeline-scroll{overflow-x:auto;overflow-y:hidden}.timeline-lane{height:44px;border-bottom:1px solid var(--border);position:relative;display:flex;align-items:center}.timeline-tools{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--border)}.playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--cyan);pointer-events:none;z-index:10}.playhead:before{content:"";position:absolute;top:0;left:-4px;width:9px;height:9px;background:var(--cyan);clip-path:polygon(50% 100%,0 0,100% 0)}.lane-items{display:flex;align-items:center;height:100%;position:relative}.clip-actions{display:flex;gap:var(--sp-2);opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.clip-actions:hover,.timeline-lane:hover .clip-actions{opacity:1}.project-name{font-size:var(--text-sm);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.save-status{font-size:var(--text-xs);color:var(--text-3);font-family:var(--mono)}.render-toast{position:fixed;bottom:var(--sp-6);right:var(--sp-6);z-index:200;background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--radius-lg);padding:var(--sp-4) var(--sp-5);box-shadow:var(--shadow-lg);animation:fade-in-scale var(--dur-normal) var(--ease-out) both}.candidate-mini{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.candidate-mini:hover{background:var(--surface)}.candidate-mini.active{background:var(--cyan-dim)}.ai-studio-panel{display:flex;flex-direction:column;background:var(--bg-1);border-left:1px solid var(--border);width:280px;flex-shrink:0}.ai-studio-label{font-family:var(--mono);font-size:var(--text-2xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#a78bfa}.ai-prototype-badge{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--violet-dim);color:#a78bfa;border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-full);padding:2px 7px}.ai-history{flex:1;overflow-y:auto;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.ai-msg-ai{background:var(--bg-3);border:1px solid var(--border-2);border-radius:var(--radius-lg);padding:var(--sp-3) var(--sp-4);font-size:var(--text-xs);color:var(--text-2);line-height:1.6;align-self:flex-start;max-width:90%}.ai-input-row{display:flex;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);flex-shrink:0}.ai-send-btn{width:32px;height:32px;border-radius:var(--radius);background:var(--violet);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;border:none;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.ai-send-btn:hover{background:var(--violet-mid)}.ai-send-btn:active{transform:scale(.95)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:700px){.empty-steps{grid-template-columns:repeat(2,1fr)}.dash-header{flex-direction:column;gap:var(--sp-4)}.empty-actions{width:100%}.empty-actions .btn{width:100%;justify-content:center}}@media(max-width:480px){.empty-steps{grid-template-columns:1fr}.export-actions{flex-direction:column}.export-actions .btn{width:100%;justify-content:center}}.proc-live-wrap{max-width:860px;margin:0 auto;padding:var(--sp-8) var(--sp-6) var(--sp-16);animation:fade-up var(--dur-reveal) var(--ease-out) both}.proc-live-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-6);margin-bottom:var(--sp-6)}.proc-live-eyebrow{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--mono);font-size:var(--text-2xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:var(--sp-2)}.proc-live-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);animation:pulse-ring 1.6s ease-out infinite}.proc-live-title{font-size:var(--text-xl);font-weight:800;letter-spacing:-.03em;color:var(--text);margin-bottom:var(--sp-1);line-height:1.2}.proc-live-sub{font-size:var(--text-sm);color:var(--text-2)}.proc-live-timer{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.proc-timer-num{font-family:var(--mono);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.04em;color:var(--text);line-height:1;font-variant-numeric:tabular-nums}.proc-timer-label{font-family:var(--mono);font-size:var(--text-2xs);color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;margin-top:2px}.proc-progress-track{height:4px;background:var(--bg-3);border-radius:2px;margin-bottom:var(--sp-6);position:relative;overflow:visible}.proc-progress-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--cyan-mid),var(--cyan));transition:width 1.2s var(--ease-out);box-shadow:0 0 8px #00d4ff66}.proc-progress-pct{position:absolute;right:0;top:-18px;font-family:var(--mono);font-size:var(--text-2xs);color:var(--cyan);font-weight:700}.proc-live-body{display:grid;grid-template-columns:220px 1fr;gap:var(--sp-6);margin-bottom:var(--sp-6)}.proc-live-section-label{font-family:var(--mono);font-size:var(--text-2xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--sp-3);display:flex;align-items:center;gap:var(--sp-2)}.proc-live-stages{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-4)}.proc-live-stages .proc-pipeline{max-width:none;margin:0}.proc-live-log{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-4);display:flex;flex-direction:column}.proc-live-blink{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse-ring 2s ease-out infinite}.proc-log-scroll{flex:1;overflow-y:auto;max-height:280px;display:flex;flex-direction:column;gap:2px}.proc-log-empty{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--text-xs);color:var(--text-3);padding:var(--sp-4) 0}.proc-log-spinner{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--border-2);border-top-color:var(--cyan);animation:orbit-spin 1s linear infinite;flex-shrink:0}.proc-log-item{display:flex;align-items:baseline;gap:var(--sp-2);padding:5px var(--sp-2);border-radius:var(--radius);font-size:var(--text-xs);line-height:1.5;animation:fade-in var(--dur-fast) var(--ease-out) both;transition:background var(--dur-fast) var(--ease-out)}.proc-log-item:hover{background:var(--bg-3)}.proc-log-item.done .proc-log-icon{color:var(--green)}.proc-log-item.fail .proc-log-icon{color:var(--red)}.proc-log-item.running .proc-log-icon{color:var(--cyan)}.proc-log-item.proc-log-current{background:#00d4ff0a;border:1px solid rgba(0,212,255,.1)}.proc-log-icon{width:14px;flex-shrink:0;text-align:center;font-size:10px;font-weight:700}.proc-log-pulse{animation:pulse-ring 1.2s ease-out infinite;color:var(--cyan)!important}.proc-log-text{flex:1;color:var(--text-2)}.proc-log-clip{color:var(--text-3)}.proc-log-fail{color:var(--amber)}.proc-log-time{font-family:var(--mono);font-size:10px;color:var(--text-3);flex-shrink:0;white-space:nowrap}.proc-clip-grid{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-4);margin-bottom:var(--sp-6)}.proc-clip-status-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--sp-3)}.proc-clip-status{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-3);transition:border-color var(--dur-fast) var(--ease-out)}.proc-clip-status.active{border-color:#00d4ff40;background:#00d4ff0a}.proc-clip-status.done{border-color:#22c55e40;background:#22c55e0a}.proc-clip-status-bar{height:3px;background:var(--bg-2);border-radius:2px;margin-bottom:var(--sp-2);overflow:hidden}.proc-clip-status-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--cyan-mid),var(--cyan));transition:width .8s var(--ease-out)}.proc-clip-status.done .proc-clip-status-fill{background:linear-gradient(90deg,#16a34a,var(--green))}.proc-clip-status-name{font-size:10px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.proc-clip-status-pct{font-family:var(--mono);font-size:10px;font-weight:700;color:var(--text-3)}.proc-clip-status.active .proc-clip-status-pct{color:var(--cyan)}.proc-clip-status.done .proc-clip-status-pct{color:var(--green)}.proc-live-footer{font-size:var(--text-xs);color:var(--text-3);text-align:center}@media(max-width:700px){.proc-live-body{grid-template-columns:1fr}.proc-live-header{flex-direction:column}.proc-live-timer{align-items:flex-start;flex-direction:row;align-items:center;gap:var(--sp-3)}.proc-timer-num{font-size:var(--text-xl)}}.st-page{max-width:1480px;margin:0 auto;padding:var(--sp-10) var(--sp-8) var(--sp-24)}.st-i-idle{--i: #6a6a88;--i-soft: rgba(106,106,136,.13)}.st-i-work{--i: var(--cyan);--i-soft: rgba(0,212,255,.13)}.st-i-ready{--i: #a78bfa;--i-soft: rgba(167,139,250,.14)}.st-i-done{--i: var(--green);--i-soft: rgba(34,197,94,.13)}.st-i-error{--i: var(--red);--i-soft: rgba(239,68,68,.13)}.st-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--i, var(--text-3));flex-shrink:0;box-shadow:0 0 0 3px var(--i-soft, transparent)}.st-dot.st-i-work{animation:st-breathe 2.4s var(--ease-in-out) infinite}@keyframes st-breathe{0%,to{opacity:1}50%{opacity:.35}}.st-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-6);margin-bottom:var(--sp-8)}.st-title{font-family:"Archivo",var(--sans);font-size:clamp(2rem,4vw,2.9rem);font-weight:800;letter-spacing:-.035em;line-height:1;color:var(--text)}.st-tally{margin-top:var(--sp-3);display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);font-size:var(--text-sm);color:var(--text-2)}.st-num{font-family:var(--mono);font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.st-num.st-i-work{color:var(--cyan)}.st-num.st-i-ready{color:#a78bfa}.st-num.st-i-done{color:var(--green)}.st-sep{width:3px;height:3px;border-radius:var(--radius-full);background:var(--text-3);display:inline-block;margin:0 var(--sp-1)}.st-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:0;background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--sp-12);cursor:pointer;transition:border-color .25s var(--ease-out),box-shadow .25s var(--ease-out),transform .25s var(--ease-out)}.st-hero:hover{border-color:color-mix(in srgb,var(--i) 40%,transparent);box-shadow:0 20px 60px #00000080,0 0 0 1px color-mix(in srgb,var(--i) 18%,transparent);transform:translateY(-2px)}.st-hero-frame{position:relative;aspect-ratio:16 / 9;background:#04040a;border-right:1px solid var(--border)}.st-play{position:absolute;left:var(--sp-5);bottom:var(--sp-5);width:44px;height:44px;border-radius:var(--radius-full);display:grid;place-items:center;background:#0a0a12b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-3);color:var(--text);transition:transform .25s var(--ease-spring),background .2s}.st-hero:hover .st-play{transform:scale(1.08);background:var(--i);color:#06060c;border-color:transparent}.st-hero-meta{padding:var(--sp-8);display:flex;flex-direction:column;justify-content:center;gap:var(--sp-3);min-width:0}.st-eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--mono);font-size:var(--text-2xs);font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--i, var(--text-2))}.st-hero-title{font-family:"Archivo",var(--sans);font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:700;letter-spacing:-.03em;line-height:1.08;color:var(--text);overflow-wrap:anywhere}.st-hero-line{font-size:var(--text-sm);color:var(--text-2);line-height:1.6;max-width:46ch}.st-hero-foot{display:flex;align-items:center;gap:var(--sp-4);margin-top:var(--sp-2);flex-wrap:wrap}.st-stamp{font-family:var(--mono);font-size:var(--text-2xs);color:var(--text-3);letter-spacing:.04em;white-space:nowrap}.st-section{margin-bottom:var(--sp-12)}.st-rule{display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-5)}.st-rule:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border-2),transparent)}.st-rule-label{font-size:var(--text-sm);font-weight:600;color:var(--text);letter-spacing:-.01em}.st-rule-count{font-family:var(--mono);font-size:var(--text-2xs);font-weight:700;color:var(--text-3);font-variant-numeric:tabular-nums;order:3;padding-left:var(--sp-4)}.st-grid{display:grid;gap:var(--sp-5);grid-template-columns:repeat(auto-fill,minmax(258px,1fr))}.st-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:border-color .2s var(--ease-out),transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}.st-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--i) 38%,transparent);box-shadow:var(--shadow-card-hover)}.st-card-frame{position:relative;aspect-ratio:16 / 9;background:#04040a}.st-card-meta{padding:var(--sp-4);border-top:1px solid var(--border)}.st-card-name{font-size:var(--text-sm);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--sp-2)}.st-card-status{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-xs);color:var(--text-2)}.st-card-status .st-stamp{margin-left:auto}.st-tools{position:absolute;top:var(--sp-2);right:var(--sp-2);display:flex;gap:var(--sp-1);opacity:0;transition:opacity .18s}.st-toolhost:hover .st-tools,.st-tools:focus-within{opacity:1}.st-tools-pinned{opacity:1}.st-tools-pinned .st-tool{background:#08080edb;border-color:var(--border-3);color:var(--text)}.st-tool{width:26px;height:26px;border-radius:var(--radius);display:grid;place-items:center;background:#08080eb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border-2);color:var(--text-2);transition:color .18s,background .18s,border-color .18s}.st-tool:hover{color:var(--text);background:#141420eb;border-color:var(--border-3)}.st-tool-kill:hover{color:#fff;background:var(--red);border-color:transparent}.st-tool:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}@media(hover:none){.st-tools{opacity:1}}.st-rename{width:100%;background:var(--bg-3);color:var(--text);border:1px solid var(--cyan);border-radius:var(--radius);padding:5px var(--sp-2);font-size:var(--text-sm);font-weight:600}.st-rename:focus{outline:none}.st-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);padding:var(--sp-4);text-align:center;background:#06060ced;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.st-veil-q{font-size:var(--text-sm);font-weight:700;color:var(--text)}.st-veil-sub{font-size:var(--text-xs);color:var(--text-2)}.st-veil-err{font-size:var(--text-xs);color:var(--red);margin-top:var(--sp-1)}.st-veil-row{display:flex;gap:var(--sp-2);margin-top:var(--sp-3)}.st-frame-video{width:100%;height:100%;object-fit:cover;display:block;background:#04040a}.st-slate{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(120% 100% at 50% 0%,var(--i-soft),transparent 62%),repeating-linear-gradient(45deg,rgba(255,255,255,.014) 0 12px,transparent 12px 24px),var(--bg-2)}.st-slate-label{font-family:var(--mono);font-size:var(--text-2xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--i) 72%,var(--text-3))}.st-slate-corner{position:absolute;width:13px;height:13px;border:1.5px solid color-mix(in srgb,var(--i) 34%,transparent)}.st-slate-corner.tl{top:10px;left:10px;border-right:0;border-bottom:0}.st-slate-corner.tr{top:10px;right:10px;border-left:0;border-bottom:0}.st-slate-corner.bl{bottom:10px;left:10px;border-right:0;border-top:0}.st-slate-corner.br{bottom:10px;right:10px;border-left:0;border-top:0}.st-new{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);min-height:190px;border:1px dashed var(--border-2);border-radius:var(--radius-lg);color:var(--text-2);text-decoration:none;transition:border-color .2s,color .2s,background .2s,transform .2s var(--ease-out)}.st-new:hover{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-dim);transform:translateY(-3px)}.st-new-plus{font-size:1.6rem;font-weight:300;line-height:1}.st-new-label{font-size:var(--text-xs);font-weight:600}.st-list{display:flex;flex-direction:column}.st-row{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-2);border-bottom:1px solid var(--border);transition:background .16s,padding-left .16s var(--ease-out)}.st-row:hover{background:var(--bg-1);padding-left:var(--sp-4)}.st-row-name{font-size:var(--text-sm);color:var(--text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.st-row-kind{font-family:var(--mono);font-size:var(--text-2xs);color:var(--text-3);letter-spacing:.06em;text-transform:uppercase}.st-skel{background:linear-gradient(90deg,var(--bg-1) 25%,var(--bg-3) 50%,var(--bg-1) 75%);background-size:200% 100%;animation:st-shimmer 1.4s linear infinite;border-radius:var(--radius-lg)}.st-skel-title{height:46px;width:260px;margin-bottom:var(--sp-8)}.st-skel-hero{height:300px;margin-bottom:var(--sp-12);border-radius:var(--radius-xl)}.st-skel-card{aspect-ratio:16 / 10}@keyframes st-shimmer{to{background-position:-200% 0}}@media(max-width:900px){.st-page{padding:var(--sp-8) var(--sp-5) var(--sp-20)}.st-hero{grid-template-columns:1fr}.st-hero-frame{border-right:0;border-bottom:1px solid var(--border)}.st-hero-meta{padding:var(--sp-6)}}@media(max-width:560px){.st-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-4)}.st-head{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.st-hero,.st-card,.st-new,.st-row{transition:none}.st-hero:hover,.st-card:hover,.st-new:hover{transform:none}.st-skel,.st-dot.st-i-work{animation:none}}.st-card:focus-visible,.st-hero:focus-visible,.st-new:focus-visible,.st-row:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.proc-start-card{border-color:var(--cyan-glow)}.proc-start-icon{width:52px;height:52px;margin:0 auto var(--sp-5);display:grid;place-items:center;border-radius:var(--radius-full);background:var(--cyan-dim);border:1px solid var(--cyan-glow);color:var(--cyan)}.start-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);flex-wrap:wrap;padding:var(--sp-5) var(--sp-6);border:1px solid var(--cyan-glow);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--cyan-dim),transparent 70%),var(--bg-1)}.start-bar-text{min-width:0}.start-bar-title{font-size:var(--text-base);font-weight:700;color:var(--text)}.start-bar-sub{font-size:var(--text-sm);color:var(--text-2);margin-top:2px}.start-bar-err{font-size:var(--text-sm);color:var(--red);margin-top:var(--sp-2)}.reveal{max-width:1040px;margin:0 auto;padding:var(--sp-8) var(--sp-6) var(--sp-24)}.reveal-head{text-align:center;margin-bottom:var(--sp-6)}.reveal-eyebrow{font-family:var(--mono);font-size:var(--text-2xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}.reveal-title{font-family:"Archivo",var(--sans);font-size:clamp(1.9rem,4vw,2.6rem);font-weight:800;letter-spacing:-.035em;line-height:1.05;color:var(--text);margin-top:var(--sp-3)}.reveal-sub{font-size:var(--text-sm);color:var(--text-2);margin-top:var(--sp-3);max-width:52ch;margin-left:auto;margin-right:auto}.reveal-stage{background:#04040a;border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.reveal-video{display:block;width:100%;max-height:68vh;object-fit:contain;background:#04040a}.reveal-placeholder{aspect-ratio:16 / 9;display:grid;place-items:center;color:var(--text-3);font-size:var(--text-sm)}.reveal-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-8);margin-top:var(--sp-5);padding:var(--sp-4) var(--sp-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-1)}.reveal-facts dt{font-family:var(--mono);font-size:var(--text-2xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.reveal-facts dd{font-size:var(--text-md);font-weight:600;color:var(--text);margin-top:3px;font-variant-numeric:tabular-nums}.reveal-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-8)}.reveal-alts{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);margin-top:var(--sp-10)}.reveal-alts-label{font-family:var(--mono);font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}@media(max-width:640px){.reveal{padding:var(--sp-6) var(--sp-4) var(--sp-16)}.reveal-facts{gap:var(--sp-5)}}.reveal-loading{aspect-ratio:16 / 9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);color:var(--text-2);font-size:var(--text-sm);background:radial-gradient(120% 90% at 50% 0%,var(--cyan-glow-2),transparent 60%),linear-gradient(90deg,var(--bg-1) 25%,var(--bg-2) 50%,var(--bg-1) 75%);background-size:auto,200% 100%;animation:st-shimmer 1.6s linear infinite}@media(prefers-reduced-motion:reduce){.reveal-loading{animation:none}}.np-aspect{margin-top:var(--sp-5);text-align:left}.np-aspect-label{font-family:var(--mono);font-size:var(--text-2xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--sp-3)}.np-aspect-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}.np-aspect-opt{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-2);border:1px solid var(--border-2);border-radius:var(--radius);background:var(--bg-1);color:var(--text-2);transition:border-color .18s,background .18s,color .18s}.np-aspect-opt:hover{border-color:var(--border-3);color:var(--text)}.np-aspect-opt.selected{border-color:var(--cyan);background:var(--cyan-dim);color:var(--text)}.np-aspect-box{display:block;border:1.5px solid currentColor;border-radius:2px;opacity:.65}.np-aspect-opt.selected .np-aspect-box{opacity:1;color:var(--cyan)}.ar-9-16{width:17px;height:30px}.ar-16-9{width:34px;height:19px}.ar-1-1{width:25px;height:25px}.np-aspect-name{font-size:var(--text-xs);font-weight:600}.np-aspect-note{font-size:var(--text-2xs);color:var(--text-3);text-align:center}.reshape{margin-top:var(--sp-12);padding-top:var(--sp-6);border-top:1px solid var(--border);text-align:center}.reshape-label{font-family:var(--mono);font-size:var(--text-2xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--sp-4)}.reshape-row{display:flex;justify-content:center;gap:var(--sp-3);flex-wrap:wrap}.reshape-row .np-aspect-opt{min-width:116px}.reshape-row .np-aspect-opt:disabled{cursor:default}.reshape-row .np-aspect-opt.selected:disabled{opacity:1}.boundary{min-height:70vh;display:grid;place-items:center;padding:var(--sp-8) var(--sp-6)}.boundary-card{max-width:560px;width:100%;text-align:center;padding:var(--sp-10) var(--sp-8);background:var(--bg-1);border:1px solid var(--border-2);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.boundary-icon{width:46px;height:46px;margin:0 auto var(--sp-5);display:grid;place-items:center;border-radius:var(--radius-full);background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);color:var(--amber);font-weight:800;font-size:1.2rem}.boundary-title{font-family:"Archivo",var(--sans);font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;color:var(--text)}.boundary-sub{font-size:var(--text-sm);color:var(--text-2);margin-top:var(--sp-3);line-height:1.6}.boundary-detail{margin-top:var(--sp-5);padding:var(--sp-3) var(--sp-4);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);text-align:left;font-family:var(--mono);font-size:var(--text-2xs);color:var(--text-2);white-space:pre-wrap;overflow-x:auto;max-height:160px}.boundary-actions{display:flex;justify-content:center;gap:var(--sp-3);margin-top:var(--sp-6);flex-wrap:wrap}.st-veil-form{width:100%;max-width:300px;display:flex;flex-direction:column;gap:var(--sp-2)}.st-veil-form .st-veil-q{margin-bottom:var(--sp-1)}.reshape-confirm{max-width:520px;margin:0 auto;text-align:left;padding:var(--sp-5) var(--sp-6);background:var(--bg-1);border:1px solid var(--cyan-glow);border-radius:var(--radius-lg)}.reshape-confirm-q{font-size:var(--text-md);font-weight:700;color:var(--text);margin-bottom:var(--sp-3)}.reshape-confirm-list{list-style:none;display:flex;flex-direction:column;gap:var(--sp-2);font-size:var(--text-sm);color:var(--text-2);line-height:1.55}.reshape-confirm-list li{position:relative;padding-left:var(--sp-4)}.reshape-confirm-list li:before{content:"";position:absolute;left:0;top:.55em;width:4px;height:4px;border-radius:var(--radius-full);background:var(--text-3)}.reshape-confirm-row{display:flex;justify-content:flex-end;gap:var(--sp-3);margin-top:var(--sp-5);flex-wrap:wrap}.version-row{display:flex;justify-content:center;gap:var(--sp-3);flex-wrap:wrap}.version-chip{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border-2);border-radius:var(--radius);background:var(--bg-1);color:var(--text-2);text-align:left;transition:border-color .18s,background .18s,color .18s}.version-chip:hover{border-color:var(--border-3);color:var(--text)}.version-chip.active{border-color:var(--cyan);background:var(--cyan-dim);color:var(--text)}.version-chip.active .np-aspect-box{color:var(--cyan);opacity:1}.version-chip-text{display:flex;flex-direction:column;gap:1px}.version-chip-name{font-size:var(--text-xs);font-weight:600}.version-chip-when{font-family:var(--mono);font-size:var(--text-2xs);color:var(--text-3)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}@media(max-width:900px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid-2,.grid-3{grid-template-columns:1fr}}.auth-card{width:100%;max-width:400px;margin:0 auto;padding:var(--sp-10) var(--sp-8);border-radius:var(--radius-xl)}.reveal-preview-note{text-align:center;margin-top:var(--sp-4);font-size:var(--text-xs);color:var(--text-3)}.reveal-preview-note a{color:var(--text-2);text-decoration:underline}.reveal-preview-note a:hover{color:var(--text)}.resume-note{margin-top:var(--sp-4);padding:var(--sp-4) var(--sp-5);border:1px solid rgba(245,158,11,.35);border-radius:var(--radius-lg);background:#f59e0b14;font-size:var(--text-sm);color:var(--text-2)}.resume-note strong{color:var(--amber)}.start-bar-length{display:inline-flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);font-size:var(--text-xs);color:var(--text-2);white-space:nowrap;flex-wrap:wrap}.start-bar-length select{background:var(--bg-3);color:var(--text);border:1px solid var(--border-2);border-radius:var(--radius);padding:6px var(--sp-3);font-size:var(--text-xs);min-height:32px;cursor:pointer;transition:border-color .18s}.start-bar-length select:hover:not(:disabled){border-color:var(--border-3)}.start-bar-length select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-color:var(--cyan)}.start-bar-length select:disabled{opacity:.5;cursor:default}@media(max-width:640px){.start-bar{flex-direction:column;align-items:stretch}.start-bar .btn{width:100%}}