/* 镜序 cinematic workspace layer. Visual-only owner; workflow truth remains server-owned. */
:root{
  --cinema-ink:#10151d;
  --cinema-canvas:#f1f4f8;
  --cinema-surface:rgb(255 255 255 / .86);
  --cinema-line:rgb(35 49 72 / .13);
  --cinema-brand:#16745e;
  --cinema-brand-strong:#0d5847;
  --cinema-mint:#6ad8b7;
  --cinema-amber:#f2bd69;
  --cinema-blue:#708cff;
  --cinema-muted:#607087;
  --cinema-glow:0 26px 80px rgb(83 103 232 / .13);
  --cinema-radius-control:8px;
  --cinema-radius-surface:14px;
  --cinema-radius-dialog:18px;
}

html[data-theme="dark"]{
  --cinema-ink:#eef7f3;
  --cinema-canvas:#080b12;
  --cinema-surface:rgb(15 20 29 / .88);
  --cinema-line:rgb(219 228 242 / .13);
  --cinema-brand:#78dfc2;
  --cinema-brand-strong:#9aecd0;
  --cinema-muted:#a4b1c3;
  --cinema-glow:0 28px 90px rgb(91 111 244 / .16);
}

body{background:var(--cinema-canvas);color:var(--cinema-ink);font-size:14px;line-height:1.5}
.brand-wordmark{display:flex;align-items:center;gap:11px;letter-spacing:0}
.brand-wordmark>span{display:grid;min-width:0}
.brand-mark{display:block;width:38px;height:38px;flex:none;filter:drop-shadow(0 5px 10px rgb(16 81 64 / .16))}
.brand-wordmark strong{font-size:18px;font-weight:780;line-height:1.15}
.brand-wordmark small{margin-top:3px;font-size:11px;line-height:1.2}

