:root{color-scheme:dark;--bg:#101113;--surface:#1b1d20;--ink:#eef0f2;--muted:#acb0b8;--line:#373b42;--green:#77e4d2;--rose:#77e4d2;--pale:#283b38;--soft:#25282d;--danger:#ffaaaa;font-size:13px}
body{height:100dvh;overflow:hidden;background:var(--bg)}button,input,select,textarea{font:inherit}button{transition:background .15s,color .15s}.primary{background:var(--green);color:#122c27;border-color:var(--green)}.primary:not(:disabled):hover{background:#a6f5e7;border-color:#a6f5e7}.secondary{background:var(--soft);color:var(--ink)}.primary,.secondary,.icon-button,.text-button{border-radius:5px;min-height:36px;padding:7px 12px;font-size:12px}.icon-button{min-width:36px;padding:7px}.topbar{height:56px;min-height:56px;padding:6px 18px;position:static;background:#191b1e;gap:14px}.brand{font-size:15px;letter-spacing:2px}.brand-mark{background:none;color:var(--green);font-size:26px;width:25px;height:30px}.brand small{font-size:9px;letter-spacing:.14em}.project-picker{margin:0 24px;justify-content:center}.project-picker select{width:min(100%,320px);background:transparent}.topbar #save{min-width:80px}.topbar>#export-top{display:inline-flex}.export-label{display:inline}
.studio-main{max-width:none;padding:5px;min-height:0;height:calc(100dvh - 56px);position:relative}.studio-grid{height:100%;display:grid;grid-template-columns:300px minmax(0,1fr) 280px;grid-template-rows:minmax(240px,1fr) 276px;gap:5px;align-items:stretch}.studio-grid>div{min-width:0;min-height:0}.studio-center{display:flex;flex-direction:column;min-height:0}.studio-caption{display:none}.panel{padding:0;border:0;border-radius:6px;background:var(--surface);box-shadow:none;min-height:0}.library-panel,.inspector-panel{position:static;height:100%;max-height:none;overflow:hidden;display:flex;flex-direction:column;scrollbar-width:thin}.library-panel>section{overflow:auto;flex:1;padding:16px 14px;min-height:0;scrollbar-width:thin}.library-tabs{height:58px;min-height:58px;margin:0;padding:6px 8px 0;gap:4px;border-radius:0;background:none;border-bottom:1px solid var(--line)}.library-tabs button{color:var(--muted);font-size:12px;border-radius:0;min-height:48px;border-bottom:2px solid transparent}.library-tabs button[aria-pressed=true]{background:none;color:var(--green);box-shadow:none;border-bottom-color:var(--green)}.section-heading h2{font-size:13px}.eyebrow{display:none}.library-total{font-size:13px}.library-panel .section-heading{margin-bottom:14px}#card-search{width:100%;padding:10px 12px;margin-bottom:16px;border:1px solid var(--line);border-radius:5px;background:#141619;color:var(--ink);min-height:38px}
#card-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.card-choice{margin:0;min-width:0;text-align:left}.card-thumbnail{width:100%;height:84px;border-radius:5px;gap:6px;padding:8px;cursor:pointer}.card-thumbnail>strong{font-size:15px;text-align:center;line-height:1.4;max-width:100%;overflow-wrap:anywhere}.card-thumbnail>small{font-size:7px;letter-spacing:1px;max-width:100%;text-align:center}.card-thumbnail.ambient-wash{background:radial-gradient(ellipse at 80% 80%,#618c8b,transparent),linear-gradient(130deg,#423760,#17232d);color:white}.card-thumbnail.section-head{background:#e5ddce;color:#292722}.card-thumbnail.section-head:before{display:none}.card-thumbnail.info-board{background:#30374b;color:#e4eaff;padding:8px;align-items:center}.card-thumbnail.info-board>strong{font-size:15px}.card-thumbnail.info-board>small{font-size:7px}.card-thumbnail.kinetic-words{background:#222c26;color:#c9efa4}.card-thumbnail.kinetic-words>strong{font-size:15px;font-style:normal}.card-thumbnail.strike-flip{background:#db6340;color:#181c1c}.card-thumbnail.strike-flip:after{display:none}.card-choice-label{font-size:11px;padding:0 1px;min-height:36px}.card-choice-label .icon-button{min-width:32px;min-height:32px;padding:5px}.card-choice:hover .card-thumbnail{box-shadow:none}.overlay-panel{padding-top:14px;margin-top:18px}.overlay-panel .section-heading h2{font-size:12px}.card-list-item{min-height:38px;padding:8px;border-radius:4px;margin:5px 0}.card-list-item span{font-size:11px}.card-list-item.selected{background:#283b38;border-color:var(--green)}
.preview-panel{position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden}.preview-panel>.section-heading{margin:0;padding:6px 12px;min-height:42px;flex-shrink:0}.preview-panel>.section-heading h2{flex:1}#canvas-dimensions{font-size:10px;color:var(--muted);letter-spacing:1px}#preview-label{display:inline;font-size:10px;letter-spacing:0}.preview-space{min-height:0;max-height:none;height:auto;flex:1;margin:0 12px;padding:0;border:0;border-radius:3px;background:#101214;display:flex;justify-content:center;align-items:center;overflow:hidden}.canvas,.canvas.landscape,.canvas.portrait{flex-shrink:0;max-width:none;max-height:none;transform-origin:center center;background:#151c1a}.canvas:fullscreen{width:100%!important;height:100%!important;transform:none!important}.empty-preview{background:radial-gradient(ellipse at 80% 70%,#25453b,transparent),#192521;color:#e3ece7}.empty-preview h3{font-size:clamp(14px,2vw,23px)}.empty-preview p{font-size:12px;line-height:1.7}.empty-orbit{color:var(--green);background:#213d32;border-color:#547765;box-shadow:0 0 0 10px #36584833}.player-controls{padding:0 12px 4px;margin:0;background:none;min-height:44px;gap:5px;flex-shrink:0}.player-controls .icon-button{min-height:36px;min-width:36px;padding:7px}.player-controls #time{font-size:11px;color:var(--green)}.player-controls #seek{height:20px}.preview-note{display:none}#player-options{display:flex;align-items:center;gap:8px;padding:4px 12px;min-height:38px;flex-shrink:0}#player-options select{border:0;background:none;padding:5px;width:auto;min-height:30px;font-size:11px}#player-options .hint{margin:0 0 0 auto;font-size:10px}#aspect-switch{width:auto!important}#safe-area-toggle{font-size:11px;min-height:30px;padding:4px}#safe-area-toggle[aria-pressed=true]{color:var(--green);background:var(--pale)}#editor-safe-area{position:absolute;inset:8%;border:1px dashed #fff8;pointer-events:none;z-index:5}.preview-focus #library-home,.preview-focus #inspector-home{display:none}.preview-focus .studio-center{grid-column:1/-1}.preview-panel .job-box{flex-shrink:0;margin:3px 12px 8px;padding:8px 12px;max-height:130px;overflow:auto;background:#283b38;border-color:#4b6b61}.preview-panel .job-box.error{background:#44272b;border-color:#87535b}.result-actions{margin:0;padding:3px 12px 7px;flex-shrink:0;align-items:center}.result-actions a,.result-actions button{font-size:11px;min-height:30px;padding:5px 9px}.result-actions .hint{font-size:10px}
.inspector-panel>.section-heading{padding:10px 16px;margin:0;min-height:50px;flex-shrink:0}.inspector-panel>#global-settings,.inspector-panel>#card-inspector{padding:0 16px 16px;overflow:auto;flex:1;min-height:0;scrollbar-width:thin}.inspector-panel input,.inspector-panel textarea,.inspector-panel select{font-size:13px}.inspector-panel label{font-size:12px}.inspector-panel label input,.inspector-panel label select{margin-top:8px}.inspector-panel textarea{min-height:80px}.inspector-panel .field-pair{gap:10px}.inspector-panel fieldset{margin-top:16px}.segmented label>span{background:#25282d;border-radius:5px;font-size:11px;min-height:38px}.segmented input:checked+span{background:var(--pale)}.toggle-list input{background:#626975}.toggle-list input:checked{background:var(--green)}.toggle-list input:checked:before{background:#163b32}.inspector-panel .toggle-list small{font-size:10px}.inspector-panel .toggle-list label{min-height:36px}#generation-actions{padding:12px 16px;border-top:1px solid var(--line);flex-shrink:0;background:var(--surface)}#generation-actions .privacy-note{font-size:10px;line-height:1.6;margin:8px 0 0;color:var(--muted)}.card-name{color:var(--green);padding-top:16px}.inspector-actions{gap:6px}.inspector-actions .secondary{font-size:11px;padding:6px}.dropzone,.cue-item,.file-info,.sfx-panel .sfx-event{background:var(--soft)}.dropzone{border-color:#626b77}.file-info{font-size:12px}.cues-list{max-height:none}input[type=text],input[type=password],input[type=number],select,textarea{background:#141619;border-radius:5px;color:var(--ink);min-height:38px;padding:9px 10px}input::placeholder,textarea::placeholder{color:#a0a5ae}.sfx-panel .sfx-audition audio{color-scheme:dark}input[type=range]{accent-color:var(--green)}
.timeline-panel{grid-column:1/-1;margin:0;display:flex;flex-direction:column;overflow:hidden}.timeline-toolbar{height:44px;min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:8px;border-bottom:1px solid var(--line)}.timeline-toolbar>div{display:flex;align-items:center;gap:8px}.timeline-toolbar .hint{font-size:11px;margin:0 8px}.timeline-toolbar label{margin:0;font-size:11px}.timeline-toolbar input{width:92px;min-width:0}.timeline-toolbar output{font-size:10px;color:var(--muted);min-width:45px}.timeline{flex:1;min-height:0;overflow:auto;position:relative;scrollbar-width:thin;scrollbar-color:#59616c #212429}.timeline>.empty-small{padding:22px}.timeline-body{position:relative;min-width:100%;height:216px}.ruler{height:28px;margin:0 0 0 90px;display:block;position:relative;cursor:crosshair;border-bottom:1px solid var(--line);background:repeating-linear-gradient(90deg,#ffffff0b 0 1px,transparent 1px 15px);touch-action:none}.ruler span{position:absolute;top:5px;white-space:nowrap;font-size:9px;color:var(--muted);padding-left:4px}.track{height:46px;gap:0;margin:0;align-items:stretch;background:#17191d;border-bottom:1px solid #2a2e34}.track:nth-child(odd){background:#1d2024}.track-label{width:90px;position:sticky;left:0;z-index:4;display:flex;align-items:center;gap:10px;background:#202328;border-right:1px solid var(--line);padding:0 12px;font-size:11px}.track-label svg{width:15px;height:15px}.track-content{height:46px;background:transparent;border-radius:0;overflow:visible}.timeline-piece{height:34px;top:6px;min-width:3px;background:#36466a;border:1px solid #7086af;color:#f0f3ff;font-size:10px;padding:3px 10px;touch-action:none}.timeline-piece.selected{border:2px solid var(--green);background:#405875;color:white}.track.source .timeline-piece{background:#304a3e;border-color:#6a8c76;color:#e5efe5}.track.captions .timeline-piece{background:#614e2f;border-color:#9a8154;color:#f8e9ca}.track.sounds .timeline-piece{background:#305b4d;border-color:#5c977f;color:#d9fff0}.track.effects .timeline-piece{cursor:grab}.timeline-grip{position:absolute;top:0;bottom:0;width:9px;cursor:ew-resize;z-index:2}.timeline-grip:after{content:'';position:absolute;width:2px;height:12px;top:9px;left:3px;background:#fffa;border-radius:2px}.timeline-grip[data-edge=start]{left:0}.timeline-grip[data-edge=end]{right:0}.timeline-playhead{position:absolute;top:0;bottom:0;width:1px;background:#e8edee;pointer-events:none;z-index:3}.timeline-playhead:before{content:'';position:absolute;top:0;left:-6px;width:13px;height:13px;clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%);background:#e8edee;cursor:ew-resize;pointer-events:auto}.timeline-playhead:focus{outline:2px solid var(--green)}
.notice{position:absolute;top:10px;left:50%;transform:translateX(-50%);max-width:min(750px,90vw);width:max-content;max-height:100px;overflow:auto;z-index:30;background:#d9eee8;color:#142e28;border-color:#6c9c8b;border-radius:6px;padding:10px 28px 10px 14px;font-size:12px;box-shadow:0 5px 20px #0006}.notice.error{background:#4a2b30;border-color:#93646d;color:#ffd8d8}dialog{background:var(--surface);color:var(--ink);border-color:#4c525d;box-shadow:0 24px 90px #0009;border-radius:10px}dialog::backdrop{background:#000b;backdrop-filter:none}.drawer-heading,.editor-dialog .section-heading,.dialog-footer{background:var(--surface)}.workspace-drawer .panel{background:var(--surface)}#card-preview-dialog{width:760px}#card-preview-stage{aspect-ratio:16/9;background:#152720;border-radius:6px;position:relative;overflow:hidden;margin-bottom:20px;container-type:inline-size}#card-preview-stage.portrait{aspect-ratio:9/16;width:240px;margin-inline:auto}#card-preview-render{position:absolute;inset:0;pointer-events:none}.mobile-tools{background:#1b1d20;border-top:1px solid var(--line);backdrop-filter:none}.mobile-tools button{color:var(--muted)}.mobile-tools button[aria-expanded=true]{background:var(--pale);color:var(--green)}
@media(min-width:1600px){.studio-grid{grid-template-columns:340px minmax(0,1fr)300px;grid-template-rows:minmax(280px,1fr)290px}.card-thumbnail{height:95px}}
@media(max-width:1199px){.studio-main{padding:5px;height:calc(100dvh - 56px - 68px - env(safe-area-inset-bottom))}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(200px,1fr)276px;max-width:none;height:100%;margin:0}.studio-center{grid-column:1}.studio-main #library-home,.studio-main #inspector-home{display:none}.topbar{padding:6px 14px;height:56px;min-height:56px}.mobile-tools{height:calc(68px + env(safe-area-inset-bottom));padding:6px 12px calc(6px + env(safe-area-inset-bottom))}.workspace-drawer{background:var(--surface);height:100dvh;max-height:100dvh}.workspace-drawer .library-panel,.workspace-drawer .inspector-panel{padding:0;min-height:0;height:calc(100dvh - 65px);display:flex;overflow:hidden}.workspace-drawer .library-panel>section{padding:16px;overflow:auto}.workspace-drawer .library-tabs{margin:0}.workspace-drawer .card-thumbnail{height:100px}.workspace-drawer .inspector-panel>#card-inspector,.workspace-drawer .inspector-panel>#global-settings{padding:16px}.workspace-drawer .panel{border-radius:0}.preview-space{height:auto;min-height:0;max-height:none}.workspace-drawer .sfx-panel{overflow:visible}.topbar .project-picker{margin-left:12px}}
@media(max-width:767px){.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:36px 36px;height:88px;padding:6px 12px;gap:4px 8px;min-height:88px}.brand{grid-row:1;grid-column:1;font-size:13px}.brand small{display:none}.brand-mark{font-size:24px;width:23px}.topbar #save{grid-row:1;grid-column:2;font-size:11px;min-width:55px;padding:6px}.topbar #export-top{grid-row:1;grid-column:3;padding:6px 10px}.topbar .project-picker{grid-row:2;grid-column:1/-1;margin:0;width:100%;justify-content:stretch;gap:5px}.project-picker select{max-width:none;width:100%;font-size:12px;min-height:34px}.studio-main{height:calc(100dvh - 88px - 68px - env(safe-area-inset-bottom));padding:4px;min-height:0}.studio-grid{grid-template-rows:minmax(165px,1fr)254px;gap:4px}.preview-panel>.section-heading{min-height:32px;padding:2px 8px}.preview-panel>.section-heading h2{font-size:11px}#canvas-dimensions{font-size:9px}.preview-panel>.section-heading #preview-label{display:none}.preview-space{margin:0 6px;min-height:0;padding:0}.canvas.portrait{width:auto;height:auto}.player-controls{padding:0 5px 3px;gap:1px;min-height:40px}.player-controls .icon-button{min-width:30px;padding:4px;min-height:36px}.player-controls #time{font-size:9px}#previous-frame,#next-frame{display:none}.player-controls #fullscreen{display:inline-flex}.player-controls #mute{display:inline-flex}.player-controls svg{width:17px;height:17px}#player-options{padding:0 6px;min-height:36px;gap:2px}#player-options .hint{display:none}#player-options select{font-size:11px;min-height:32px;padding:4px}#player-options #aspect-switch{order:0;grid-column:auto;grid-row:auto}#safe-area-toggle{font-size:10px}.timeline-toolbar{height:40px;min-height:40px;padding:0 6px;gap:2px}.timeline-toolbar>div{gap:2px}.timeline-toolbar .hint,.timeline-toolbar label,.timeline-toolbar output{display:none}.timeline-toolbar .text-button{font-size:11px;padding:5px 7px}.timeline-toolbar input{width:65px}.timeline-toolbar .icon-button{padding:5px;min-width:30px}.timeline-toolbar svg{width:16px;height:16px}.track{height:43px}.track-content{height:43px}.timeline-body{height:200px}.track-label{font-size:10px;padding:0 12px}.mobile-tools{gap:4px}.mobile-tools button{min-height:48px;font-size:10px}.workspace-drawer{height:auto;max-height:calc(100dvh - 85px)}.workspace-drawer .library-panel,.workspace-drawer .inspector-panel{height:calc(100dvh - 150px)}.workspace-drawer input,.workspace-drawer textarea,.workspace-drawer select{font-size:16px!important}.workspace-drawer .toggle-list input{min-height:22px}.workspace-drawer .library-tabs button{font-size:13px;min-height:48px}#card-preview-dialog{padding:16px}#card-preview-stage.portrait{height:55dvh;width:auto;max-width:100%}.preview-panel .job-box{max-height:95px;font-size:11px}.result-actions{padding:2px 6px}.result-actions .hint{display:none}.empty-preview p{font-size:10px;margin-bottom:8px}.empty-preview h3{margin:8px 0;font-size:15px}.empty-orbit{width:30px;height:30px}.empty-orbit svg{width:16px;height:16px}.empty-preview .primary{font-size:11px;min-height:34px}}
@media(max-height:620px){body{height:auto;overflow:auto}.studio-main{height:650px}.mobile-tools{position:sticky;bottom:0}.library-panel,.inspector-panel{max-height:none}}
.preview-panel{top:0}.card-preview-heading{font-size:16px}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.card-filters{display:flex;gap:8px;align-items:center;margin:8px 0 14px}.card-filters select{flex:1;min-width:0;min-height:44px}.card-result-count{white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums}.card-thumbnail-scene{width:100%;aspect-ratio:16/9;position:relative;pointer-events:none}.card-choice[hidden]{display:none!important}#card-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#card-library .card-choice{margin:0;min-width:0}#card-library .card-thumbnail{width:100%;height:auto;min-height:76px;padding:0}#card-library .card-choice-label{font-size:12px;gap:2px}#card-library .card-choice-label .icon-button{min-width:44px;min-height:44px}#card-library .card-thumbnail>strong{font-size:14px}#card-library .card-thumbnail>small{font-size:7px}