:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eeeef1;background:#17171b;font-synthesis:none;--muted:#85858e;--line:#333338;--accent:#c4adff}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:transparent}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus,textarea:focus,select:focus{outline:1px solid var(--accent)}button:hover{filter:brightness(1.15)}[hidden]{display:none!important}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:30px;background:#1d1d21}.brand{display:flex;align-items:center;gap:9px;font-size:27px;font-weight:750;letter-spacing:-1.2px;color:#f5f3f7;text-decoration:none}.brand-mark{font-size:39px;color:var(--accent);line-height:1}.studio{font-size:8px;letter-spacing:1.7px;font-weight:500;align-self:flex-end;margin-bottom:8px;color:#aaa7b3}.project-title{border-left:1px solid #414047;padding-left:28px;display:flex;flex-direction:column;gap:5px}.project-title input{border:0;background:none;color:#eee;font-size:13px;font-weight:550;width:210px}.project-title>span{font-size:10px;color:#92919b;padding-left:2px}.header-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.quiet{color:#b6b5be;font-size:12px;padding:10px}.primary{background:var(--accent);color:#261b40;border-radius:8px;font-weight:650;padding:13px 19px;font-size:12px;text-decoration:none;display:inline-flex;gap:24px;align-items:center;justify-content:center}.primary span{font-size:18px}.workspace{display:grid;grid-template-columns:88px 310px minmax(340px,1fr) 272px;min-height:calc(100vh - 116px)}.rail{border-right:1px solid var(--line);padding:23px 9px;display:flex;align-items:center;flex-direction:column;gap:12px;background:#1d1d21}.rail-item{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;font-size:9px;color:#8e8d98;width:69px;height:72px;border-radius:10px}.rail-item>span{font-size:24px;line-height:26px}.rail-item.active{background:#352d46;color:#d6c3ff}.rail-item .text-icon{font-family:Georgia,serif}.rail-bottom{margin-top:auto;font-size:8px;color:#93929c;white-space:nowrap;display:flex;align-items:center;gap:5px;padding-top:30px}.local-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a2dab8}.library{padding:27px 20px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#202024;min-width:0}.eyebrow{font-size:8px;letter-spacing:1.7px;color:#939099;font-weight:650}.library h1{font-size:20px;letter-spacing:-.65px;font-weight:600;margin:10px 0}.library h1 span{color:#c0a8f4;margin-left:8px}.library-heading p{color:#92919c;font-size:11px;margin:0 0 22px}.search{height:39px;border:1px solid #3a393f;border-radius:7px;display:flex;align-items:center;gap:8px;padding:0 11px;color:#a7a3b1;background:#28282d}.search>span{font-size:23px}.search input{width:100%;background:none;color:#eee;border:none;outline:none;font-size:11px}.search kbd{font-size:11px;background:#36353c;padding:1px 4px;border-radius:3px}.categories{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0 25px}.categories button{font-size:10px;border:1px solid #3c3b42;border-radius:6px;color:#aaa7b5;padding:7px 10px}.categories .selected{color:#ded1fc;background:#433652;border-color:#635073}.collection-title{display:flex;justify-content:space-between;font-size:10px;margin-bottom:12px;align-items:center}.collection-title>span:last-child{font-size:8px;color:#8a8794}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 9px;max-height:490px;overflow:auto;padding:1px 2px 12px;scrollbar-width:thin;scrollbar-color:#51465f transparent}.asset-card{padding:0;min-width:0;text-align:left;touch-action:pan-y}.asset-art{height:76px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--tile,#343040);font-size:35px;position:relative;overflow:hidden;border:1px solid #ffffff08}.asset-art:after{content:'+';position:absolute;bottom:5px;right:6px;color:#eee9;font-size:13px}.asset-card:hover .asset-art{border-color:#bd9be4}.asset-card:hover .asset-symbol{animation:wiggle .7s ease-in-out infinite alternate}.asset-name{display:block;font-size:9px;color:#b8b5c0;margin-top:7px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.asset-card.lettering .asset-art{font-size:14px;font-weight:900;font-style:italic;text-align:center;padding:8px}.library-footer{border-top:1px solid var(--line);padding-top:17px;margin-top:auto;display:flex;gap:11px;align-items:center}.library-footer>span{font-size:22px;filter:grayscale(1)}.library-footer strong{font-weight:500;font-size:10px;display:block}.library-footer small{font-size:9px;color:#8d8997;display:block;margin-top:5px}.editor{display:flex;flex-direction:column;min-width:0;background:#17171b}.canvas-toolbar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #2c2b31}.breadcrumb{font-size:10px;color:#898590;display:flex;align-items:center;gap:12px}.breadcrumb strong{font-weight:500;color:#c9c6d1}.aspect-badge{font-size:8px;padding:4px 6px;background:#2b2932;border:1px solid #414047;border-radius:4px}.history-buttons{display:flex;align-items:center;gap:8px}.history-buttons button{font-size:21px;color:#aaa5b7;padding:3px}.history-buttons>span{height:15px;width:1px;background:#38353e;margin:0 4px}.stage{flex:1;min-height:460px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:19px 24px 13px;background-image:radial-gradient(#8c829015 .7px,transparent .7px);background-size:16px 16px;overflow:hidden}.stage-caption{font-size:7px;letter-spacing:1.5px;color:#8e8999;margin:0 0 16px;display:flex;align-items:center;gap:7px}.live-dot{width:4px;height:4px;background:#b5a3d2;border-radius:50%}.canvas-wrap{position:relative;box-shadow:0 16px 40px #0006;line-height:0;border-radius:10px;overflow:hidden;border:1px solid #ffffff20;height:clamp(320px,48vh,580px);aspect-ratio:9/16;max-width:100%}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}#safeGuide{position:absolute;inset:8% 9% 19%;border:1px dashed #fff9;pointer-events:none;border-radius:5px}#safeGuide span{position:absolute;top:10px;width:100%;text-align:center;font-size:9px;color:white}.stage-tip{font-size:9px;color:#827a91;margin-top:15px;display:flex;gap:9px;align-items:center}.stage-tip>span{font-size:16px}.stage-tip i{font-style:normal;color:#504a5b}.stage-doodle{position:absolute;color:#6f5c8f;pointer-events:none}.doodle-left{left:8%;top:30%;font-size:38px;transform:rotate(-16deg)}.doodle-right{right:8%;bottom:22%;font-size:45px;color:#b59279;transform:rotate(15deg)}.transport{height:53px;display:flex;align-items:center;gap:14px;padding:0 25px;border-top:1px solid #302d36;border-bottom:1px solid #302d36}.transport>button:first-child{font-size:11px;color:#aaa2b9}.play-button{background:#cbb5ff;color:#2f2346;width:29px;height:29px;border-radius:50%;font-size:10px;flex-shrink:0}.time-display{font-size:9px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#8c829b}.time-display b{font-weight:500;color:#eee}.time-display>span:first-of-type{padding:0 5px}.transport input{flex:1;min-width:20px}.preview-label{font-size:8px;color:#867d94;white-space:nowrap}.timeline{padding:16px 22px 20px;background:#1d1c22;min-height:196px}.timeline-top{display:flex;align-items:center;gap:9px;font-size:10px}.timeline-top strong{font-weight:550}.timeline-top>span{font-size:8px;color:#8f879e}.timeline-top button{margin-left:auto;font-size:9px;border:1px solid #423c4b;padding:6px 8px;border-radius:5px;color:#cbbdda}.timeline-ruler{display:flex;justify-content:space-between;margin:17px 0 7px 99px;font-size:8px;color:#887d97}.track{display:flex;align-items:center;gap:10px;height:29px;margin:4px 0;font-size:9px}.track-label{width:89px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b6a9c4;flex-shrink:0;padding:0}.track-lane{position:relative;height:25px;flex:1;background:#27232e;border-radius:4px;overflow:hidden}.track-bar{position:absolute;top:1px;height:23px;border-radius:4px;border:1px solid #b59bc255;color:#e8d9f3;background:#72538788;font-size:8px;text-align:left;padding:0 8px;overflow:hidden;white-space:nowrap}.track.selected .track-bar{background:#9370ae99;border-color:#cdb1ea}.inspector{border-left:1px solid var(--line);padding:27px 20px 20px;background:#202024;display:flex;flex-direction:column}.inspector h2{font-size:15px;font-weight:550;letter-spacing:-.4px;margin:11px 0 25px}.selected-asset{display:flex;gap:10px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line)}.selected-asset>span{display:flex;background:#35303f;width:39px;height:39px;border-radius:8px;align-items:center;justify-content:center;font-size:22px}.selected-asset strong{display:block;font-size:11px;font-weight:550}.selected-asset small{display:block;color:#948b9d;font-size:9px;margin-top:5px}.selected-asset button{font-size:22px;color:#99909f;margin-left:auto}.control-section{padding:17px 0;border-bottom:1px solid var(--line)}label{display:block;font-size:10px;color:#aaa2b3}label output{float:right;font-size:9px;color:#c5b9d1}input[type=range]{display:block;width:100%;accent-color:#c5abfa;height:4px;cursor:pointer;margin:13px 0 21px}select,input[type=number],textarea{background:#2b282f;border:1px solid #423b49;border-radius:5px;color:#ddd3e8;padding:8px 9px;width:100%;font-size:10px;margin-top:9px}select{margin-bottom:19px}textarea{resize:vertical;line-height:1.5}#textLabel{margin-top:18px}.color-label{display:flex;align-items:center;justify-content:space-between}.color-label input{width:30px;height:24px;padding:2px;background:#29252f;border:1px solid #584b66;border-radius:4px}.section-title{font-size:8px;letter-spacing:1.2px;color:#84788f;margin-bottom:12px}.two-fields{display:flex;gap:12px}.two-fields label{flex:1;min-width:0;font-size:9px}.layer-actions{display:flex;gap:8px;margin-top:13px}.layer-actions button,.wide-button{border:1px solid #49404f;background:#302a36;border-radius:6px;font-size:10px;padding:9px;color:#c4b9d1}.layer-actions button{flex:1}.wide-button{width:100%;margin-top:10px}.inspiration{background:#2c2832;border:1px solid #403649;border-radius:9px;padding:17px;margin-top:auto}.inspiration>span{display:block;color:#cdb0f9;font-size:25px;margin-bottom:10px}.inspiration strong{font-size:10px;font-weight:500;color:#d7cae3}.inspiration p{font-size:10px;line-height:1.7;color:#9f8eae;margin:8px 0 17px}.inspiration>div{font-size:7px;letter-spacing:1px;color:#bda6d0}.empty-selection{padding:30px 5px;text-align:center;color:#a69ab7}.empty-selection>span{display:block;font-size:48px;color:#c8a4f7;margin-bottom:20px}.empty-selection strong{font-size:12px}.empty-selection p{font-size:11px;line-height:1.7}.app-footer{height:34px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 22px;color:#817887;font-size:8px;background:#1c1b20}.app-footer .local-dot{margin-right:7px}.footer-star{color:#bfa1e2;font-size:15px;margin-left:9px}.upload-card{width:100%;border:1px dashed #675379;border-radius:10px;background:#302a39;padding:30px 12px;display:flex;flex-direction:column;align-items:center;gap:10px}.upload-card>span{font-size:30px;color:#c3a5f0}.upload-card strong{font-size:12px}.upload-card small{color:#a197ae;font-size:10px}.helper{font-size:11px;color:#a397ae;line-height:1.7}.media-details strong{display:block;font-size:12px;margin:22px 0;overflow-wrap:anywhere}.media-details label{margin-top:14px}.scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scene-card{border-radius:8px;height:110px;display:flex;align-items:end;padding:12px;text-shadow:0 1px 8px #0008;border:2px solid transparent;font-size:11px;color:white}.scene-card.selected{border-color:#d8bcff}.duration-field{margin-top:22px}.duration-field span{color:#776980}#audioName{font-size:11px;overflow-wrap:anywhere}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);max-width:90vw;padding:13px 21px;border:1px solid #75618b;background:#393043;color:#eee2fc;border-radius:9px;box-shadow:0 5px 30px #0005;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:20}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{background:#25202e;color:#f4eaff;border:1px solid #66517e;border-radius:16px;padding:35px;text-align:center;max-width:440px;width:90vw}dialog::backdrop{background:#100c1acb;backdrop-filter:blur(5px)}dialog h2{font-size:22px}dialog p{color:#b9a8c9;font-size:13px;line-height:1.6}.export-icon{font-size:48px;color:#c5a3fd}dialog progress{width:100%;accent-color:#b697f2;margin:20px 0 10px}#exportPercent{font-size:12px;display:block;margin-bottom:10px}#downloadVideo{display:flex;margin-top:20px}#closeExport{margin-top:12px}@keyframes wiggle{to{transform:rotate(12deg) scale(1.1)}}
@media(min-width:1600px){.workspace{grid-template-columns:96px 340px minmax(400px,1fr) 300px}.asset-art{height:90px}.asset-grid{max-height:650px}}
@media(max-width:1150px){.workspace{grid-template-columns:72px 255px minmax(280px,1fr)}.inspector{grid-column:2/4;display:block;border-top:1px solid var(--line);border-left:0}.inspector-heading{display:none}#selectionControls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}.selected-asset{grid-column:1/-1;padding-bottom:10px}.inspiration{display:none}.rail{grid-row:1/3}.rail-item{width:55px;font-size:8px}.library{padding:22px 15px}.library h1{font-size:17px}.asset-art{height:66px}.topbar{padding:0 20px;gap:20px}.stage-doodle{display:none}.empty-selection{padding:15px}.empty-selection>span,.empty-selection p{display:none}.project-title{padding-left:20px}}
@media(max-width:720px){.topbar{height:69px;padding:0 14px;gap:10px}.brand{font-size:23px}.brand-mark{font-size:31px}.studio,.project-title,.header-actions .quiet{display:none}.header-actions{gap:0}.primary{font-size:11px;padding:11px 12px;gap:14px}.workspace{display:flex;flex-direction:column;min-height:0}.rail{order:1;flex-direction:row;justify-content:center;border-right:0;border-bottom:1px solid var(--line);padding:8px;gap:8px}.rail-item{width:75px;height:50px;gap:4px;font-size:9px}.rail-item>span{font-size:20px;line-height:20px}.rail-bottom{margin:0 0 0 auto;padding:0 4px;font-size:7px}.editor{order:0}.canvas-toolbar{height:42px;padding:0 18px}.stage{min-height:330px;padding:11px 18px}.stage-caption{font-size:6px;margin-bottom:10px}.canvas-wrap{height:340px}.stage-tip{margin-top:9px;font-size:8px}.transport{padding:0 15px;gap:10px;height:48px}.preview-label{display:none}.timeline{padding:13px 16px;min-height:0}.timeline-ruler{margin-top:10px}.library{order:2;border:0;padding:20px;max-height:none}.library-heading p{margin-bottom:16px}.asset-grid{grid-template-columns:repeat(4,1fr);max-height:300px}.asset-art{height:70px}.library-footer{display:none}.categories{margin-bottom:17px}.inspector{order:3;padding:20px}#selectionControls{display:block}.app-footer{font-size:7px;padding:0 12px;height:40px}.app-footer>span:last-child{display:none}.control-section{padding:16px 0}.two-fields input{font-size:14px}.search input,textarea{font-size:16px}.inspector .selected-asset{margin-bottom:10px}.scene-grid{grid-template-columns:repeat(3,1fr)}.scene-card{height:95px}input[type=range]{height:12px}.transport input[type=range]{margin:0}}
@media(prefers-reduced-motion:reduce){.asset-card:hover .asset-symbol{animation:none}}

@media(max-width:720px){.header-actions .quiet{display:inline-block;font-size:9px;padding:6px 4px}.topbar{flex-wrap:wrap;height:auto;min-height:69px;padding-top:10px;padding-bottom:10px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.brand{font-size:21px}.header-actions .primary{margin-left:6px}}

.text-composer{padding:16px;background:#302838;border:1px solid #594367;border-radius:10px;margin-bottom:20px}.text-composer .primary{width:100%;margin-top:14px}.text-composer input[type=color]{display:block;width:100%;height:33px;margin-top:9px;background:#27222f;border:1px solid #665276;border-radius:5px}.text-composer .helper{font-size:10px;margin-bottom:0}.quick-text{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:12px 22px;background:#302638;border-top:1px solid #645077}.quick-text>label:first-child{flex:1;min-width:160px}.quick-text textarea{margin-top:5px}.quick-text input[type=color]{display:block;margin-top:8px;width:36px;height:28px;border:0;background:none}.quick-text input[type=range]{width:95px;margin:12px 0}.quick-text small{width:100%;font-size:9px;color:#ba9ed2}.timeline-top #addArrow{margin-left:auto}.timeline-top #addText{margin-left:0}@media(max-width:720px){.rail{gap:3px}.rail-item{width:60px}.rail-bottom{display:none}.quick-text{padding:12px 16px}.quick-text>label:first-child{flex-basis:100%}.text-composer textarea{font-size:16px}}

.live-bar{position:sticky;top:0;z-index:10;display:flex;gap:15px;align-items:center;flex-wrap:wrap;background:#432b48;padding:12px 25px;border-bottom:1px solid #956b9e;font-size:12px}.live-bar>span:last-child{color:#d0b7d8;font-size:10px}.record-button{background:#ff758e;color:#291222;border-radius:7px;padding:10px 15px;font-weight:650;font-size:12px}.camera-check{display:flex;align-items:center;gap:8px;margin:17px 0}.camera-check input{accent-color:#c5a6ff;width:18px;height:18px}#cameraPanel .primary{width:100%;margin:8px 0}#cameraReview{width:100%;max-height:300px;background:#151318;border-radius:8px}#cameraResult h3{font-size:14px}#cameraStatus{padding:12px;background:#312735;border-radius:7px;overflow-wrap:anywhere}@media(max-width:720px){.rail{flex-wrap:wrap}.rail-item{width:53px}.live-bar{padding:10px 12px;gap:8px}.live-bar>span:last-child{width:100%}}

.lab-intro{padding:18px;border:1px solid #695784;background:radial-gradient(ellipse at top right,#764967,#312840 70%);border-radius:12px;margin-bottom:16px}.lab-intro>span{font-size:8px;color:#edb9dc;letter-spacing:1px}.lab-intro h2{font-size:23px;line-height:1.2;letter-spacing:-.7px;margin:12px 0}.lab-intro p{font-size:11px;line-height:1.6;color:#c8b3d4;margin-bottom:0}.reality-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reality-card{background:#322b3d;border:1px solid #4f415e;border-radius:9px;min-height:72px;display:flex;align-items:center;gap:10px;padding:12px;text-align:left}.reality-card>span{font-size:26px;color:#e4b7ee}.reality-card>strong{font-size:11px;font-weight:550}.reality-card.selected{background:#654c7d;border-color:#d5b3fa;box-shadow:0 0 20px #b68ad11a}.reality-scenes{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.reality-scenes button{border:1px solid #554366;border-radius:20px;padding:8px 11px;font-size:10px;background:#30263c}.reality-scenes .selected{background:#7b577d;border-color:#dfa1d2}#realityPanel{padding-bottom:15px}#realityError{color:#ffb5ae}@media(max-width:720px){.rail-item{width:46px;font-size:8px}.reality-cards{grid-template-columns:repeat(2,1fr)}}

@media(min-width:721px){#realityPanel{max-height:calc(100vh - 245px);min-height:420px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#745385 transparent;padding-right:6px}}
/* Clip sequence and format controls */
#videoFormat{margin:0;padding:6px;font-size:10px;width:auto;max-width:150px}.landscape .canvas-wrap{height:auto;width:min(100%,850px);aspect-ratio:16/9}.clip-list{display:flex;flex-direction:column;gap:7px;margin:15px 0;max-height:220px;overflow:auto}.clip-tile{padding:12px;border:1px solid #524462;background:#302a3c;border-radius:7px;text-align:left;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-tile.selected{border-color:#d6baff;background:#57426c}.clip-timeline{display:flex;gap:4px;overflow-x:auto;margin:12px 0}.clip-timeline:empty{display:none}.clip-timeline .clip-tile{min-width:85px;max-width:100%;height:48px;background:linear-gradient(120deg,#305254,#494067)}.clip-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.clip-actions button{padding:11px 6px;border:1px solid #665076;border-radius:6px;font-size:10px;background:#3c304a}.timeline-top{flex-wrap:wrap}#mediaPanel{max-height:75vh;overflow:auto;padding-right:4px}.landscape .stage{min-height:350px}@media(max-width:720px){#mediaPanel{max-height:none}.landscape .canvas-wrap{height:auto;width:100%}.landscape .stage{min-height:240px}.rail{overflow-x:auto;justify-content:flex-start}.rail-item{flex-shrink:0}.breadcrumb{gap:4px}.clip-actions button{min-height:44px}.clip-timeline .clip-tile{min-width:100px}}
#newProjectName{display:block;width:100%;background:#2b282f;border:1px solid #423b49;border-radius:6px;color:#eee;padding:12px;margin:9px 0 20px;font-size:14px}#newPanel .primary{width:100%;margin-top:6px}#newVideoDialog .primary{margin-top:18px}#newVideoDialog .quiet{display:block;margin:10px auto 0}
.reset-button{border:1px solid #8c6670;color:#ffcad1;background:#3b2930;border-radius:7px;padding:10px 12px;font-size:11px;white-space:nowrap}@media(max-width:720px){.header-actions{gap:8px}.reset-button{font-size:10px;padding:10px 8px}.brand .studio{display:none}}

#voicePanel label{display:block;margin:14px 0}#voicePanel input:not([type=color]),#voicePanel select{width:100%;margin-top:8px;padding:10px;background:#29232f;border:1px solid #625073;color:#f5e9ff;border-radius:7px}#voicePanel input[type=color]{display:block;width:100%;height:38px;margin-top:8px}#voicePanel .primary{width:100%;justify-content:center}.voice-status{padding:14px;border:1px solid #8765a1;background:#34243f;border-radius:9px;font-size:12px;line-height:1.6}.voice-commands{padding:14px;background:#28222f;border-radius:10px;font-size:12px}.voice-commands p{line-height:1.9;color:#cfbbdf}.rail-item.listening{box-shadow:inset 0 0 0 2px #9fe3be;color:#9fe3be}#toggleVoice[aria-pressed=true]{background:#9fe3be;color:#173327}
@media(min-width:721px){#voicePanel{max-height:calc(100vh - 230px);min-height:420px;overflow-y:auto;padding-right:8px;scrollbar-width:thin}}
/* Director Deck */
#directorPanel label{display:block;margin:12px 0}#directorPanel input:not([type=checkbox]),#directorPanel select{display:block;width:100%;padding:10px;margin-top:7px;background:#27232e;border:1px solid #594b6c;color:#f7ecff;border-radius:7px}#directorPanel .camera-check{display:flex;font-size:11px;gap:8px}#directorPanel .primary{width:100%;justify-content:center}.director-hero{position:relative;overflow:hidden;padding:22px 17px 16px;border:1px solid #8a6979;background:radial-gradient(ellipse at 100% 0,#895b74,transparent 65%),linear-gradient(135deg,#45334e,#241e31);border-radius:14px;margin-bottom:18px}.director-hero>span{font-size:8px;letter-spacing:1.5px;color:#ffcf9c}.director-hero h2{position:relative;z-index:1;font-size:30px;line-height:1;letter-spacing:-1.5px;max-width:160px;margin:22px 0 15px}.director-hero p{font-size:11px;color:#ead3e7;position:relative;z-index:1}.director-orbit{position:absolute;right:-15px;top:24px;font-size:126px;color:#ffbd9560;transform:rotate(-12deg)}.cue-pads,.saved-cues{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.cue-pad{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;padding:15px 10px;min-height:122px;border:1px solid #5a4c65;border-top:2px solid var(--cue-color);border-radius:10px;background:linear-gradient(140deg,#39303f,#24212c);transition:transform .16s,border-color .16s;touch-action:manipulation}.cue-pad:hover{transform:translateY(-3px);border-color:var(--cue-color)}.cue-pad:active{transform:scale(.97)}.cue-icon{font-size:27px;color:var(--cue-color)}.cue-pad strong{font-size:12px;color:#fff}.cue-pad small{font-size:7px;line-height:1.6;letter-spacing:.7px;color:#c4b6cc}.director-record{border:1px solid #635278;padding:16px;border-radius:12px;background:#31263d;margin:20px 0}.director-record .eyebrow{font-size:8px;color:#e2b9ee}.director-actions{display:grid;gap:4px}.director-countdown{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#171123bb;backdrop-filter:blur(6px);color:#fff;pointer-events:none}.director-countdown span{font-size:11px;letter-spacing:4px}.director-countdown strong{font-size:130px;line-height:1.4;color:#d6b5ff}.director-countdown small{font-size:11px}.stage-cue-bar{display:flex;align-items:center;gap:12px;padding:10px 20px;background:#30263b;border-block:1px solid #514060}.stage-cue-bar>span{font-size:8px;letter-spacing:2px;color:#d6b4f4}.stage-cue-bar>div{display:flex;gap:7px;flex:1;flex-wrap:wrap}.stage-cue-bar button{background:#463551;border:1px solid #725683;border-radius:8px;min-width:34px;min-height:34px;font-size:17px}.stage-cue-bar>button{font-size:10px;padding:7px}.director-focus .inspector{display:none}.director-focus .stage-doodle{display:none}@media(min-width:1101px){.director-focus .workspace{grid-template-columns:80px 295px minmax(350px,1fr)}}@media(min-width:721px){#directorPanel{max-height:calc(100vh - 230px);min-height:420px;overflow-y:auto;padding-right:8px;scrollbar-width:thin}}@media(max-width:720px){.cue-pads{grid-template-columns:repeat(2,1fr)}.cue-pad{min-height:130px}.stage-cue-bar{padding:10px;gap:8px}.stage-cue-bar>span{display:none}.director-countdown strong{font-size:100px}}
@media(min-width:721px){.rail{padding:12px 9px;gap:5px}.rail-item{height:54px;gap:5px;flex-shrink:0}.rail-item>span{font-size:23px;line-height:25px}}
@media(min-width:721px){#cameraPanel{max-height:calc(100vh - 230px);min-height:420px;overflow-y:auto;padding-right:8px;scrollbar-width:thin}}

.reality-group{grid-column:1/-1;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#d6b4f4;margin:15px 0 3px}@media(min-width:721px){#realityPanel{max-height:calc(100vh - 230px);min-height:420px;overflow-y:auto;padding-right:8px;scrollbar-width:thin}}
#graphicsPanel {max-height:calc(100vh - 235px);overflow:auto;padding-bottom:30px}#graphicsPanel textarea {width:100%;box-sizing:border-box;background:#24232b;color:#fff;border:1px solid #48434f;border-radius:10px;padding:12px;font:inherit}#graphicsPanel .primary{width:100%}
#graphicsPanel label{display:block;color:#c4bece;font-size:12px;margin:15px 0}#graphicsPanel input:not([type="range"]):not([type="color"]){display:block;box-sizing:border-box;width:100%;margin-top:7px;padding:11px;background:#29262f;border:1px solid #49434f;border-radius:8px;color:#fff;font:inherit}#graphicsPanel input[type="range"]{display:block;width:100%;margin-top:10px}#graphicsPanel input[type="color"]{display:block;margin-top:7px;width:100%;height:34px;border:0;background:transparent}#graphicsPanel textarea{margin-top:7px}
#interactivePanel{max-height:calc(100vh - 230px);overflow:auto;padding:0 8px 30px 0}#interactivePanel label{display:block;color:#c4bece;font-size:12px;margin:16px 0}#interactivePanel input:not([type="range"]):not([type="color"]),#interactivePanel textarea{display:block;box-sizing:border-box;width:100%;margin-top:7px;padding:11px;background:#29262f;border:1px solid #49434f;border-radius:8px;color:#fff;font:inherit}#interactivePanel input[type="range"]{display:block;width:100%;margin-top:8px}#interactivePanel .primary{width:100%}#interactiveOverlay{position:absolute;inset:0;pointer-events:none;z-index:5}.interactive-hotspot{position:absolute;transform:translate(-50%,-50%);max-width:85%;overflow-wrap:anywhere;pointer-events:auto;padding:9px 12px;border-radius:20px;color:#171023;border:1px solid #fff8;font-size:11px;font-weight:700;touch-action:none;cursor:grab}#interactiveDialog{width:min(95vw,1050px);max-width:1050px;padding:12px;background:#17131f;border:1px solid #a784cc;border-radius:16px}#interactiveDialog iframe{width:100%;height:78vh;border:0;border-radius:12px}#interactiveList button{text-align:left;overflow-wrap:anywhere}
#multicamPanel{max-height:calc(100vh - 230px);overflow:auto;padding:0 8px 30px 0}#multicamPanel label{display:block;font-size:12px;color:#c8bfd5;margin:12px 0}.multi-slot{border:1px solid #544361;border-radius:12px;padding:12px;margin:12px 0;background:#292331}#cameraCuts{display:grid;grid-template-columns:1fr 1fr;gap:6px}#cameraCuts [aria-pressed=true]{background:#795b99;border-color:#ddbbff}
.text-composer{max-height:calc(100vh - 250px);overflow:auto}.letter-tools label{font-size:11px;display:block;margin:10px 0}.letter-tools select,.letter-tools input[type=number]{width:100%;box-sizing:border-box;background:#29252f;color:#fff;border:1px solid #665175;border-radius:8px;padding:9px;margin-top:6px}.letter-tools input[type=color]{width:100%;height:32px;border:0;background:transparent}

.dimensional-thumbnail{width:100%;height:100%;object-fit:contain;display:block}.asset-card:has(.dimensional-thumbnail) .asset-art{background:radial-gradient(ellipse at center,#20253b,#0a0c13);overflow:hidden}

.preview-detail{font-size:11px;color:#bbb;display:flex;align-items:center;gap:5px}.preview-detail select{background:#28272e;color:white;border:1px solid #45414e;border-radius:6px;padding:5px;max-width:110px}

/* Phone controls: readable type and full-size touch targets in either orientation. */
@media (max-width: 900px), (pointer: coarse) and (max-width: 1100px) {
  body {font-size:16px;}
  .workspace {display:flex;flex-direction:column;min-height:0;}
  .editor {order:0;}
  .editor>* {order:3;}
  .editor>.canvas-toolbar,.editor>.live-bar {order:0;}
  .editor>.transport {order:1;}
  .editor>.stage {order:2;}
  .rail {order:1;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;gap:8px;padding:12px;border-right:0;}
  .rail-item {flex:0 0 106px;width:106px;height:76px;font-size:15px;gap:8px;color:#d5cedf;}
  .rail-item>span {font-size:28px;line-height:30px;}
  .rail-bottom {display:none;}
  .library {order:2;padding:20px 16px;border:0;}
  .inspector {order:3;display:flex;padding:20px 16px;}
  .topbar {height:auto;min-height:0;flex-wrap:wrap;padding:14px 16px;gap:12px;}
  .brand {font-size:25px;}
  .brand .studio,.project-title {display:none;}
  .header-actions {display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin:0;}
  .header-actions .quiet,.header-actions .primary,.header-actions .reset-button {display:flex;align-items:center;justify-content:center;margin:0;font-size:16px;padding:12px;}
  button,a.primary,a.wide-button {min-height:48px;min-width:48px;touch-action:manipulation;}
  .primary,.quiet,.wide-button,.reset-button,.record-button,.clip-actions button,.timeline-top button,.layer-actions button,.categories button,.reality-scenes button,.clip-tile {font-size:16px;padding:12px;line-height:1.3;}
  .canvas-toolbar {height:auto;min-height:64px;padding:12px;gap:10px;flex-wrap:wrap;}
  .breadcrumb {flex-wrap:wrap;gap:8px;font-size:14px;}
  .history-buttons {gap:8px;}
  .history-buttons button {font-size:25px;}
  .preview-detail {font-size:14px;}
  #videoFormat,.preview-detail select {font-size:16px;min-height:48px;max-width:190px;}
  .stage {min-height:0;padding:16px 12px;}
  .canvas-wrap {height:clamp(200px,40svh,360px);width:auto;aspect-ratio:9/16;}
  .landscape .canvas-wrap {width:100%;height:auto;aspect-ratio:16/9;}
  .stage-caption,.stage-tip {font-size:13px;line-height:1.5;letter-spacing:0;}
  .stage-doodle {display:none;}
  .transport {height:auto;min-height:76px;padding:12px;gap:12px;flex-wrap:wrap;background:#25212e;}
  .transport>button:first-child {font-size:22px;}
  .transport .play-button {width:56px;height:56px;font-size:24px;}
  .time-display {font-size:15px;color:#cfc4df;}
  .transport input[type=range] {flex-basis:100%;width:100%;margin:0;}
  .preview-label {display:none;}
  input:not([type=checkbox]):not([type=range]),select,textarea {font-size:16px!important;min-height:48px;}
  input[type=range] {height:48px;margin:8px 0 12px;}
  input[type=range]::-webkit-slider-thumb {width:28px;height:28px;}
  input[type=range]::-moz-range-thumb {width:28px;height:28px;}
  label,.two-fields label,.letter-tools label,#graphicsPanel label,#interactivePanel label,#multicamPanel label {font-size:15px;line-height:1.5;color:#d4cadf;}
  label output,.helper,.library-heading p,.library-footer small,.empty-selection p,.voice-status,.voice-commands,.director-hero p,.lab-intro p,.quick-text small {font-size:14px!important;line-height:1.6;color:#d0c6da;}
  .section-title,.eyebrow,.collection-title,.collection-title>span:last-child {font-size:13px;letter-spacing:.5px;}
  .search {height:52px;}
  .asset-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px;max-height:430px;}
  .asset-art {height:92px;}
  .asset-name {font-size:14px;white-space:normal;line-height:1.35;min-height:38px;color:#e0d7ea;}
  .reality-card>strong,.cue-pad strong {font-size:16px;}
  .cue-pad small {font-size:12px;}
  .timeline {padding:16px 12px;}
  .timeline-top,.timeline-top>span,.timeline-ruler {font-size:13px;}
  .track {height:52px;font-size:14px;}
  .track-label {width:100px;font-size:14px;}
  .track-lane {height:48px;}
  .track-bar {height:44px;min-height:44px;font-size:13px;}
  .stage-cue-bar {flex-wrap:wrap;}
  .stage-cue-bar button {min-width:48px;min-height:48px;}
  .stage-cue-bar>button {font-size:15px;}
  #directorPanel .camera-check {font-size:15px;}
  #mediaPanel,#cameraPanel,#directorPanel,#realityPanel,#voicePanel,#graphicsPanel,#interactivePanel,#multicamPanel,.text-composer {max-height:none;min-height:0;overflow:visible;padding-right:0;}
  .live-bar {font-size:16px;padding:12px;}
  .live-bar>span:last-child {font-size:14px;}
  dialog {max-width:calc(100vw - 24px);}
  .app-footer {height:auto;min-height:44px;font-size:12px;padding:12px;}
}