:root{--ink:#17212b;--muted:#6f7b85;--line:#e3e8eb;--soft:#f4f6f7;--paper:#fff;--green:#dbf2e8;--green-ink:#16714f;--blue:#193a4d;--accent:#ef684f;--shadow:0 18px 48px rgba(30,50,65,.08)}
*{box-sizing:border-box}body{margin:0;background:#f6f7f8;color:var(--ink);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:4}.brand{display:flex;align-items:center;gap:12px}.brand-mark{background:var(--blue);color:#fff;font-family:Manrope,sans-serif;font-weight:800;font-size:18px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.brand strong{display:block;font-family:Manrope,sans-serif;font-size:14px;letter-spacing:-.2px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.top-actions{display:flex;align-items:center;gap:18px}.local-badge{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:7px}.local-badge i,.plain-label i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#39aa79}.layout{max-width:1440px;margin:0 auto;padding:28px 32px 48px;display:grid;grid-template-columns:354px minmax(0,1fr);gap:24px;align-items:start}.brief-panel,.work-panel{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.brief-panel{padding:24px 22px;position:sticky;top:96px;max-height:calc(100vh - 118px);overflow:auto}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.panel-title h1,.welcome-row h2,.modal h2{margin:4px 0 0;font:700 21px Manrope,sans-serif;letter-spacing:-.6px}.eyebrow{margin:0;color:#89949c;font-size:10px;font-weight:700;letter-spacing:1.5px}.step-count{font:700 12px Manrope,sans-serif;color:#97a2a9;background:var(--soft);border-radius:8px;padding:8px 9px}.field-label{display:block;font-weight:600;font-size:12px;margin:0 0 8px}.control{border:1px solid #dce3e7;border-radius:9px;background:#fff;color:var(--ink);width:100%;min-height:42px;padding:10px 12px;outline:none;transition:border .15s,box-shadow .15s}.control:focus,textarea:focus{border-color:#5c9b82;box-shadow:0 0 0 3px rgba(53,143,105,.12)}select.control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%2375828a' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:36px}.hint{color:var(--muted);font-size:11px;line-height:1.5;margin:8px 0 0}.fields{margin-top:18px}.input-field{padding:12px 0;border-top:1px solid #edf0f1}.input-field:first-child{border-top:0}.input-field textarea{resize:vertical;min-height:58px}.input-field .control{font-size:13px}.input-help{font-size:10px;color:#87929a;line-height:1.45;margin:5px 0 0}.readonly{background:#f4f7f7;color:#45575f}.upload-card{border:1px dashed #bdc9ce;background:#fbfcfc;border-radius:11px;padding:14px;margin-top:16px}.upload-copy{display:flex;gap:10px;align-items:center;margin-bottom:13px}.upload-icon{width:29px;height:29px;display:grid;place-items:center;background:#e9f3ef;color:#25825f;border-radius:8px;font-size:19px}.upload-copy strong,.upload-copy small{display:block}.upload-copy strong{font-size:12px}.upload-copy small{font-size:10px;color:var(--muted);margin-top:3px}.upload-button{width:100%;justify-content:center}.file-list{color:var(--muted);font-size:10px;line-height:1.5;margin-top:9px;overflow-wrap:anywhere}.privacy-note{font-size:10px;color:#859199;line-height:1.5}.privacy-note span{color:#53a37c;margin-right:5px}.work-panel{padding:28px 32px 24px;min-height:700px}.welcome-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.welcome-row h2{font-size:24px}.subheading{color:var(--muted);font-size:12px;margin:8px 0 0}.duration-pill{white-space:nowrap;border:1px solid #e3e9eb;border-radius:999px;background:#fbfcfc;color:#63717a;padding:9px 12px;font-size:11px}.duration-pill b{color:#1e473a;margin-left:5px}.steps{display:flex;align-items:center;gap:12px;padding:25px 0 22px}.step{display:flex;align-items:center;gap:9px;opacity:.55}.step.active,.step.done{opacity:1}.step>span{width:27px;height:27px;display:grid;place-items:center;border:1px solid #d9e0e3;border-radius:50%;font-size:11px;font-weight:700;color:#65727a}.step.active>span,.step.done>span{background:#e0f2e9;border-color:#b5dfca;color:#16714f}.step strong,.step small{display:block}.step strong{font-size:11px}.step small{font-size:10px;color:var(--muted);margin-top:1px}.step-line{height:1px;background:#e4e9eb;flex:1;max-width:90px}.prompt-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);gap:4px}.prompt-tab{background:transparent;border:0;border-bottom:2px solid transparent;text-align:left;padding:13px 15px;color:#68757d}.prompt-tab span,.prompt-tab small{display:block}.prompt-tab span{font-weight:700;font-size:12px}.prompt-tab small{font-size:10px;margin-top:4px}.prompt-tab.active{color:#1c6248;border-color:#37966e}.stage-help{padding:14px 15px;margin:16px 0;background:#f5f8f7;border-radius:9px;color:#54656d;font-size:11px;line-height:1.6}.part-picker{display:flex;align-items:center;gap:12px;margin:0 0 20px;padding:12px 14px;background:#fff9ed;border:1px solid #f1e3c8;border-radius:10px}.part-picker label{font-size:11px;font-weight:700;white-space:nowrap}.part-picker .control{max-width:155px;min-height:36px}.part-picker span{font-size:10px;color:#80715b}.hidden{display:none!important}.output-header{display:flex;justify-content:space-between;align-items:flex-end;margin:21px 0 11px}.output-header h3{font:700 16px Manrope,sans-serif;margin:5px 0 0;letter-spacing:-.3px}.button{border:1px solid transparent;border-radius:8px;padding:10px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:700;transition:background .15s,border .15s,transform .1s}.button:active{transform:translateY(1px)}.button:disabled{opacity:.42;cursor:not-allowed}.button-primary{background:var(--blue);color:#fff}.button-primary:hover:not(:disabled){background:#24556c}.button-outline{background:#fff;border-color:#dce3e6;color:#3d515b}.button-outline:hover{background:#f7f9f9}.button-quiet{background:transparent;border-color:transparent;color:#617079}.button-quiet:hover{background:#f1f4f5}.output-shell{border:1px solid #dbe4e3;border-radius:12px;overflow:hidden}.output-toolbar{height:auto;min-height:48px;background:#fbfcfc;border-bottom:1px solid #e8edee;display:flex;align-items:center;gap:13px;padding:8px 11px}.plain-label{color:#4e6c60;font-size:10px;font-weight:700;background:#eaf5ef;border-radius:999px;padding:6px 9px;white-space:nowrap}.plain-label i{width:6px;height:6px;margin-right:4px}.output-toolbar>span:nth-child(2){font-size:10px;color:#88939a;flex:1}.output-actions{display:flex;gap:2px}.output-text{display:block;width:100%;height:310px;resize:vertical;border:0!important;box-shadow:none!important;padding:17px 18px;background:#fff;color:#26353d;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;outline:none}.package-row{margin-top:14px;border:1px solid #e5e9eb;border-radius:10px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.package-row strong,.package-row span{display:block}.package-row strong{font-size:11px}.package-row span{font-size:10px;color:var(--muted);margin-top:4px}.handoff-note{display:flex;gap:10px;align-items:center;margin-top:13px;color:#77838a;background:#f8f9fa;border-radius:9px;padding:10px 13px}.handoff-note>span{font-size:16px;color:#55876d}.handoff-note p{font-size:10px;line-height:1.45;margin:0}.handoff-note strong{color:#45565f}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,15px);background:#193a4d;color:#fff;padding:11px 16px;border-radius:9px;font-size:12px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.2s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}.modal{border:0;border-radius:15px;padding:24px;width:min(560px,calc(100vw - 28px));box-shadow:0 24px 90px rgba(15,30,40,.25)}.modal::backdrop{background:rgba(20,34,42,.45);backdrop-filter:blur(2px)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between}.modal h2{font-size:20px}.icon-button{border:0;background:#f2f4f5;border-radius:8px;width:32px;height:32px;font-size:20px;color:#65727a}.modal-copy{font-size:12px;color:var(--muted);line-height:1.55;margin:12px 0 18px}.owner-auth .control{margin-bottom:1px}.owner-auth>.button{margin-top:15px}.owner-local{border-top:1px solid #edf0f1;margin:22px 0 0;padding-top:13px;font-size:10px;color:#88939a;line-height:1.5}.owner-local span{font-size:15px;color:#54836b;margin-right:5px}.admin-selects{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.admin-selects label{font-size:11px;font-weight:700}.admin-selects select{margin-top:7px}.master-text{display:block;width:100%;height:300px;resize:vertical;border:1px solid #dce3e7;border-radius:9px;padding:13px;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.master-actions{display:flex;justify-content:space-between;margin-top:12px}
@media(max-width:1000px){.layout{grid-template-columns:310px 1fr;padding:20px 16px}.work-panel{padding:23px 20px}.topbar{padding:0 18px}}
@media(max-width:760px){.topbar{height:62px;padding:0 13px}.local-badge{display:none}.layout{display:flex;flex-direction:column;padding:13px;gap:13px}.brief-panel,.work-panel{width:100%;position:static;max-height:none;padding:18px}.work-panel{min-height:0}.welcome-row{display:block}.duration-pill{display:inline-block;margin-top:12px}.steps{gap:7px}.step-line{max-width:24px}.step{gap:6px}.step small{font-size:9px}.prompt-tab{padding:11px 8px}.prompt-tab span{font-size:11px}.prompt-tab small{font-size:9px;line-height:1.3}.part-picker{flex-wrap:wrap}.part-picker span{width:100%}.output-toolbar{flex-wrap:wrap}.output-toolbar>span:nth-child(2){min-width:100px}.output-actions{margin-left:auto}.package-row{align-items:flex-start;flex-direction:column}.package-row .button{width:100%}.owner-button{padding:8px 9px;font-size:10px}}

/* Neon studio theme */
:root{--ink:#f2f4ff;--muted:#a6aecb;--line:rgba(153,174,255,.2);--soft:#171b3b;--paper:rgba(14,18,43,.94);--green:rgba(51,255,196,.14);--green-ink:#74ffe0;--blue:#6d5cff;--accent:#ff4fbb;--shadow:0 18px 50px rgba(0,0,0,.38),0 0 30px rgba(98,80,255,.12)}
body{position:relative;isolation:isolate;background:linear-gradient(135deg,#080b1d,#0d1027 52%,#11102a);color:var(--ink);min-height:100vh}
body::before{content:"";position:fixed;z-index:-1;inset:-18%;pointer-events:none;background:radial-gradient(ellipse at 17% 18%,rgba(65,237,255,.27),transparent 36%),radial-gradient(ellipse at 82% 28%,rgba(255,69,190,.24),transparent 34%),radial-gradient(ellipse at 56% 82%,rgba(109,92,255,.27),transparent 40%);background-size:165% 165%;background-position:0% 20%;opacity:.78;filter:hue-rotate(-8deg);animation:background-breathe 9s ease-in-out infinite alternate;will-change:transform,background-position,filter,opacity}
body::after{content:"";position:fixed;z-index:-1;inset:-8%;pointer-events:none;background:radial-gradient(ellipse at 30% 65%,rgba(66,246,227,.09),transparent 31%),radial-gradient(ellipse at 74% 22%,rgba(255,78,193,.1),transparent 30%);background-size:150% 150%;background-position:100% 0%;opacity:.7;animation:background-drift 13s ease-in-out infinite alternate;will-change:background-position,opacity}
.topbar{background:rgba(8,11,29,.83);border-color:var(--line);backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(0,0,0,.16)}
.brand-mark{background:linear-gradient(135deg,#39e8ff,#795bff 55%,#ff4fbb);box-shadow:0 0 22px rgba(90,117,255,.55);color:#fff}
.brand strong,.panel-title h1,.welcome-row h2,.modal h2,.output-header h3{color:#fff}
.brand small,.eyebrow,.local-badge,.subheading,.step small,.hint,.input-help,.privacy-note,.package-row span{color:#a6aecb}
.local-badge i,.plain-label i{background:#4dffd0;box-shadow:0 0 10px #4dffd0}
.brief-panel,.work-panel{background:linear-gradient(155deg,rgba(20,25,58,.97),rgba(12,15,39,.97));border-color:rgba(130,153,255,.23);box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.035)}
.step-count,.readonly{background:#1a2047;color:#c9d3ff;border:1px solid var(--line)}
.field-label{color:#edf0ff}
.control,.master-text{background:#0b102b;color:#f2f4ff;border-color:rgba(141,161,255,.28)}
.control::placeholder,.master-text::placeholder{color:#7781a6}
.control:focus,.output-text:focus,.master-text:focus{border-color:#45eaff;box-shadow:0 0 0 3px rgba(69,234,255,.13),0 0 18px rgba(69,234,255,.12)}
select.control{background-color:#0b102b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%237f91cc' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.input-field{border-color:rgba(153,174,255,.12)}
.upload-card{background:rgba(9,13,37,.72);border-color:rgba(255,79,187,.52);box-shadow:inset 0 0 20px rgba(255,79,187,.035)}
.upload-icon{background:rgba(69,234,255,.14);color:#5beaff;box-shadow:0 0 13px rgba(69,234,255,.15)}
.duration-pill,.part-picker{background:rgba(23,28,64,.9);color:#d8ddff;border-color:rgba(142,161,255,.26);box-shadow:0 0 16px rgba(91,83,255,.08)}
.duration-pill b{color:#67f6e3}
.step>span{background:#101638;border-color:rgba(153,174,255,.34);color:#b8c3ee}
.step.active>span,.step.done>span{background:linear-gradient(135deg,#39e8ff,#8b62ff);border-color:#63edff;color:#080d24;box-shadow:0 0 17px rgba(69,234,255,.48)}
.step.active strong{color:#71efff}
.step-line{background:linear-gradient(90deg,rgba(72,228,255,.5),rgba(255,79,187,.38))}
.prompt-tabs{border-color:var(--line)}
.prompt-tab{color:#a9b2d3}
.prompt-tab:hover{color:#fff;background:rgba(90,92,255,.08)}
.prompt-tab.active{color:#7af2ff;border-color:#43eaff;text-shadow:0 0 12px rgba(69,234,255,.42)}
.stage-help{background:rgba(63,82,176,.13);border:1px solid rgba(92,131,255,.2);color:#c3cbed}
.stage-help strong,.handoff-note strong{color:#eff2ff}
.button-primary{background:linear-gradient(110deg,#00d9ef,#6b64ff 53%,#ed43bd);color:white;border:0;box-shadow:0 5px 20px rgba(108,84,255,.27),0 0 18px rgba(74,218,255,.15)}
.button-primary:hover:not(:disabled){background:linear-gradient(110deg,#22efff,#8272ff 53%,#ff5ac7);box-shadow:0 7px 25px rgba(108,84,255,.4),0 0 22px rgba(74,218,255,.22)}
.button-outline{background:rgba(24,30,68,.92);border-color:rgba(133,160,255,.35);color:#e4eaff}
.button-outline:hover{background:#252b60;border-color:#55eaff;box-shadow:0 0 14px rgba(69,234,255,.14)}
.button-quiet{color:#b3bddb}
.button-quiet:hover{background:rgba(114,103,255,.14);color:white}
.plain-label{background:rgba(50,255,201,.1);color:#72ffe1;border:1px solid rgba(50,255,201,.2)}
.output-shell{border-color:rgba(88,217,255,.3);box-shadow:0 0 22px rgba(54,207,255,.06)}
.output-toolbar{background:rgba(16,22,53,.98);border-color:var(--line)}
.output-toolbar>span:nth-child(2){color:#a8b1d1}
.output-text{background:#090d25;color:#e4e8ff;caret-color:#53ecff}
.package-row,.handoff-note{background:rgba(17,23,56,.88);border-color:rgba(153,174,255,.2);color:#c3cbed}
.handoff-note>span{color:#5deeff;text-shadow:0 0 12px rgba(69,234,255,.5)}
.toast{background:linear-gradient(110deg,#1eafc2,#5e4cdd,#b53088);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.4),0 0 22px rgba(88,121,255,.35)}
.modal{background:#101536;color:var(--ink);border:1px solid rgba(141,162,255,.3);box-shadow:0 24px 90px rgba(0,0,0,.6),0 0 35px rgba(97,88,255,.18)}
.modal::backdrop{background:rgba(2,4,15,.72);backdrop-filter:blur(8px)}
.modal-copy,.owner-local{color:#aab4d4}
.owner-local{border-color:var(--line)}
.icon-button{background:#202650;color:#cbd5ff}
.icon-button:hover{background:#30386d;color:#fff}
.admin-selects label{color:#e9ecff}
::selection{background:rgba(61,224,255,.36);color:#fff}
.auto-build-badge{font-size:10px;color:#75f1e1;border:1px solid rgba(69,234,255,.25);background:rgba(69,234,255,.07);border-radius:999px;padding:8px 11px;white-space:nowrap;box-shadow:0 0 16px rgba(69,234,255,.08)}
.storyboard-card{margin-top:16px}
.storyboard-uploads{display:grid;gap:8px}
.storyboard-upload{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid rgba(141,161,255,.25);border-radius:9px;background:rgba(9,13,37,.72);cursor:pointer;transition:border .15s,box-shadow .15s}
.storyboard-upload:hover{border-color:#54eaff;box-shadow:0 0 14px rgba(69,234,255,.13)}
.storyboard-upload strong{font-size:11px;color:#e9edff;white-space:nowrap}
.storyboard-upload span{font-size:10px;color:#9eabd1;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sequence-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.sequence-nav .button{min-width:150px}
.sequence-nav #back-button.hidden{display:none!important}
.sequence-nav #continue-button{margin-left:auto}
.step.done>span{background:linear-gradient(135deg,#4dffd0,#39e8ff);border-color:#4dffd0;color:#061426}
@media(max-width:760px){.sequence-nav .button{min-width:0;flex:1}.auto-build-badge{margin-top:10px;display:inline-flex}.output-header{align-items:flex-start;flex-direction:column;gap:4px}}

/* ProFlow motion and five-part prompt pairing */
html{scroll-behavior:smooth}
.brand-mark{font-size:0;position:relative;overflow:hidden;background:none;box-shadow:0 0 22px rgba(90,117,255,.4);transition:transform .35s,box-shadow .35s}
.brand-mark img{display:block;width:100%;height:100%;border-radius:10px}
.brand-symbol{display:block;width:100%;height:100%;border-radius:10px}
.brand:hover .brand-mark{transform:rotate(-7deg) scale(1.06);box-shadow:0 0 28px rgba(90,117,255,.78)}
.brief-panel,.work-panel{animation:panel-enter .65s cubic-bezier(.2,.7,.25,1) both}
.work-panel{animation-delay:.08s}
.step,.button,.storyboard-upload,.part-output-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease}
.step.active{filter:drop-shadow(0 0 9px rgba(69,234,255,.12))}
.button:hover:not(:disabled){transform:translateY(-2px)}
.button-primary:hover:not(:disabled){box-shadow:0 0 22px rgba(85,234,255,.25),0 0 30px rgba(255,79,187,.12)}
.storyboard-uploads{grid-template-columns:1fr}
.storyboard-upload{min-height:48px}
.storyboard-upload.has-file{border-color:rgba(77,255,208,.56);box-shadow:inset 0 0 18px rgba(77,255,208,.06)}
.storyboard-input-thumb{width:42px;height:32px;flex:0 0 42px;object-fit:cover;border-radius:5px;border:1px solid rgba(77,255,208,.4)}
.storyboard-upload span{margin-left:auto;max-width:58%;overflow:hidden;text-overflow:ellipsis}
.part-outputs{display:grid;gap:16px;margin-top:14px}
.part-output-card{border:1px solid rgba(107,223,255,.23);border-radius:14px;padding:17px;background:linear-gradient(135deg,rgba(17,23,57,.95),rgba(11,15,39,.96));box-shadow:0 8px 28px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.035);animation:card-enter .42s cubic-bezier(.2,.7,.25,1) both}
.part-output-card:hover{border-color:rgba(77,234,255,.48);box-shadow:0 10px 32px rgba(0,0,0,.22),0 0 20px rgba(69,234,255,.08)}
.part-output-head{display:flex;justify-content:space-between;align-items:center;gap:18px}
.part-kicker{font-size:9px;font-weight:800;letter-spacing:1.8px;color:#63eaff;text-shadow:0 0 12px rgba(69,234,255,.3)}
.part-output-head h4{margin:5px 0 0;color:#f5f6ff;font:700 16px Manrope,sans-serif}
.part-output-head h4 small{color:#9ba8cf;font-family:inherit;font-size:11px;font-weight:500}
.part-image-preview{width:132px;height:84px;flex:0 0 132px;border:1px solid rgba(141,161,255,.25);border-radius:9px;overflow:hidden;background:radial-gradient(ellipse at 30% 20%,rgba(69,234,255,.14),transparent 50%),#0b102b;display:grid;place-items:center;color:#72ecff}
.part-image-preview img{width:100%;height:100%;object-fit:cover;display:block}
.part-image-preview>span{font-size:23px}.part-image-preview>small{font-size:9px;color:#a6aecb}
.part-continuity{margin:12px 0;padding:9px 11px;border-left:2px solid #ff4fbb;background:rgba(255,79,187,.055);color:#c5cbe6;font-size:10px;line-height:1.5}
.image-pairing{margin:11px 0 -5px;color:#67f6e3;font-size:9px;font-weight:800;letter-spacing:.7px;overflow-wrap:anywhere;text-shadow:0 0 10px rgba(77,255,208,.16)}
.part-prompt-text{display:block;width:100%;min-height:210px;resize:vertical;border:1px solid rgba(141,161,255,.22);border-radius:9px;padding:12px;background:#090d25;color:#e4e8ff;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}
.part-output-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
.package-row{border-color:rgba(69,234,255,.2);box-shadow:inset 0 0 24px rgba(69,234,255,.025)}
.output-header{animation:soft-glow 4s ease-in-out infinite alternate}
@keyframes panel-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes card-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes soft-glow{from{filter:drop-shadow(0 0 0 rgba(73,235,255,0))}to{filter:drop-shadow(0 0 8px rgba(73,235,255,.08))}}
@keyframes background-breathe{0%{transform:scale(.96);background-position:0% 20%;filter:hue-rotate(-8deg);opacity:.46}50%{opacity:.9}100%{transform:scale(1.07);background-position:100% 85%;filter:hue-rotate(22deg);opacity:.78}}
@keyframes background-drift{0%{background-position:100% 0%;opacity:.38}100%{background-position:0% 100%;opacity:.82}}
@keyframes brand-sheen{0%,65%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
@media(max-width:760px){.storyboard-uploads{grid-template-columns:1fr}.part-output-head{align-items:flex-start}.part-image-preview{width:104px;height:68px;flex-basis:104px}.part-output-card{padding:13px}.part-output-actions{justify-content:stretch}.part-output-actions .button{flex:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Numbered local project home. The campaign's existing three steps remain unchanged. */
.projects-home{width:min(1180px,calc(100% - 48px));margin:42px auto 70px;animation:panel-enter .55s cubic-bezier(.2,.7,.25,1) both}
.projects-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:38px 42px;border:1px solid rgba(100,151,255,.26);border-radius:22px;background:radial-gradient(ellipse at 92% 8%,rgba(76,226,255,.13),transparent 35%),radial-gradient(ellipse at 8% 100%,rgba(255,68,192,.11),transparent 35%),linear-gradient(130deg,rgba(17,25,63,.96),rgba(10,14,39,.97));box-shadow:0 18px 60px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.04)}
.projects-hero h1{margin:5px 0 8px;color:#f5f7ff;font:800 clamp(26px,4vw,40px) Manrope,sans-serif;letter-spacing:-1.5px}.projects-hero p:not(.eyebrow){margin:0;color:#aeb9dc;font-size:14px;line-height:1.6}.projects-hero .button{min-height:48px;padding:0 19px;white-space:nowrap}
.projects-toolbar{display:flex;align-items:center;justify-content:space-between;margin:32px 2px 14px}.projects-toolbar>div{display:flex;align-items:baseline;gap:12px}.projects-toolbar h2{margin:0;color:#f0f3ff;font:700 19px Manrope,sans-serif}.projects-toolbar span{color:#8793bc;font-size:11px}
.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.project-card{position:relative;display:flex;flex-direction:column;gap:15px;min-height:190px;padding:20px;border:1px solid rgba(126,153,244,.2);border-radius:16px;background:linear-gradient(145deg,rgba(17,23,57,.9),rgba(9,13,36,.94));box-shadow:0 10px 28px rgba(0,0,0,.15);transition:transform .22s,border-color .22s,box-shadow .22s;animation:card-enter .38s ease both}.project-card:hover{transform:translateY(-3px);border-color:rgba(83,233,255,.5);box-shadow:0 14px 34px rgba(0,0,0,.24),0 0 22px rgba(74,220,255,.08)}
.project-card-top{display:flex;align-items:center;justify-content:space-between}.project-id{color:#66efff;font-size:10px;font-weight:800;letter-spacing:1.1px;text-shadow:0 0 12px rgba(83,233,255,.32)}.project-date{color:#7f8bb2;font-size:10px}.project-card h3{margin:0;color:#f3f5ff;font:700 17px Manrope,sans-serif;overflow-wrap:anywhere}.project-meta{display:flex;flex-wrap:wrap;gap:6px}.project-meta span{padding:5px 8px;border:1px solid rgba(137,160,242,.17);border-radius:999px;background:rgba(88,106,190,.08);color:#aab5d7;font-size:9px}.project-card>.button{margin-top:auto;align-self:flex-start;min-height:35px;font-size:11px}
.project-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed rgba(108,146,255,.3);border-radius:18px;background:rgba(11,16,44,.55)}.project-empty>span{color:#60efff;font-size:28px;text-shadow:0 0 18px rgba(83,233,255,.6)}.project-empty h3{margin:10px 0 4px;color:#f2f4ff;font:700 19px Manrope,sans-serif}.project-empty p{max-width:360px;margin:0 0 17px;color:#9ba8cf;font-size:12px;line-height:1.6}.project-context{color:#6ff4e5;font-size:10px;font-weight:700;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-dialog{width:min(480px,calc(100% - 32px));padding:23px}.project-dialog .modal-head{margin-bottom:10px}.project-dialog .modal-copy{line-height:1.6}.project-dialog .field-label{display:block;margin:20px 0 7px}.project-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}
@media(max-width:760px){.projects-home{width:calc(100% - 28px);margin:24px auto}.projects-hero{align-items:flex-start;flex-direction:column;padding:25px 22px}.projects-toolbar>div{align-items:flex-start;flex-direction:column;gap:4px}.project-context{display:none!important}.top-actions{gap:5px}.local-badge{display:none}}

/* Hosted account gate and administrator workspace */
.account-gate{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:34px 18px;animation:panel-enter .45s ease both}
.account-card{width:min(470px,100%);padding:34px;border:1px solid rgba(100,151,255,.3);border-radius:22px;background:radial-gradient(ellipse at 90% 0,rgba(68,226,255,.12),transparent 42%),linear-gradient(145deg,rgba(19,25,62,.98),rgba(9,13,38,.99));box-shadow:0 24px 75px rgba(0,0,0,.32),0 0 40px rgba(86,70,255,.08)}
.account-card h1{margin:8px 0;color:#f5f7ff;font:800 29px Manrope,sans-serif;letter-spacing:-1px}.account-copy,.account-footnote{color:#aab4d4;font-size:12px;line-height:1.65}.account-card form{margin-top:24px}.account-card .field-label{display:block;color:#eef0ff;margin:17px 0 7px}.account-card .control{margin-bottom:2px}.account-submit{width:100%;min-height:44px;margin-top:20px}.account-switch{display:block;margin:17px auto 0;padding:6px 10px;border:0;background:transparent;color:#6eeeff;font-size:12px;font-weight:700}.account-switch:hover{text-shadow:0 0 12px rgba(83,233,255,.55)}.account-footnote{margin:23px 0 0;text-align:center;font-size:10px}.account-status{margin:19px 0 5px;padding:12px 14px;border:1px solid rgba(91,233,255,.27);border-radius:10px;background:rgba(34,79,111,.2);color:#c8f8ff;font-size:12px;line-height:1.5}
.account-badge{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6ff4e5;font-size:11px;font-weight:700}.admin-dialog{max-height:min(90vh,900px);overflow:auto;background:#0e1433;color:#f1f3ff;border:1px solid rgba(141,161,255,.25)}.admin-dialog::backdrop{background:rgba(4,7,22,.75);backdrop-filter:blur(8px)}.admin-dialog .modal-copy,.admin-dialog .owner-local{color:#aab4d4}.admin-dialog .icon-button{background:rgba(255,255,255,.08);color:#dfe5ff}.admin-section-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0 8px}.admin-section-head h3{margin:5px 0 0;color:#f3f5ff;font:700 17px Manrope,sans-serif}.admin-section-copy{margin:8px 0 14px;color:#9faacf;font-size:11px;line-height:1.55}.admin-user-list{display:grid;gap:9px;max-height:340px;overflow:auto}.admin-user-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid rgba(137,160,242,.17);border-radius:11px;background:rgba(13,20,52,.75)}.admin-user-details strong,.admin-user-details span,.admin-user-details small{display:block}.admin-user-details strong{color:#f1f3ff;font-size:12px}.admin-user-details span{margin-top:4px;color:#aab4d4;font-size:10px}.admin-user-details small{margin-top:6px;color:#6eeeff;font-size:9px;text-transform:capitalize}.admin-user-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.admin-user-actions .button{padding:8px 10px;font-size:10px}.admin-dialog .admin-selects label{color:#e9ecff}.admin-dialog .master-text{background:#090d25;color:#eff2ff;border-color:rgba(141,161,255,.28)}.admin-dialog .hint{color:#9da8ca}
.offline-mode .account-badge{color:#ffc96a;text-shadow:0 0 12px rgba(255,201,106,.25)}
@media(max-width:600px){.account-card{padding:25px 20px}.account-card h1{font-size:25px}.admin-user-row{align-items:flex-start;flex-direction:column}.admin-user-actions{justify-content:flex-start}.account-badge{max-width:95px}.admin-dialog{padding:18px}}

/* Five-clip director timeline: optional per-part camera and performance direction. */
.director-editor{margin:16px 0 4px;padding:18px;border:1px solid rgba(91,219,255,.28);border-radius:15px;background:linear-gradient(140deg,rgba(17,24,59,.95),rgba(10,14,39,.96));box-shadow:inset 0 0 25px rgba(59,218,255,.025),0 10px 30px rgba(0,0,0,.14);animation:card-enter .35s ease both}
.director-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.director-head h3{margin:4px 0;color:#f2f5ff;font:700 17px Manrope,sans-serif}.director-head p:not(.eyebrow){margin:5px 0 0;color:#9faacf;font-size:11px;line-height:1.55}.timeline-duration{padding:7px 9px;border:1px solid rgba(69,234,255,.2);border-radius:999px;color:#71f2e3;font-size:9px;white-space:nowrap;background:rgba(69,234,255,.06)}
.director-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:17px 0 13px}.timeline-clip{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:73px;padding:9px 10px;border:1px solid rgba(141,161,255,.2);border-radius:10px;background:#0b102b;color:#e2e8ff;text-align:left;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.timeline-clip:hover{transform:translateY(-2px);border-color:rgba(83,233,255,.45)}.timeline-clip.active{border-color:#51eaff;box-shadow:0 0 15px rgba(69,234,255,.15),inset 0 0 14px rgba(69,234,255,.06)}.timeline-number{color:#6aefff;font-size:9px;font-weight:800;letter-spacing:.8px}.timeline-clip strong{font-size:11px}.timeline-clip small{color:#8995bb;font-size:9px}.timeline-clip i{position:absolute;right:9px;top:11px;width:6px;height:6px;border-radius:50%;background:#647094}.timeline-clip.has-board i{background:#4dffd0;box-shadow:0 0 9px rgba(77,255,208,.55)}
.director-controls{padding:13px;border:1px solid rgba(141,161,255,.17);border-radius:11px;background:rgba(8,12,34,.56)}.director-part-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:11px}.director-part-heading strong{color:#f1f4ff;font-size:12px}.director-part-heading span{max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8491b9;font-size:9px}.director-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.director-field{display:flex;flex-direction:column;gap:6px;color:#bdc7e5;font-size:10px;font-weight:700}.director-field .control{margin:0;min-height:37px;padding:8px 10px;font-size:10px}.director-field textarea.control{min-height:64px;resize:vertical}.director-field-wide{grid-column:1/-1}.director-editor.hidden{display:none!important}
@media(max-width:600px){.director-editor{padding:14px}.director-head{flex-direction:column}.timeline-duration{align-self:flex-start}.director-timeline{gap:5px}.timeline-clip{min-height:65px;padding:7px}.timeline-clip strong{font-size:9px}.timeline-clip small{font-size:8px}.director-grid{grid-template-columns:1fr}.director-field-wide{grid-column:auto}.director-part-heading{align-items:flex-start;flex-direction:column}.director-part-heading span{max-width:100%}}

/* Independent Seedance Film Studio */
.film-studio{max-width:1440px;margin:0 auto;padding:30px 32px 60px;color:#edf2ff}.studio-banner,.studio-panel{border:1px solid rgba(119,148,255,.2);border-radius:19px;background:linear-gradient(135deg,rgba(16,25,61,.94),rgba(10,14,39,.94));box-shadow:0 18px 60px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025)}.studio-banner{padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:19px;background:radial-gradient(ellipse at 88% 0,rgba(42,218,255,.12),transparent 38%),linear-gradient(115deg,#111a40,#131036 70%,#221038)}.studio-banner h1{margin:7px 0 8px;font:800 28px Manrope,sans-serif;letter-spacing:-.7px;color:#f5f6ff}.studio-banner p:not(.eyebrow){margin:0;color:#a9b5d9;font-size:12px}.studio-banner .eyebrow,.studio-panel .eyebrow{color:#64eaff}.studio-columns{display:grid;gap:18px}.studio-panel{padding:22px 24px}.studio-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.studio-section-head h2{font:750 18px Manrope,sans-serif;letter-spacing:-.3px;margin:5px 0 0;color:#f2f4ff}.studio-badge{white-space:nowrap;padding:7px 10px;border:1px solid rgba(89,235,255,.27);border-radius:999px;background:rgba(60,221,255,.08);color:#76f1ff;font-size:10px;font-weight:700}.studio-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 15px}.studio-field{display:flex;min-width:0;flex-direction:column;gap:7px;color:#c1cbea;font-size:10px;font-weight:700}.studio-field .control{min-height:39px;margin:0;border-color:#303c70;background:#0a102c;color:#eff3ff;font-size:11px}.studio-field textarea.control{resize:vertical;min-height:68px;line-height:1.45}.studio-field .control::placeholder{color:#7582ad}.studio-field-wide{grid-column:1/-1}.studio-timeline-meta{display:flex;justify-content:space-between;gap:12px;color:#8997c1;font-size:10px;margin:0 0 10px}.studio-timeline-meta span:first-child{color:#73efd9;font-weight:800}.se-timeline{display:flex;align-items:stretch;gap:6px;min-height:87px;padding:10px;border:1px solid rgba(105,137,231,.19);border-radius:12px;background:rgba(5,9,28,.65);overflow-x:auto}.se-beat-slot{flex:var(--beat-share) 1 70px;min-width:70px;display:flex;flex-direction:column;gap:7px;cursor:grab}.se-beat-chip{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:56px;width:100%;padding:8px 9px;border:1px solid rgba(126,150,238,.24);border-radius:9px;background:linear-gradient(135deg,rgba(34,54,115,.68),rgba(27,22,77,.75));color:#edf2ff;text-align:left}.se-beat-chip:hover,.se-beat-slot.selected .se-beat-chip{border-color:#50eaff;box-shadow:0 0 16px rgba(60,220,255,.12)}.se-beat-chip span{font-size:8px;font-weight:900;letter-spacing:.8px;color:#5cecff}.se-beat-chip strong{font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.se-beat-chip small{font-size:9px;color:#a5b0d1}.se-beat-progress{height:3px;border-radius:5px;background:#252b51;overflow:hidden}.se-beat-progress i{height:100%;display:block;background:linear-gradient(90deg,#35e6fa,#a855f7,#ff55c7);box-shadow:0 0 8px #52e7ff}.se-beat-editor{margin-top:15px;padding:17px;border:1px solid rgba(123,143,219,.2);border-radius:12px;background:rgba(8,12,34,.7)}.se-beat-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.se-beat-head h3{font:750 15px Manrope,sans-serif;margin:5px 0 0;color:#f2f4ff}.se-beat-actions{display:flex;align-items:center;gap:4px}.studio-field.compact{width:95px}.studio-field.compact .control{min-height:32px;padding:5px 8px}.se-delete{color:#ffa2c2!important}.beat-fields{gap:12px 14px}.studio-output-hint{margin:6px 0 0;color:#9da9cc;font-size:10px}.studio-output-actions{display:flex;gap:7px}.se-output{width:100%;min-height:430px;resize:vertical;border:1px solid #2f3d70;border-radius:11px;padding:17px;background:#080d25;color:#d7e6ff;font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;outline:none}.se-output:focus{border-color:#53e9ff;box-shadow:0 0 0 3px rgba(83,233,255,.08)}#film-studio-button{border:1px solid rgba(87,232,255,.27);color:#83f2ff;background:rgba(48,196,255,.075)}#film-studio-button:hover{background:rgba(48,196,255,.15)}
@media(max-width:760px){.film-studio{padding:18px 14px 40px}.studio-banner{align-items:flex-start;flex-direction:column;padding:21px}.studio-banner h1{font-size:23px}.studio-panel{padding:17px}.studio-field-grid{grid-template-columns:1fr}.studio-field-wide{grid-column:auto}.studio-section-head{align-items:flex-start;flex-direction:column}.studio-badge{white-space:normal}.studio-timeline-meta{flex-direction:column}.se-beat-head{align-items:flex-start;flex-direction:column}.se-beat-actions{width:100%;flex-wrap:wrap}.studio-output-actions{width:100%}.studio-output-actions .button{flex:1}.se-output{min-height:360px}}

/* Frame-indexed scene replica and camera/object tracks */
.keyframe-actions{display:flex;gap:8px;align-items:center}.vision-toolbar{display:flex;align-items:center;gap:14px;padding:10px 12px;border:1px solid rgba(94,129,222,.18);border-radius:10px;background:rgba(4,9,28,.52);margin-bottom:12px}.vision-toolbar label{display:flex;align-items:center;gap:9px;color:#c1cbea;font-size:10px;font-weight:700;white-space:nowrap}.vision-toolbar .control{width:min(260px,48vw);min-height:34px;padding:6px 10px}.vision-toolbar>span{color:#8492bd;font-size:9px;line-height:1.45}.keyframe-timeline{display:flex;gap:9px;overflow-x:auto;padding:3px 2px 12px;scrollbar-color:#485189 transparent}.kf-card{flex:0 0 190px;position:relative;display:flex;align-items:center;gap:10px;min-height:76px;padding:9px;border:1px solid rgba(112,140,222,.22);border-radius:11px;background:rgba(6,11,34,.86);color:#edf2ff;text-align:left;cursor:pointer;transition:border .16s,transform .16s,box-shadow .16s}.kf-card:hover{transform:translateY(-2px);border-color:rgba(79,231,255,.55)}.kf-card.selected{border-color:#4cecff;box-shadow:0 0 17px rgba(76,236,255,.13)}.kf-thumb{flex:0 0 66px;height:52px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(135deg,#17234d,#201c55);color:#61eaff;font-size:22px;overflow:hidden}.kf-thumb img{width:100%;height:100%;object-fit:cover}.kf-card-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px}.kf-card-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.kf-card-copy small{color:#8e9cc6;font-size:8px}.kf-time-rail{position:absolute;bottom:4px;left:9px;right:9px;height:2px;background:#283258}.kf-time-rail b{position:absolute;top:-3px;width:8px;height:8px;border-radius:50%;transform:translateX(-50%);background:#ff55c9;box-shadow:0 0 7px #ff55c9}.frame-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);gap:13px}.replica-column,.keyframe-inspector,.track-manager{min-width:0;border:1px solid rgba(118,145,226,.19);border-radius:12px;background:rgba(6,10,31,.66);padding:13px}.replica-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.replica-toolbar>div:first-child{display:flex;align-items:center;gap:12px}.replica-toolbar .eyebrow{color:#68e9ff}.replica-toolbar strong{color:#f3f5ff;font:700 12px ui-monospace,monospace}.playback-buttons{display:flex;gap:6px}.replica-stage{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:9px;background:#101735;border:1px solid #303d70}.replica-stage canvas{display:block;width:100%;height:100%;object-fit:contain;touch-action:none;cursor:crosshair}.replica-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;text-align:center;background:radial-gradient(ellipse,rgba(45,78,145,.18),rgba(4,8,28,.82));pointer-events:none}.replica-empty span{font-size:34px;color:#54ecff}.replica-empty strong{font-size:11px;color:#eaf0ff}.replica-empty small{max-width:300px;color:#8795bf;font-size:9px;line-height:1.5}.replica-stage:has(canvas img) .replica-empty{display:none}.se-playhead{width:100%;margin:12px 0 4px;accent-color:#54ecff}.replica-legend{display:flex;flex-wrap:wrap;gap:9px 15px;color:#8d9ac3;font-size:8px}.replica-legend span{display:flex;align-items:center;gap:5px}.replica-legend span:last-child{flex-basis:100%}.replica-legend i,.object-track>i{display:inline-block;width:9px;height:9px;border-radius:50%}.camera-legend{background:#54ecff}.object-legend{background:#ff5ec4}.inspector-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:13px}.inspector-head .eyebrow{color:#68e9ff}.inspector-head h3,.track-manager h3{margin:5px 0 0;color:#f0f3ff;font:700 14px Manrope,sans-serif}.kf-delete{font-size:19px!important;color:#ff8cac!important}.kf-image-status{margin:7px 0 12px;color:#8693bd;font-size:9px;overflow-wrap:anywhere}.inspector-grid{grid-template-columns:1fr 1fr;gap:9px 10px}.inspector-grid .studio-field{font-size:9px}.inspector-grid .studio-field .control{font-size:10px;min-height:34px;padding:7px 9px}.inspector-grid .studio-field textarea.control{min-height:54px}.inspector-wide{grid-column:1/-1}.track-manager{margin-top:14px}.track-manager .studio-section-head{margin:0 0 10px}.track-manager .studio-section-head h3{font-size:14px}.object-track-list{display:flex;flex-direction:column;gap:7px}.object-track{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid rgba(116,141,222,.16);border-radius:9px;background:rgba(11,16,43,.72)}.object-track>i{flex:0 0 10px;background:var(--object-color);box-shadow:0 0 8px var(--object-color)}.object-track input.control{max-width:210px;min-height:32px;padding:6px 9px;font-size:10px}.object-track span{flex:1;color:#8794bb;font-size:9px}.object-track button{padding:5px 8px}.object-empty{padding:14px;border:1px dashed rgba(116,141,222,.23);border-radius:9px;color:#8c99c1;font-size:10px;line-height:1.5}.studio-output-panel{position:relative}.studio-output-panel .eyebrow{color:#6aeaff}
@media(max-width:960px){.frame-workspace{grid-template-columns:1fr}.keyframe-inspector{order:2}.replica-column{order:1}.vision-toolbar{align-items:flex-start;flex-direction:column}.vision-toolbar label{width:100%;justify-content:space-between}.vision-toolbar .control{flex:1}}
@media(max-width:600px){.keyframe-actions{width:100%}.keyframe-actions .button{flex:1;padding:9px 7px;font-size:9px}.kf-card{flex-basis:165px}.replica-toolbar{align-items:flex-start;flex-direction:column;gap:9px}.studio-timeline-panel>.studio-section-head{align-items:flex-start}.object-track{flex-wrap:wrap}.object-track span{flex-basis:100%;order:3}.object-track input.control{flex:1}}
.vision-toolbar .vision-progress{flex:1;min-width:160px;height:9px;accent-color:#54ecff}.vision-setup-dialog{max-width:520px}.vision-setup-facts{display:flex;flex-direction:column;gap:6px;padding:12px 14px;margin:14px 0;border:1px solid rgba(83,233,255,.24);border-radius:10px;background:rgba(44,190,255,.07);color:#c7d3f5;font-size:11px;line-height:1.45}.vision-setup-facts strong{color:#70ecff}.vision-setup-dialog .project-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}

/* Hosted team mode delivers prompts as packages instead of displaying prompt text. */
.hosted-package-note{margin:14px 0;padding:15px 17px;border:1px solid rgba(83,242,255,.28);border-radius:14px;background:linear-gradient(110deg,rgba(34,209,255,.08),rgba(170,72,255,.08));color:#d8e3ff;font-size:13px;line-height:1.55}
body.hosted-mode #output-header,body.hosted-mode #single-output,body.hosted-mode #part-outputs{display:none!important}
body.hosted-mode .package-row strong{font-size:14px}
body.hosted-mode .package-row span{display:block;margin-top:4px;color:#aab7d9}
.admin-category-tools{margin-top:20px;padding-top:15px;border-top:1px solid rgba(138,157,222,.16)}
.admin-category-tools summary{cursor:pointer;color:#b9c8ed;font-weight:700;margin-bottom:12px}
.admin-category-tools .field-label{display:block;margin-top:12px}
.admin-category-tools .control,.admin-category-tools .master-text{width:100%;margin-top:6px}
.admin-category-tools .master-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}

/* Hosted admin: keep each job in one calm, easy-to-find tab. */
.admin-dialog{width:min(900px,calc(100vw - 32px));padding:24px}
.admin-console-tabs{position:sticky;top:-24px;z-index:2;display:flex;gap:6px;overflow-x:auto;padding:12px 0;margin:4px 0 16px;background:#0e1433;border-bottom:1px solid rgba(138,157,222,.18)}
.admin-console-tab{flex:0 0 auto;padding:10px 14px;border:1px solid transparent;border-radius:10px;background:transparent;color:#aeb9db;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.admin-console-tab:hover{background:rgba(83,233,255,.08);color:#eafaff}
.admin-console-tab.active{border-color:rgba(83,233,255,.28);background:linear-gradient(110deg,rgba(34,209,255,.13),rgba(170,72,255,.12));color:#73efff;box-shadow:0 0 20px rgba(83,233,255,.06)}
.admin-console-section{padding:16px;border:1px solid rgba(137,160,242,.17);border-radius:15px;background:linear-gradient(145deg,rgba(17,23,57,.75),rgba(9,13,36,.78));animation:panel-enter .22s ease both}
.admin-console-section .admin-section-head{margin:0 0 8px}
.admin-access-steps{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:14px 0;padding:12px;border:1px solid rgba(83,233,255,.17);border-radius:12px;background:rgba(34,209,255,.045);color:#cbd5f5;font-size:10px}
.admin-access-steps span{display:flex;align-items:center;gap:6px;white-space:nowrap}
.admin-access-steps b{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:rgba(83,233,255,.12);color:#75efff;font-size:10px}
.admin-access-steps i{color:#7480a7;font-style:normal}
.admin-dialog .admin-console-section .admin-user-list{max-height:390px}
@media(max-width:600px){.admin-dialog{padding:16px}.admin-console-tabs{top:-16px}.admin-console-section{padding:12px}.admin-access-steps{align-items:flex-start;flex-direction:column}.admin-access-steps i{display:none}}