.auth-gate{
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 73% 12%,rgb(242 189 105 / .32),transparent 28%),
    radial-gradient(circle at 25% 30%,rgb(69 158 255 / .22),transparent 34%),
    linear-gradient(145deg,#07100f 0%,#101b18 46%,#0b1110 100%);
}
.auth-gate::before{
  position:absolute;z-index:-1;inset:-20%;content:"";opacity:.55;
  background:conic-gradient(from 210deg at 48% 44%,transparent 0 18%,rgb(106 216 183 / .18) 26%,transparent 36% 64%,rgb(112 140 255 / .2) 72%,transparent 82%);
  filter:blur(70px);
}
.auth-product-preview{background:linear-gradient(105deg,rgb(8 18 16 / .3),rgb(8 14 13 / .72));color:#f4f8f6}
.auth-product-preview::before{background:linear-gradient(90deg,rgb(255 255 255 / .035),transparent 45%,rgb(255 255 255 / .06))}
.auth-brand{align-items:center;color:#fff}
.auth-brand small{color:rgb(230 243 238 / .68)}
.auth-pill-nav{position:absolute;z-index:7;top:24px;left:50%;display:flex;gap:4px;padding:5px;border:1px solid rgb(255 255 255 / .12);border-radius:999px;background:rgb(238 242 239 / .9);box-shadow:0 12px 40px rgb(0 0 0 / .14);transform:translateX(-50%);backdrop-filter:blur(18px)}
.auth-pill-nav a{padding:8px 13px;border-radius:999px;color:#4d5c57;font-size:12px;font-weight:650;text-decoration:none;transition:background .2s ease,color .2s ease}
.auth-pill-nav a:hover,.auth-pill-nav a.active{background:#fff;color:#17231f}.auth-pill-nav a.active{box-shadow:0 5px 16px rgb(17 38 32 / .12)}
.auth-nav-detail{position:absolute;z-index:7;top:82px;left:50%;width:min(430px,48vw);padding:13px 16px;border:1px solid rgb(255 255 255 / .14);border-radius:14px;background:rgb(7 16 14 / .82);color:#f2faf7;box-shadow:0 18px 48px rgb(0 0 0 / .24);transform:translateX(-50%);backdrop-filter:blur(20px) saturate(125%)}
.auth-nav-detail.is-revealing{animation:auth-detail-in .24s ease both}.auth-nav-detail article{display:grid;gap:3px}.auth-nav-detail article[hidden]{display:none}.auth-nav-detail strong{font-size:12px}.auth-nav-detail span{color:rgb(226 241 235 / .72);font-size:11px;line-height:1.45}
.auth-cinematic-person{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;object-position:48% center;opacity:.88;filter:saturate(.92) contrast(1.04);mask-image:linear-gradient(90deg,#000 0 68%,transparent 98%);-webkit-mask-image:linear-gradient(90deg,#000 0 68%,transparent 98%)}
.auth-product-preview::after{position:absolute;z-index:2;inset:0;content:"";background:linear-gradient(90deg,rgb(5 12 11 / .18),transparent 28% 60%,rgb(6 12 11 / .6)),linear-gradient(0deg,rgb(5 12 11 / .72),transparent 45%)}
.auth-editorial-showcase{position:absolute;z-index:6;top:112px;right:calc(34% + 24px);bottom:126px;display:grid;width:min(31%,370px);grid-template:1fr 1fr/1.08fr .92fr;gap:8px;pointer-events:none}
.auth-editorial-card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:15px;border:1px solid rgb(255 255 255 / .15);border-radius:14px;background:linear-gradient(160deg,rgb(15 30 27 / .42),rgb(7 15 14 / .76));box-shadow:0 22px 55px rgb(0 0 0 / .25);backdrop-filter:blur(16px) saturate(120%)}
.auth-editorial-card::before{position:absolute;inset:0;content:"";background:linear-gradient(135deg,rgb(111 230 198 / .09),transparent 42%,rgb(118 145 255 / .08));pointer-events:none}
.auth-editorial-card>span,.auth-editorial-card>small{position:relative;color:rgb(224 244 237 / .72);font-size:11px;font-weight:720;line-height:1.35;letter-spacing:.1em}
.auth-editorial-card>span{position:absolute;top:13px;left:14px}.auth-editorial-card>strong{position:relative;color:#f7fbf9;font-size:13px;font-weight:650;line-height:1.45;letter-spacing:-.01em}.auth-editorial-card>small{margin-top:9px}
.auth-editorial-person{grid-row:1/3;background-image:linear-gradient(0deg,rgb(5 12 11 / .94),transparent 72%),linear-gradient(140deg,rgb(61 177 148 / .05),rgb(6 14 13 / .25)),url("/web/auth-cinematic-director.png?v=1");background-position:center,center,33% center;background-size:auto,auto,auto 116%;background-repeat:no-repeat;transform:perspective(900px) rotateY(3deg)}
.auth-editorial-person::after{position:absolute;top:20%;right:16%;width:46px;height:46px;border:1px solid rgb(129 231 201 / .45);border-radius:50%;box-shadow:0 0 0 9px rgb(129 231 201 / .05),0 0 32px rgb(129 231 201 / .14);content:""}
.auth-editorial-proof{align-items:center;justify-content:center;text-align:center;transform:translateY(8px) perspective(900px) rotateY(-4deg)}
.auth-editorial-proof>span{right:14px;left:auto}.auth-editorial-proof>strong{font-size:clamp(27px,3vw,42px);font-weight:420;letter-spacing:-.05em}.auth-editorial-proof>small{max-width:18ch;color:rgb(226 239 235 / .76);font-size:11px;letter-spacing:0}
.auth-editorial-capabilities{transform:translateY(8px) perspective(900px) rotateY(-4deg)}
.auth-editorial-capabilities ul{position:relative;display:grid;margin:26px 0 0;padding:0;grid-template-columns:repeat(2,1fr);gap:5px;list-style:none}.auth-editorial-capabilities li{padding:6px 7px;border:1px solid rgb(255 255 255 / .1);border-radius:6px;background:rgb(255 255 255 / .035);color:rgb(237 247 243 / .84);font-size:11px;text-align:center}
.auth-3d-stage{position:absolute;z-index:3;inset:8% 2% 12% 5%;perspective:1100px;transform-style:preserve-3d;pointer-events:none;opacity:.52;mix-blend-mode:screen}
.auth-3d-stage::before{position:absolute;inset:10% 4% 15%;border-radius:50%;background:radial-gradient(ellipse,rgb(94 219 180 / .22),rgb(87 116 255 / .08) 42%,transparent 68%);filter:blur(24px);content:""}
.auth-orbit{position:absolute;left:50%;top:43%;border:1px solid rgb(174 236 216 / .23);border-radius:50%;transform:translate(-50%,-50%) rotateX(67deg);animation:auth-orbit-spin 18s linear infinite}
.auth-orbit-one{width:62%;height:55%}.auth-orbit-two{width:78%;height:70%;animation-direction:reverse;animation-duration:26s}
.auth-3d-mark{position:absolute;left:64%;top:29%;width:112px;height:112px;transform:translate(-50%,-50%) translateZ(80px) rotateY(-10deg);animation:auth-mark-float 7s ease-in-out infinite;filter:drop-shadow(0 32px 45px rgb(0 0 0 / .42))}
.auth-3d-mark img{width:100%;height:100%}
.auth-3d-frame{display:none;position:absolute;width:25%;min-width:150px;padding:7px;border:1px solid rgb(255 255 255 / .2);border-radius:14px;background:rgb(13 23 20 / .65);box-shadow:0 25px 55px rgb(0 0 0 / .32);backdrop-filter:blur(12px);transform-style:preserve-3d}
.auth-3d-frame img{display:block;width:100%;border-radius:9px;opacity:.72}
.auth-3d-frame-one{left:4%;top:20%;transform:rotateY(28deg) rotateZ(-4deg) translateZ(-25px);animation:auth-frame-float 8s ease-in-out infinite}
.auth-3d-frame-two{right:8%;top:17%;transform:rotateY(-28deg) rotateZ(4deg) translateZ(-5px);animation:auth-frame-float 9s ease-in-out -2s infinite}
.auth-3d-frame-three{right:18%;top:57%;width:20%;transform:rotateY(-18deg) rotateZ(-3deg) translateZ(25px);animation:auth-frame-float 7.5s ease-in-out -4s infinite}
.auth-timeline-beam{position:absolute;left:15%;right:11%;top:56%;height:2px;background:linear-gradient(90deg,transparent,var(--cinema-amber),var(--cinema-mint),transparent);box-shadow:0 0 22px rgb(106 216 183 / .55);transform:rotateZ(-8deg) translateZ(110px)}
.auth-timeline-beam i{position:absolute;top:50%;width:9px;height:9px;border:2px solid #f9d79e;border-radius:50%;background:#0b1512;transform:translate(-50%,-50%)}
.auth-timeline-beam i:nth-child(1){left:12%}.auth-timeline-beam i:nth-child(2){left:39%}.auth-timeline-beam i:nth-child(3){left:67%}.auth-timeline-beam i:nth-child(4){left:92%}
.auth-hero-copy{position:absolute;z-index:8;left:clamp(24px,4.8vw,74px);bottom:112px;width:min(390px,45vw);color:#fff;text-shadow:none}
.auth-badge,.auth-hero-cta{display:inline-flex;align-items:center;gap:7px;color:#78dfff;font-size:12px;font-weight:680;text-decoration:none}
.auth-badge span,.auth-hero-cta span{display:inline-block;transition:transform .2s ease}.auth-badge:hover span,.auth-hero-cta:hover span{transform:translateX(2px)}
.auth-hero-copy h2{margin:13px 0 10px;font-size:clamp(28px,3vw,40px);font-weight:720;line-height:1.06;letter-spacing:-.04em;text-wrap:balance}
.auth-hero-copy p{margin:0 0 16px;max-width:46ch;color:rgb(225 239 233 / .72);font-size:13px;line-height:1.65}
.auth-hero-cta{min-height:44px;padding:10px 17px;border:1px solid rgb(120 223 255 / .7);border-radius:999px;transition:background .2s ease,color .2s ease,border-color .2s ease}
.auth-hero-cta:hover{border-color:#7fe4c3;background:#7fe4c3;color:#0b1713}
.auth-work-surface{border-color:rgb(255 255 255 / .14);border-radius:var(--cinema-radius-dialog);background:rgb(10 18 16 / .54);box-shadow:0 30px 90px rgb(0 0 0 / .36);backdrop-filter:blur(24px) saturate(125%)}
.auth-product-preview>.auth-work-surface{display:none;position:absolute;z-index:6;top:auto;right:20px;bottom:92px;left:auto;width:250px;min-height:0;padding:12px;border-radius:12px;background:rgb(8 15 13 / .58);clip-path:none;animation:none}
.auth-product-preview>.auth-work-surface .auth-frame-continuum{display:none}
.auth-product-preview>.auth-work-surface .auth-surface-status{padding:0;border:0}
.auth-surface-heading strong{font-size:18px;line-height:1.35}
.auth-surface-heading span,.auth-surface-status,.auth-surface-status strong{color:rgb(224 239 233 / .7)}
.auth-frame-continuum{border-radius:12px;overflow:hidden;box-shadow:0 24px 60px rgb(0 0 0 / .28)}
.auth-focus-line{background:linear-gradient(180deg,transparent,var(--cinema-mint),transparent);box-shadow:0 0 26px var(--cinema-mint)}
.auth-form-pane{border-color:rgb(255 255 255 / .12);background:rgb(8 14 13 / .76);box-shadow:-20px 0 80px rgb(0 0 0 / .28);backdrop-filter:blur(30px) saturate(125%)}
.auth-card h1{font-size:clamp(30px,3vw,44px);line-height:1.05;letter-spacing:-.025em}
.auth-card>p{font-size:14px;line-height:1.65}
.auth-card label{font-size:13px}
.auth-card input{height:48px;border-radius:var(--cinema-radius-control);background:rgb(255 255 255 / .055)}
.auth-card .button{height:48px;border-radius:var(--cinema-radius-control);font-size:14px;font-weight:760}
.auth-card .button.primary{background:linear-gradient(100deg,#70dfbd,#67cbbb 55%,#8ba4ff);color:#07110e;box-shadow:0 12px 30px rgb(79 207 167 / .22)}
.auth-card.is-invited{animation:auth-form-invite .55s ease}.auth-card.is-invited #authEmail{border-color:#72e6c1;box-shadow:0 0 0 4px rgb(114 230 193 / .13)}
.auth-switch{font-size:13px}
.auth-path{border-color:rgb(255 255 255 / .1);background:rgb(7 13 12 / .42);backdrop-filter:blur(18px)}
.auth-path b{color:#76e2bf}.auth-path span,.auth-path p{color:rgb(226 240 234 / .72)}

html[data-theme="light"] .auth-form-pane{border-left-color:rgb(36 49 72 / .14);background:rgb(247 249 253 / .94);color:#10151d;box-shadow:-20px 0 80px rgb(19 30 48 / .16);backdrop-filter:blur(30px) saturate(112%)}
html[data-theme="light"] .auth-card{color:#10151d}html[data-theme="light"] .auth-card>p,html[data-theme="light"] .auth-card>small{color:#607087}
html[data-theme="light"] .auth-card input{border-color:#a8b4c6;background:#fff;color:#10151d}html[data-theme="light"] .auth-card input:focus{background:#fff}
html[data-theme="light"] .auth-form-pane .brand-wordmark strong{color:#10151d}html[data-theme="light"] .auth-form-pane .brand-wordmark small{color:#607087}
html[data-theme="light"] .auth-switch{color:#1d6b5d}

@keyframes auth-orbit-spin{to{transform:translate(-50%,-50%) rotateX(67deg) rotateZ(360deg)}}
@keyframes auth-mark-float{0%,100%{transform:translate(-50%,-50%) translateZ(80px) rotateY(-10deg) translateY(0)}50%{transform:translate(-50%,-50%) translateZ(105px) rotateY(8deg) translateY(-12px)}}
@keyframes auth-frame-float{0%,100%{margin-top:0}50%{margin-top:-14px}}
@keyframes auth-detail-in{from{opacity:0;transform:translate(-50%,-5px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes auth-form-invite{0%,100%{transform:translateX(0)}45%{transform:translateX(-5px)}}

.app-shell,.app-shell>main{background:var(--cinema-canvas)}
.sidebar{border-right-color:rgb(255 255 255 / .08);background:linear-gradient(180deg,#101917,#09100e)}
.sidebar .brand{min-height:62px}.sidebar .brand-copy{align-items:center}.sidebar .brand-copy strong{color:#f1f7f4}.sidebar .brand-copy small{color:#8fa49b}
.sidebar-collapsed .brand-copy,.sidebar .brand-copy{overflow:visible}
.sidebar-collapsed .brand-copy>span{display:none}.sidebar-collapsed .brand-copy{width:40px;height:40px}.sidebar-collapsed .brand-mark{width:36px;height:36px}
.topbar{border-color:var(--cinema-line);background:color-mix(in srgb,var(--cinema-surface) 88%,transparent);box-shadow:0 8px 30px rgb(16 38 30 / .05)}
.button,.icon-btn,input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea{border-radius:var(--cinema-radius-control)}
.button.primary{border-color:var(--cinema-brand);background:linear-gradient(110deg,var(--cinema-brand),var(--cinema-brand-strong));box-shadow:0 8px 22px rgb(22 116 94 / .18)}
.panel,.batch-stage,.batch-hero,.manual-delivery-panel,.video-narrative-panel,.advanced-panel,.guide-disclosure,.project-overview-summary,.project-ledger,.project-state-card,.autopilot-card,.stepper,.pm-metrics-panel,.project-assets-panel,.delivery-card,.delivery-runtime-panel{border-color:var(--cinema-line);border-radius:var(--cinema-radius-surface);background:var(--cinema-surface)}
.autopilot-card{overflow:hidden}.autopilot-card::after{position:absolute;right:-80px;top:-120px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgb(106 216 183 / .14),transparent 66%);content:"";pointer-events:none}
.stepper{padding:8px}.step{border-radius:10px}.step.active{box-shadow:inset 0 0 0 1px rgb(22 116 94 / .14)}
.view h2,.batch-hero h2{font-size:clamp(22px,2.2vw,30px);line-height:1.18;letter-spacing:-.018em}
.view p,.batch-stage p,.panel p{font-size:13px;line-height:1.62}
.eyebrow{font-size:11px;letter-spacing:.08em}
.field-hint,.asset-tab-header p,.delivery-card p,.delivery-runtime-panel p{font-size:12px;line-height:1.55}
.app-shell :is(.view,.panel,.batch-stage,.project-record-card,.asset-card,.delivery-card) :is(h1,h2,h3,h4){color:var(--cinema-ink)}
.app-shell :is(.view,.panel,.batch-stage,.project-record-card,.asset-card,.delivery-card) :is(p,small,.field-hint){color:var(--cinema-muted)}
.asset-tab{border-radius:999px}.asset-tab.active{box-shadow:0 5px 16px rgb(72 214 160 / .12)}
dialog,.settings-shell{border-radius:var(--cinema-radius-dialog)}

/* Operation desk: carry the auth hero's floating-pill and glass-film language into every view. */
.app-shell{
  --cinema-desk:color-mix(in srgb,var(--cinema-canvas) 92%,#5169ea);
  --cinema-glass:color-mix(in srgb,var(--cinema-surface) 82%,transparent);
  --cinema-glass-strong:color-mix(in srgb,var(--cinema-surface) 94%,transparent);
  --cinema-hairline:color-mix(in srgb,var(--cinema-brand) 20%,var(--cinema-line));
  background:
    radial-gradient(circle at 78% 2%,rgb(99 119 255 / .13),transparent 27%),
    radial-gradient(circle at 24% 72%,rgb(72 191 255 / .08),transparent 32%),
    var(--cinema-desk);
}
.app-shell>main,.app-shell .page-body,.app-shell .content-area{background:transparent}
.sidebar{height:calc(100dvh - 24px);margin:12px 0 12px 12px;padding:14px 12px;border:1px solid var(--cinema-hairline);border-radius:20px;background:linear-gradient(180deg,rgb(251 252 255 / .94),rgb(239 243 249 / .96));color:var(--cinema-ink);box-shadow:0 24px 70px rgb(28 38 57 / .11)}
.app-shell.sidebar-collapsed{--workspace-sidebar-collapsed:76px;grid-template-columns:var(--workspace-sidebar-collapsed) minmax(0,1fr)}
.sidebar-collapsed .sidebar{margin-left:8px;padding-inline:8px}
.sidebar-collapsed .sidebar .brand{grid-template-columns:42px;grid-template-rows:42px 44px;justify-items:center;padding-inline:0}
.sidebar-collapsed .brand-copy{width:42px;height:42px;overflow:hidden}
.sidebar-collapsed .brand-mark{width:38px;height:38px}
.sidebar-collapsed .sidebar-collapse{width:44px;height:44px}
.sidebar-collapsed .nav-item{width:44px;min-width:44px;height:44px;margin-inline:auto;padding:0}
.sidebar .brand{padding:0 4px 14px;border-bottom-color:var(--cinema-hairline)}
.sidebar .brand-copy strong{color:#172033}.sidebar .brand-copy small{color:#69758a}.sidebar .sidebar-collapse{color:#607087}
.sidebar nav{gap:7px}.nav-item{height:45px;padding-inline:13px;border:1px solid transparent;border-radius:14px}
.nav-item{color:#56647a}.nav-item:hover{border-color:#d8e0ec;background:#e8edf5;color:#172033;transform:none}
.nav-item.active{border-color:#cbd4ff;background:#e6eaff;color:#263247;box-shadow:0 8px 22px rgb(73 88 183 / .13)}
.nav-item.active::before{display:none}.nav-item.active svg{color:#596ff4}
.topbar-actions,.utility-actions,.appearance-mount{display:flex;min-width:0;align-items:center}.topbar-actions{gap:7px}.utility-actions{flex:none;gap:7px;padding-left:7px;border-left:1px solid var(--cinema-hairline)}
.topbar{min-height:66px;margin:12px 18px 0;padding:9px 14px 9px 18px;border:1px solid var(--cinema-hairline);border-radius:20px;background:var(--cinema-glass);box-shadow:0 18px 52px rgb(0 0 0 / .1);backdrop-filter:blur(24px) saturate(130%)}
.topbar .project-heading{gap:12px}.topbar .project-heading h1{font-size:18px;letter-spacing:-.02em}
.topbar .status-pill,.topbar .appearance-toggle,.topbar .icon-btn,.topbar .button{border-radius:999px}
.top-actions{gap:7px}.top-actions .account-email{max-width:170px;overflow:hidden;text-overflow:ellipsis}
.topbar .appearance-control{position:relative;top:auto;right:auto}.utility-actions .appearance-toggle{width:36px;min-width:36px;height:36px;min-height:36px;padding:0;box-shadow:none}.utility-actions .appearance-toggle .appearance-label{display:none}.utility-actions .appearance-popover{top:47px}
.server-disclosure{margin:10px 20px 0;padding:8px 14px;border-color:var(--cinema-hairline);border-radius:999px;background:color-mix(in srgb,var(--cinema-glass) 76%,transparent);backdrop-filter:blur(18px)}
.project-state-card,.autopilot-card,.stepper,.page-body{margin-inline:20px}
.project-state-card,.autopilot-card{border-color:var(--cinema-hairline);border-radius:18px;background:var(--cinema-glass);box-shadow:0 16px 46px rgb(0 0 0 / .07);backdrop-filter:blur(22px) saturate(120%)}
.project-state-card{padding:14px 18px}.project-state-details>section{border-color:var(--cinema-hairline);border-radius:13px;background:color-mix(in srgb,var(--cinema-glass-strong) 78%,transparent)}
.autopilot-card{padding:19px 21px}.autopilot-card h2{font-size:19px}.autopilot-card::after{right:-44px;top:-94px;background:radial-gradient(circle,rgb(106 216 183 / .18),transparent 65%)}
.button{min-height:38px;padding-inline:15px;border-radius:999px;font-weight:680}.button.primary{box-shadow:0 10px 26px rgb(47 192 148 / .2)}
.button.secondary,.button.ghost{background:color-mix(in srgb,var(--cinema-glass-strong) 72%,transparent)}
.stepper{gap:7px;padding:7px;border-color:var(--cinema-hairline);border-radius:20px;background:var(--cinema-glass);box-shadow:0 14px 40px rgb(0 0 0 / .06);backdrop-filter:blur(20px)}
.stepper,.batch-step-nav,.asset-tabs{scrollbar-width:none;-ms-overflow-style:none}
.stepper::-webkit-scrollbar,.batch-step-nav::-webkit-scrollbar,.asset-tabs::-webkit-scrollbar{display:none}
.stepper>i{display:none}.step{min-height:58px;border:1px solid transparent;border-radius:15px}.step.active{border-color:rgb(83 204 165 / .3);background:color-mix(in srgb,var(--cinema-brand) 12%,var(--cinema-glass-strong));box-shadow:none}
.step strong,.batch-step-nav strong{font-size:13px;line-height:1.3}.step small,.batch-step-nav small{font-size:11px;line-height:1.45}
.page-body{margin-top:16px;padding-bottom:38px}.content-area{width:min(1380px,100%);padding:0}
.panel,.batch-stage,.batch-hero,.manual-delivery-panel,.video-narrative-panel,.advanced-panel,.guide-disclosure,.project-overview-summary,.project-ledger,.pm-metrics-panel,.project-assets-panel,.delivery-card,.delivery-runtime-panel{border-color:var(--cinema-hairline);border-radius:20px;background:var(--cinema-glass);box-shadow:0 18px 52px rgb(0 0 0 / .07);backdrop-filter:blur(20px) saturate(115%)}
.batch-hero{padding:24px 26px;background:linear-gradient(120deg,color-mix(in srgb,var(--cinema-glass-strong) 84%,transparent),rgb(83 103 232 / .12))}
.batch-hero h2{font-size:28px}.batch-step-nav{display:grid;gap:8px;padding:0;border:0;background:transparent}
.batch-step-nav li{min-width:0;padding:13px 14px;border:1px solid var(--cinema-hairline);border-radius:16px;background:var(--cinema-glass)}
.batch-step-nav li:last-child{border-right:1px solid var(--cinema-hairline)}.batch-step-nav li.active{border-color:rgb(97 219 181 / .32);background:color-mix(in srgb,var(--cinema-brand) 11%,var(--cinema-glass-strong))}
.batch-stage{padding:0;overflow:hidden}.batch-stage>header{padding:18px 20px;border-bottom-color:var(--cinema-hairline);background:transparent}
.batch-file-queue,.batch-project-list,.batch-progress-list,.batch-vault-grid,.batch-scene-list,.batch-delivery-list{padding:16px 18px}
.batch-file-row,.batch-project-row,.batch-progress-row,.batch-scene-row,.batch-delivery-row,.batch-vault-card{border-color:var(--cinema-hairline);border-radius:14px;background:color-mix(in srgb,var(--cinema-glass-strong) 78%,transparent)}
.batch-state,.project-record-stage,.asset-slot-status span{border-radius:999px}
.project-record-hero,.project-record-card,.asset-readiness,.asset-card,.delivery-runtime-card,.consistency-compare,.final-video-compare article,.shot-compare-row,.asset-upload-row{border-color:var(--cinema-hairline);border-radius:18px;background:var(--cinema-glass);box-shadow:0 14px 40px rgb(0 0 0 / .055)}
.project-record-card{padding:18px}.project-record-card:hover{border-color:rgb(91 213 175 / .38);background:var(--cinema-glass-strong);transform:translateY(-1px)}
.project-record-next,.project-record-metrics div{border-color:var(--cinema-hairline);border-radius:11px;background:color-mix(in srgb,var(--cinema-glass-strong) 74%,transparent)}
.asset-tabs{gap:7px;padding:6px;border:1px solid var(--cinema-hairline);border-radius:999px;background:var(--cinema-glass);overflow:auto}.asset-tab{border-color:transparent;background:transparent}.asset-tab.active{border-color:rgb(255 255 255 / .45);background:#edf1ee;color:#284039;box-shadow:0 8px 22px rgb(0 0 0 / .1)}
.asset-card{overflow:hidden}.asset-preview{border-radius:17px 17px 0 0}.asset-info,.asset-meta{border-color:var(--cinema-hairline)}
.delivery-card>header,.delivery-runtime-panel>header{padding-bottom:13px;border-bottom:1px solid var(--cinema-hairline)}
.empty-inline,.asset-empty{border-radius:15px;background:color-mix(in srgb,var(--cinema-glass-strong) 56%,transparent)}

/* Workspace semantic states: never leak legacy dark-only fills into the light desk. */
html[data-theme="light"] .pm-metrics-panel.blocked{border-color:color-mix(in srgb,var(--color-danger) 32%,var(--cinema-hairline));background:color-mix(in srgb,var(--color-danger-bg) 72%,var(--cinema-glass-strong))}
html[data-theme="light"] .pm-metric.warn{border-color:color-mix(in srgb,var(--color-warning) 34%,var(--cinema-hairline));background:color-mix(in srgb,var(--color-warning-bg) 72%,var(--cinema-glass-strong))}
html[data-theme="light"] .pm-metric.fail{border-color:color-mix(in srgb,var(--color-danger) 32%,var(--cinema-hairline));background:color-mix(in srgb,var(--color-danger-bg) 72%,var(--cinema-glass-strong))}
html[data-theme="light"] .pm-metric.warn>span{background:var(--color-warning-bg);color:var(--color-warning)}
html[data-theme="light"] .pm-metric.fail>span{background:var(--color-danger-bg);color:var(--color-danger)}
.pm-metrics-panel h3,.project-assets-panel h3{font-size:15px;line-height:1.35}.pm-metrics-panel p,.project-assets-panel p{font-size:12px;line-height:1.55}
.pm-metric{padding:13px}.pm-metric strong{font-size:11px;line-height:1.35;letter-spacing:.02em}.pm-metric b{font-size:13px;line-height:1.45}.pm-metric small{font-size:12px;line-height:1.5}
html[data-theme="light"] .product-vault-current.missing{border-color:color-mix(in srgb,var(--color-danger) 28%,var(--cinema-hairline));background:color-mix(in srgb,var(--color-danger-bg) 58%,var(--cinema-glass-strong))}
html[data-theme="light"] .product-vault-current.ready{border-color:color-mix(in srgb,var(--color-success) 28%,var(--cinema-hairline));background:color-mix(in srgb,var(--color-success-bg) 58%,var(--cinema-glass-strong))}
html[data-theme="light"] .product-vault-current.optional{border-color:var(--cinema-hairline);background:color-mix(in srgb,var(--cinema-glass-strong) 78%,transparent)}
.product-vault-current.missing>div:only-child{grid-column:1/-1;max-width:68ch}
.product-vault-current span{font-size:11px;line-height:1.4;letter-spacing:.03em}.product-vault-current strong{font-size:14px;line-height:1.45}.product-vault-current small{font-size:12px;line-height:1.5}.product-vault-current p{max-width:68ch;font-size:13px;line-height:1.6}
html[data-theme="light"] :is(.product-vault-reuse,.product-vault-card){border-color:var(--cinema-hairline);background:color-mix(in srgb,var(--cinema-glass-strong) 82%,transparent);color:var(--cinema-ink)}
html[data-theme="light"] :is(.product-vault-current,.product-vault-reuse,.product-vault-card) :is(strong,h3,h4){color:var(--cinema-ink)}
html[data-theme="light"] :is(.product-vault-current,.product-vault-reuse,.product-vault-card) :is(p,small,header>span){color:var(--cinema-muted)}
html[data-theme="light"] .asset-slot-status span{border-color:color-mix(in srgb,var(--color-danger) 28%,var(--cinema-hairline));background:var(--color-danger-bg);color:var(--color-danger)}
html[data-theme="light"] .asset-slot-status span.ready{border-color:color-mix(in srgb,var(--color-success) 28%,var(--cinema-hairline));background:var(--color-success-bg);color:var(--color-success)}
html[data-theme="light"] .asset-slot-status span.optional{border-color:var(--cinema-hairline);background:var(--cinema-glass-strong);color:var(--cinema-muted)}

/* Theme coherence: light uses a complete editorial-paper desk; dark uses a complete graphite desk. */
html[data-theme="dark"] .sidebar{border-color:rgb(219 228 242 / .1);background:linear-gradient(180deg,rgb(15 21 32 / .97),rgb(6 9 15 / .99));color:#f4f7fb;box-shadow:0 24px 70px rgb(0 0 0 / .32)}
html[data-theme="dark"] .sidebar .brand{border-bottom-color:rgb(219 228 242 / .1)}
html[data-theme="dark"] .sidebar .brand-copy strong{color:#f4f7fb}html[data-theme="dark"] .sidebar .brand-copy small{color:#98a6b9}html[data-theme="dark"] .sidebar .sidebar-collapse{color:#aab6c7}
html[data-theme="dark"] .nav-item{color:#aab6c7}html[data-theme="dark"] .nav-item:hover{border-color:rgb(219 228 242 / .1);background:rgb(219 228 242 / .07);color:#fff}
html[data-theme="dark"] .nav-item.active{border-color:rgb(255 255 255 / .72);background:#f1f4fa;color:#263247}html[data-theme="dark"] .nav-item.active svg{color:#596ff4}
html[data-theme="dark"] .mobile-bottom-nav{border-color:rgb(219 228 242 / .12);background:rgb(8 12 19 / .94);box-shadow:0 -14px 38px rgb(0 0 0 / .34);backdrop-filter:blur(20px) saturate(130%)}
html[data-theme="dark"] .mobile-nav-item{color:#7f8da2}
html[data-theme="dark"] .mobile-nav-item.active{background:rgb(100 221 185 / .12);color:#7fe0c3}
html[data-theme="light"] :is(.prompt-assets,.asset-rules){border-color:var(--cinema-hairline)!important;background:rgb(255 255 255 / .74)!important;color:var(--cinema-ink)}
html[data-theme="light"] .prompt-assets>span,html[data-theme="light"] .asset-rules :is(span,p){color:var(--cinema-muted)!important}
html[data-theme="light"] .asset-rules span{background:#eef2f8!important}html[data-theme="light"] .asset-rules span b{color:#263247!important}
html[data-theme="light"] .asset-chip{border-color:#b9c8ee!important;background:#eaf0ff!important;color:#334e9a!important}
html[data-theme="light"] .asset-chip.missing{border-color:#dfc98e!important;background:#fff7df!important;color:#765313!important}

@media(max-width:760px){
  .auth-gate{background:radial-gradient(circle at 85% 4%,rgb(242 189 105 / .28),transparent 28%),linear-gradient(160deg,#07100f,#111c19)}
  .auth-form-pane{background:rgb(8 14 13 / .7)}
  .auth-mobile-brand{align-items:center;margin-bottom:18px}
  .auth-mobile-brand .brand-mark{width:42px;height:42px}
  .auth-pill-nav,.auth-brand{display:none}
  .auth-3d-stage{inset:34% -15% 17% 12%;opacity:.76;transform:scale(.82)}
  .auth-cinematic-person{position:relative;inset:auto;width:100%;height:360px;object-position:42% center;mask-image:linear-gradient(180deg,#000 0 70%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 0 70%,transparent)}
  .auth-editorial-showcase{position:relative;z-index:6;top:auto;right:auto;bottom:auto;width:auto;margin:-96px 14px 0;grid-template:156px 132px/1.08fr .92fr;gap:7px}.auth-editorial-card{padding:11px;border-radius:11px}.auth-editorial-card>strong{font-size:12px}.auth-editorial-card>span,.auth-editorial-card>small{font-size:10px;letter-spacing:.04em}.auth-editorial-capabilities ul{margin-top:24px;gap:4px}.auth-editorial-capabilities li{padding:5px 3px;font-size:10px}
  .auth-3d-frame{min-width:120px}.auth-3d-mark{width:118px;height:118px}
  .auth-hero-copy{position:relative;left:auto;bottom:auto;width:auto;margin:24px 18px 180px;padding:0}
  .auth-hero-copy h2{font-size:30px}.auth-hero-copy p{font-size:13px}
  .auth-product-preview>.auth-work-surface{display:none}
  .sidebar .brand-copy>span{display:none}.sidebar .brand-copy{width:40px;height:40px}.sidebar .brand-mark{width:36px;height:36px}
  .sidebar,.sidebar-collapsed .sidebar{height:100dvh;margin:0;padding-inline:12px;border-width:0 1px 0 0;border-radius:0}.topbar{margin:8px 8px 0;padding:8px 10px;border-radius:17px}.server-disclosure{margin-inline:10px;border-radius:14px}.project-state-card,.autopilot-card,.stepper,.page-body{margin-inline:10px}.button{min-height:44px}
  .stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;height:auto;padding:6px;gap:5px}
  .step{min-width:0;min-height:56px;padding:7px 6px;gap:6px}.step b{width:25px;height:25px;flex:none}.step span{min-width:0;font-size:11px;line-height:1.25;white-space:normal}.step small,.stepper>i{display:none}
  .batch-step-nav{display:flex;overflow-x:auto;padding:0 52px 8px 0;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;mask-image:linear-gradient(90deg,#000 0 calc(100% - 30px),transparent);-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 30px),transparent)}
  .batch-step-nav li{min-width:144px;padding:11px 12px;scroll-snap-align:start}.batch-step-nav strong{font-size:12px}.batch-step-nav small{font-size:10px}
  .batch-hero{padding:18px}.batch-hero h2{font-size:26px}.batch-stage>header{padding:16px}.batch-stage>header>div:last-child{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.batch-stage>header>div:last-child .button{width:100%;padding-inline:10px}
  .section-head{align-items:stretch;flex-direction:column;gap:14px}.section-head>div{max-width:none}#addAssetBtn{width:100%;align-self:stretch}
  .asset-tabs{overflow-x:auto;padding-right:42px;border-radius:16px;scroll-snap-type:x proximity;mask-image:linear-gradient(90deg,#000 0 calc(100% - 24px),transparent);-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 24px),transparent)}.asset-tab{min-width:132px;min-height:44px;scroll-snap-align:start}
  .view .button{height:auto;min-height:44px}.view .segmented button{min-height:44px}.view .icon-btn{width:44px;min-width:44px;min-height:44px}
  .source-evidence-link{display:inline-flex;align-items:center;min-height:44px;padding-block:10px}
  .mobile-more-panel[data-motion-state="open"]{opacity:1!important;transform:none!important}.mobile-more-backdrop[data-motion-state="open"]{opacity:1!important}
  .topbar-actions{margin-left:auto}.utility-actions{padding-left:0;border-left:0}.utility-actions .icon-btn,.utility-actions .appearance-toggle{width:44px;min-width:44px;height:44px;min-height:44px}.utility-actions .appearance-popover{top:52px;right:0}
}

@media(min-width:761px) and (max-width:1080px){.auth-editorial-showcase{display:none}.auth-hero-copy{width:min(410px,54vw)}}

@media(prefers-reduced-motion:reduce){.auth-gate::before{display:none}.button,.brand-mark{transition:none;filter:none}.auth-orbit,.auth-3d-mark,.auth-3d-frame,.auth-nav-detail,.auth-card{animation:none}.auth-editorial-card{transform:none}}
@media(forced-colors:active){.brand-mark{forced-color-adjust:none}.auth-gate,.auth-form-pane,.auth-product-preview{background:Canvas;color:CanvasText}.auth-work-surface{border:1px solid CanvasText;box-shadow:none}}