/* Original LADIVO UI, inspired by common desktop editing workflows. */
body.studio200{--s-bg:#16171d;--s-panel:#212229;--s-raised:#2a2b35;--s-input:#191a21;--s-border:#3a3c49;--s-text:#f1f1f5;--s-muted:#a4a6b6;--s-accent:#a798ff;--s-active:#38304e;background:var(--s-bg)!important;color:var(--s-text);font-family:Manrope,Arial,sans-serif;color-scheme:dark}
body.studio200.s200-light{--s-bg:#e8eaf0;--s-panel:#fafbfe;--s-raised:#f0f1f7;--s-input:#fff;--s-border:#d5d8e3;--s-text:#202332;--s-muted:#666c80;--s-accent:#7050cf;--s-active:#e9e1ff;color-scheme:light}
body.studio200 :is(button,input,select,textarea,summary){font-family:inherit}body.studio200 :is(.studio-workspace,.lv-workspace,.studio-bar,.lv-top,.lv-info,dialog){color:var(--s-text)}
body.studio200 :is(.studio-workspace,.lv-workspace,.studio-bar,.lv-top,.s200-help) :is(button,.button,.lv-btn,select,textarea,input:not([type=range]):not([type=checkbox]):not([type=file]):not([type=color])){background:var(--s-input);color:var(--s-text);border:1px solid var(--s-border);border-radius:8px;box-shadow:none;font-size:12px;line-height:1.45;min-height:34px;padding:7px 10px}
body.studio200 :is(button,.button,summary){cursor:pointer}body.studio200 button:hover{filter:brightness(1.13)}body.studio200 button:disabled{opacity:.35;filter:none;cursor:default}body.studio200 :is(button,input,select,textarea,summary,a):focus-visible{outline:2px solid var(--s-accent);outline-offset:2px}body.studio200 input[type=range],body.studio200 input[type=checkbox]{accent-color:var(--s-accent)}
body.studio200 :is(.studio-help,.lv-muted,.focus23-hint,small,.eyebrow){color:var(--s-muted)}body.studio200 :is(.studio-workspace,.lv-workspace) a{color:var(--s-accent)}body.studio200 :is(.studio-workspace,.lv-workspace) h2{font-size:15px;color:var(--s-text);margin:0 0 16px}body.studio200 label{font-size:11px;line-height:1.5}body.studio200 ::placeholder{color:var(--s-muted);opacity:.75}
body.studio200 :is(.site-header,.site-footer){display:none!important}body.studio200 #studio{max-width:none;margin:0;padding:0;display:flex;flex-direction:column;height:100dvh;min-height:0}body.studio200 :is(.studio-bar,.lv-top){position:relative!important;top:0!important;display:flex;align-items:center;gap:18px;min-height:64px;height:64px;box-sizing:border-box;border:0;border-bottom:1px solid var(--s-border);border-radius:0;background:var(--s-panel)!important;padding:9px 18px!important;z-index:40;flex-shrink:0}
body.studio200 .s200-brand{display:flex;gap:9px;align-items:center;color:var(--s-text);text-decoration:none;flex:none}.s200-brand>span{display:grid;place-items:center;background:#8973f1;color:#fff;font-size:26px;font-weight:800;width:34px;height:34px;border-radius:10px}.s200-brand b{font-size:14px;letter-spacing:.08em}.s200-brand small{display:block;font-size:8px;letter-spacing:.14em;margin-top:3px}
body.studio200 .studio-bar>div:first-of-type{flex:1;min-width:100px;max-width:440px}body.studio200 .project-name-label{display:block!important;font-size:0!important;margin:0}body.studio200 :is(#project-name,#lv-name){max-width:360px;width:100%;font-size:13px!important;font-weight:650;background:transparent!important;border-color:transparent!important;padding:3px 6px!important;min-height:26px!important;margin:0}body.studio200 :is(#project-name,#lv-name):focus{border-color:var(--s-accent)!important}body.studio200 #draft-status{display:block;font-size:10px;margin:0 6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
body.studio200 :is(.studio-actions,.lv-top-actions){display:flex;align-items:center;gap:7px;margin-left:auto;flex-wrap:nowrap}body.studio200 .studio-actions>button[title]:first-child{display:none}body.studio200 :is(#export-open,#lv-export,.s200-primary){background:#9681fa!important;color:#171220!important;border-color:#9681fa!important;font-weight:800;min-height:36px;white-space:nowrap}body.studio200 :is(#workspace-save,#lv-backup){background:var(--s-raised)!important;white-space:nowrap}.s200-utilities{display:flex;gap:6px}.s200-utilities>button:first-child{min-width:34px}body.studio200 .lv-top-actions>a,body.studio200 .lv-top>.lvintl-switcher{display:none}body.studio200 #lv-account{max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px!important}
body.studio200 .studio-workspace{display:grid!important;grid-template-columns:72px 230px minmax(260px,1fr) 280px!important;gap:0!important;flex:1;min-height:0;padding:0!important;overflow:hidden}body.studio200 :is(.studio-panel,.lv-library,.lv-inspector){background:var(--s-panel)!important;border:0;border-radius:0!important;box-shadow:none!important;padding:18px 16px!important;overflow:auto!important;overscroll-behavior:contain;position:relative!important;top:0!important;max-height:none!important;min-height:0;height:100%!important;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--s-border) transparent}body.studio200 :is(.studio-left,.lv-library){border-right:1px solid var(--s-border)}body.studio200 :is(.studio-right,.lv-inspector){border-left:1px solid var(--s-border)}
body.studio200 .s200-rail{display:flex!important;flex-direction:column;align-items:stretch;gap:7px;padding:12px 6px;background:var(--s-bg);border-right:1px solid var(--s-border);min-width:0;overflow:auto;border-radius:0;scrollbar-width:thin}body.studio200 .s200-rail button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;min-height:64px;padding:9px 2px;border:1px solid transparent;background:transparent;border-radius:10px;font-size:9px;color:var(--s-muted);font-weight:600;margin:0;flex-shrink:0}body.studio200 .s200-rail button[aria-selected=true]{background:var(--s-active);color:var(--s-accent);border-color:color-mix(in srgb,var(--s-accent) 30%,transparent)}body.studio200 [hidden]{display:none!important}
.s200-welcome{padding:4px 0 20px;margin-bottom:18px;border-bottom:1px solid var(--s-border)}.s200-welcome small{font-size:8px;letter-spacing:.14em}.s200-welcome h3{font-size:27px;line-height:1.15;font-weight:650;letter-spacing:-.03em;margin:12px 0}.s200-welcome p{font-size:12px;color:var(--s-muted);line-height:1.65;margin:12px 0 18px}.s200-welcome button{width:100%}.s200-tool-panel>.s200-panel-title{font-size:13px!important;font-weight:750}.s200-tool-panel:has(.s200-welcome)>.s200-panel-title{display:none}
body.studio200 .studio-add{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 18px}body.studio200 .studio-add :is(button,label){display:flex;align-items:center;flex-direction:column;justify-content:center;gap:7px;min-height:68px;background:var(--s-raised);border:1px solid var(--s-border);border-radius:9px;color:var(--s-text);font-size:11px;padding:8px}body.studio200 .studio-add b{font-size:23px;color:var(--s-accent);font-weight:500}
body.studio200 :is(.bgremove64-card,.photohub64c-card,.lv-recorder-card,.video45-mixer,.lv-template-edit46,.studio-brand,.extras19,.cr21,.s200-section){background:var(--s-panel)!important;color:var(--s-text);border-color:var(--s-border)!important;border-radius:9px;box-shadow:none}body.studio200 :is(.bgremove64-card,.photohub64c-card,.lv-recorder-card){padding:12px 10px;margin:8px 0 16px}body.studio200 :is(.bgremove64-card,.photohub64c-card,.lv-recorder-card) :is(p,small){font-size:11px;line-height:1.6;color:var(--s-muted)}body.studio200 :is(.bgremove64-card,.photohub64c-card) header{color:var(--s-text)}body.studio200 :is(.bgremove64-quota,.bgremove64-primary,.photohub64c-drop,.bgremove64-inline,.bgremove64-inline-actions){background:var(--s-raised);color:var(--s-text);border-color:var(--s-border)}
body.studio200 :is(.studio-left,.studio-right,.lv-library,.lv-inspector) summary{padding:13px 8px;color:var(--s-text);font-size:12px;border-color:var(--s-border);font-weight:650}body.studio200 .studio-left details{margin:8px 0;border:1px solid var(--s-border)}body.studio200 .studio-left .studio-help{font-size:10px}body.studio200 :is(.studio-layers>*,.studio-layer){background:var(--s-input);border-color:var(--s-border);color:var(--s-text)}body.studio200 :is(.studio-layer.selected,.studio-layers>[aria-checked=true]){background:var(--s-active);border-color:var(--s-accent)}
body.studio200 .studio-canvas-column{display:flex!important;flex-direction:column;min-height:0;height:100%;position:relative!important;top:0!important;border:0!important;border-radius:0!important;background:var(--s-bg);overflow:hidden;box-shadow:none}body.studio200 :is(.view163,.focus23,.studio-bottom,.lv-playbar){background:transparent!important;color:var(--s-text);border-color:var(--s-border);flex-shrink:0}body.studio200 .view163{display:flex;padding:9px 14px;gap:7px;min-height:48px;box-sizing:border-box}body.studio200 .view163 button{font-size:10px;min-height:30px;padding:5px 8px}body.studio200 .view163>:last-child{margin-right:0}body.studio200 .view163 .view163-scale{margin-left:auto;color:var(--s-muted)}body.studio200 .focus23{padding:9px 14px;border-bottom:1px solid var(--s-border);margin:0;border-radius:0}body.studio200 .focus23-main{gap:6px}body.studio200 .focus23 :is(button,select){font-size:10px;min-height:29px;padding:4px 7px}body.studio200 #focus-ai-card119{color:var(--s-accent);background:var(--s-active)}body.studio200 #studio-stage{height:auto!important;min-height:0!important;flex:1;display:flex!important;align-items:center;justify-content:center;padding:24px!important;box-sizing:border-box;background:var(--s-bg)!important;overflow:auto!important;background-image:radial-gradient(var(--s-border) .65px,transparent .65px)!important;background-size:14px 14px!important}body.studio200 #studio-stage[data-zoom22=fit] #design-canvas{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain;box-shadow:0 12px 48px #0005;border-radius:1px}body.studio200 .studio-bottom{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;padding:6px 12px;min-height:39px;border-top:1px solid var(--s-border);font-size:9px}body.studio200 .studio-bottom label{font-size:9px;margin:0;display:flex;align-items:center;gap:4px}body.studio200 .studio-bottom select{width:100px!important;min-height:27px!important;padding:3px!important;font-size:10px!important}body.studio200 #selection-clear{font-size:9px;min-height:25px;padding:3px 6px;margin-left:auto}body.studio200 .studio-notice{margin:0;font-size:11px;background:var(--s-active);color:var(--s-text);max-height:54px;overflow:auto}body.studio200 .studio-right .eyebrow{font-size:9px;letter-spacing:.1em}body.studio200 #selected-title{font-size:21px;margin:6px 0 18px}
body.studio200 :is(.studio-grid2,.lv-grid2){gap:9px}body.studio200 :is(.studio-right,.lv-inspector) :is(input:not([type=checkbox]):not([type=range]),select,textarea){width:100%;box-sizing:border-box}body.studio200 :is(.studio-right,.lv-inspector) label{color:var(--s-muted)}body.studio200 .studio-align button{color:var(--s-text)}body.studio200 .studio-order{display:grid;grid-template-columns:1fr 1fr;gap:6px}body.studio200 .studio-order button{font-size:10px}body.studio200 #node-delete{color:#fb9fab}
body.studio200-video .lv-workspace{display:grid!important;grid-template-columns:72px 242px minmax(240px,1fr) 286px!important;grid-template-rows:minmax(200px,1fr) 208px!important;gap:0!important;max-width:none;margin:0;padding:0;height:calc(100dvh - 90px)!important;min-height:0!important;overflow:hidden}body.studio200-video .s200-status{height:26px;min-height:26px;box-sizing:border-box;padding:3px 20px;background:var(--s-bg);font-size:10px;color:var(--s-muted);border-bottom:1px solid var(--s-border)}body.studio200-video .s200-status a,body.studio200-video .s200-status>span:first-child{display:none}body.studio200-video .s200-status #lv-save-status{margin-left:auto}body.studio200-video .lv-stage{grid-column:3;grid-row:1;display:flex;flex-direction:column;gap:0;padding:0!important;margin:0;min-height:0;height:100%!important;overflow:hidden;background:var(--s-bg)!important;border:0;border-radius:0}body.studio200-video .lv-library{grid-column:2;grid-row:1}body.studio200-video .lv-inspector{grid-column:4;grid-row:1}body.studio200-video .s200-rail{grid-column:1;grid-row:1/3}body.studio200-video .lv-timeline{grid-column:2/5;grid-row:2;overflow:auto;min-height:0;height:100%;box-sizing:border-box;background:var(--s-panel);padding:12px 18px;border-top:1px solid var(--s-border);scrollbar-width:thin;scrollbar-color:var(--s-border) transparent}body.studio200-video .lv-timeline-bar{display:flex;align-items:center;gap:10px;margin-bottom:6px}body.studio200-video .lv-timeline-bar strong{font-size:11px;font-weight:650;color:var(--s-muted);text-transform:uppercase;letter-spacing:.07em}body.studio200-video .lv-timeline-bar button{font-size:10px;min-height:28px;padding:4px 8px}body.studio200-video .lv-scenes{gap:8px;overflow-x:auto;padding:7px 0;margin:0;scrollbar-width:thin}body.studio200-video .lv-scene{min-height:64px;min-width:148px;max-width:190px;text-align:left;border-radius:8px;background:var(--s-raised)!important;color:var(--s-text)!important;border:1px solid var(--s-border);box-shadow:inset 0 3px #61958c}body.studio200-video .lv-scene span{color:var(--s-muted);font-size:9px}body.studio200-video .lv-scene strong{font-size:11px}body.studio200-video .lv-scene.active{border-color:var(--s-accent);background:var(--s-active)!important;box-shadow:inset 0 3px var(--s-accent)}body.studio200-video .lv-canvas-wrap{flex:1;min-height:0;padding:18px!important;background:var(--s-bg);border:0;border-radius:0}body.studio200-video #lv-canvas{box-shadow:0 12px 35px #0005}body.studio200-video .lv-template-edit46{margin:0;padding:5px 14px;border:0;border-radius:0;background:transparent!important}body.studio200-video .lv-template-edit46 button{font-size:10px;min-height:27px;padding:4px 8px}body.studio200-video .lv-playbar{display:flex;justify-content:center;align-items:center;margin:0;padding:8px;border-top:1px solid var(--s-border);gap:9px;flex-wrap:wrap}body.studio200-video .lv-playbar button{font-size:10px;min-height:30px;padding:5px 9px}body.studio200-video #lv-clock{font:11px ui-monospace,monospace;color:var(--s-muted)}body.studio200-video #lv-play{color:var(--s-accent);background:var(--s-active)}body.studio200-video .view163{flex-wrap:wrap;min-height:45px;padding:7px 10px;gap:5px}body.studio200-video .view163 .lv-tools{display:flex;gap:3px}body.studio200-video .view163 label{display:flex;align-items:center;gap:5px;margin:0;font-size:10px}body.studio200-video .view163 select{width:auto;font-size:10px;min-height:29px;padding:3px}body.studio200-video #lv-total{display:none}body.studio200-video .lv-upload{display:block;margin:12px 0;padding:15px 10px;background:var(--s-active);color:var(--s-accent);border:1px dashed var(--s-accent);border-radius:10px;font-size:12px;text-align:center;line-height:1.4}body.studio200-video .lv-secondary{background:var(--s-input);color:var(--s-text);border-color:var(--s-border)}body.studio200-video .lv-empty{padding:35px 5px;text-align:center;font-size:11px;color:var(--s-muted)}body.studio200-video .lv-asset{background:var(--s-raised);border-color:var(--s-border);color:var(--s-text);padding:9px;border-radius:8px}body.studio200-video .lv-asset button{font-size:9px;padding:4px 6px;min-height:25px}body.studio200-video .s200-section{border:0;border-bottom:1px solid var(--s-border);margin:0 0 8px;padding:0 0 8px;border-radius:0}body.studio200-video .s200-section>summary{padding:9px 0}.s200-section>label{display:block;margin:10px 0}body.studio200-video #lv-scene-label{font-size:19px;margin-bottom:13px}body.studio200-video .lv-inspector textarea{min-height:50px;resize:vertical}.s200-mixer>summary{font-size:11px;color:var(--s-muted);padding:7px 0}.s200-mixer[open]{padding-bottom:12px}body.studio200-video .lv-track{background:var(--s-raised);color:var(--s-text);border-color:var(--s-border);border-radius:8px}.s200-mixer .video45-mixer{font-size:11px;padding:12px}.s200-mixer .video45-mixer p{font-size:10px}.s200-mixer .lv-tracks-heading{margin:8px 0}
body.studio200 :is(.studio-more136-panel,.focus23-menu,.studio-context101){background:var(--s-panel);border-color:var(--s-border);color:var(--s-text)}body.studio200 :is(.studio-more136-panel,.focus23-menu) p{color:var(--s-muted)}body.studio200 :is(dialog,.studio-export,.studio-modal){background:var(--s-panel);color:var(--s-text);border-color:var(--s-border)}body.studio200 dialog::backdrop{background:#08090ec4;backdrop-filter:blur(4px)}body.studio200 .s200-help{width:min(780px,90vw);max-height:86dvh;box-sizing:border-box;padding:24px;border:1px solid var(--s-border);border-radius:16px;overflow:auto}.s200-help>header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.s200-help h2{font-size:20px}.s200-help a{color:var(--s-accent)}body.studio200 .s200-help :is(.lv-video-heading,.video-offer51,.video88-conditions,.guide58,.lv-video-about,.lv-video-about-grid article){background:transparent!important;color:var(--s-text)!important;border-color:var(--s-border);margin:8px 0;padding:12px 0}.s200-help .lv-video-about-grid{grid-template-columns:1fr}.s200-help p{color:var(--s-muted)}.s200-mobile{display:none}.s200-series{display:none!important}.s200-series.s200-series-open{display:block!important;position:fixed;top:65px;left:15%;right:15%;bottom:20px;overflow:auto;z-index:50;background:var(--s-panel);color:var(--s-text);padding:24px;border:1px solid var(--s-border);box-shadow:0 20px 80px #0009;border-radius:12px}
@media(min-width:1001px){body.studio200{overflow:hidden}body.studio200 .studio-panel{display:block!important}body.studio200 #studio>.studio-premium-banner:not([hidden]){font-size:11px;padding:6px 20px;background:var(--s-active);color:var(--s-text);border:0;margin:0}body.studio200 .studio-workspace>.studio-left{grid-column:2}body.studio200 .studio-canvas-column{grid-column:3}body.studio200 .studio-right{grid-column:4}}
@media(min-width:1001px) and (max-width:1190px){body.studio200 .studio-workspace{grid-template-columns:62px 198px minmax(200px,1fr) 250px!important}body.studio200-video .lv-workspace{grid-template-columns:62px 210px minmax(200px,1fr) 250px!important}body.studio200 .s200-rail button{font-size:8px}.s200-brand b{display:none}body.studio200 :is(.studio-bar,.lv-top){gap:10px;padding:9px 12px!important}}
@media(max-width:1000px){body.studio200{overflow:auto}body.studio200 :is(.studio-bar,.lv-top){height:auto;min-height:61px;padding:8px!important;gap:7px;flex-wrap:wrap}body.studio200 .s200-brand b{display:none}body.studio200 .s200-brand>span{width:30px;height:30px;font-size:23px}body.studio200 .studio-actions{gap:4px}body.studio200 :is(.studio-actions,.lv-top-actions) button{padding:6px;font-size:10px;min-height:31px}body.studio200 .studio-actions>#workspace-save{display:none}body.studio200 #lv-name{width:130px;flex:1}body.studio200 #lv-account{max-width:75px}body.studio200 .studio-bar>div:first-of-type{max-width:calc(100% - 45px);flex:1}body.studio200 .studio-bar>.studio-actions{flex-basis:100%;justify-content:flex-end}body.studio200 .lv-top-actions{width:100%;justify-content:flex-end}.s200-mobile{display:flex;gap:4px;padding:6px 10px;background:var(--s-panel);border-bottom:1px solid var(--s-border);flex-shrink:0}.s200-mobile button{flex:1;background:transparent;border:0;border-radius:7px;padding:8px;color:var(--s-muted);font-size:11px}.s200-mobile button[aria-pressed=true]{background:var(--s-active);color:var(--s-accent)}body.studio200 #studio{height:100dvh;min-height:620px}body.studio200 .studio-workspace{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr);min-height:0;height:100%;position:relative}body.studio200 .studio-workspace>.s200-rail{grid-column:1;grid-row:1}body.studio200 .studio-workspace>:is(.studio-left,.studio-right,.studio-canvas-column){grid-column:2;grid-row:1;display:none!important;width:auto;margin:0;min-width:0}body.studio200[data-mobile200=tools] .studio-left,body.studio200[data-mobile200=properties] .studio-right{display:block!important}body.studio200[data-mobile200=canvas] .studio-canvas-column{display:flex!important}body.studio200 .focus23{padding:6px}body.studio200 .focus23 :is(button,select){font-size:9px}body.studio200 .studio-bottom{font-size:8px;gap:5px}body.studio200 #studio-stage{padding:12px!important}body.studio200-video .lv-workspace{grid-template-columns:64px minmax(0,1fr)!important;grid-template-rows:minmax(220px,1fr) 190px!important;height:calc(100dvh - 170px)!important;min-height:460px!important}body.studio200-video .lv-workspace>:is(.lv-library,.lv-inspector,.lv-stage){grid-column:2;grid-row:1;display:none!important}body.studio200-video[data-mobile200=tools] .lv-library,body.studio200-video[data-mobile200=properties] .lv-inspector{display:block!important}body.studio200-video[data-mobile200=canvas] .lv-stage{display:flex!important}body.studio200-video .lv-timeline{grid-column:2;grid-row:2;padding:8px}body.studio200-video .lv-timeline-bar{flex-wrap:wrap}body.studio200-video .lv-timeline-bar>div{display:flex;flex-wrap:wrap;gap:3px}body.studio200-video .lv-timeline-bar button{font-size:8px;padding:4px}body.studio200-video .view163{padding:5px}.s200-series.s200-series-open{left:5%;right:5%}body.studio200 .s200-utilities{gap:4px}}
@media(prefers-reduced-motion:reduce){body.studio200 *{scroll-behavior:auto!important;transition:none!important}}
/* Resolve older ID-scoped styles and keep auxiliary editor dialogs legible. */
body.studio200 .studio-workspace{background:var(--s-bg)!important;align-items:stretch!important}body.studio200 .s200-rail{height:100%!important;max-height:none!important;align-self:stretch!important;box-sizing:border-box;margin:0!important;overflow-x:hidden!important}body.studio200 .s200-rail button{width:100%!important;min-width:0!important;box-sizing:border-box;border-color:transparent!important}body.studio200 .s200-rail button[aria-selected=true]{border-color:var(--s-border)!important}
body.studio200 #studio #focus-target23{background:var(--s-input)!important;color:var(--s-text)!important;border-color:var(--s-border)!important;max-width:230px}body.studio200 :is(#workspace-save,#focus-choose-background138,#focus-ai-card119,.lv-upload,#lv-play){color:var(--s-accent)!important}body.studio200 :is(.lv-scene strong,.lv-scene span){color:var(--s-text)!important}body.studio200 .lv-scene span{opacity:.7}body.studio200 #studio .studio-more136>summary{background:var(--s-raised)!important;color:var(--s-text)!important;border:1px solid var(--s-border);min-height:34px;padding:7px 10px;border-radius:8px;box-sizing:border-box;font-size:11px}
body.studio200 .view163>.compose134-bar{display:flex;flex:1;gap:6px;margin:0;padding:0!important;background:transparent;border:0;box-shadow:none;border-radius:0}body.studio200 .view163>.lv-stage-bar{display:flex;flex:1;align-items:center;gap:8px;min-width:0;margin:0;padding:0}body.studio200 .view163>.lv-stage-bar label{color:var(--s-muted)}body.studio200 .view163{flex-wrap:wrap}body.studio200 .s200-tool-panel>.studio-panel-title h2{display:none}
body.studio200 .studio-export{background:#08090ec4!important;backdrop-filter:blur(4px)}body.studio200 :is(.studio-export-card,.background-dialog,.bgremove64-dialog){background:var(--s-panel)!important;color:var(--s-text)!important;border:1px solid var(--s-border);box-shadow:0 24px 80px #0005}body.studio200 :is(dialog,.studio-export-card,.background-dialog,.bgremove64-dialog) :is(h1,h2,h3,label){color:var(--s-text)!important}body.studio200 :is(dialog,.studio-export-card,.background-dialog,.bgremove64-dialog) :is(button,select,textarea,input:not([type=checkbox]):not([type=range]):not([type=file]):not([type=color])){background:var(--s-input)!important;color:var(--s-text)!important;border:1px solid var(--s-border);border-radius:8px;padding:9px 11px}body.studio200 :is(dialog,.studio-export-card,.background-dialog,.bgremove64-dialog) :is(p,small){color:var(--s-muted)}body.studio200 :is(#export-run,#export-download,#lv-start-export,.lv-download){background:#9681fa!important;color:#171220!important;border-color:#9681fa!important}body.studio200 #studio .studio-notice{font-size:10px;padding:3px 12px;min-height:0}

body.studio200 #studio #focus-rotate-reset90{background:var(--s-input)!important;color:var(--s-text)!important;border-color:var(--s-border)!important}

/* UX 202: visible samples, clear tool names, no stacked accordions for common actions. */
body.studio200 .s202-hint{font-size:11px;line-height:1.5;color:var(--s-muted);margin:8px 0 12px}
body.studio200 .s202-backgrounds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
body.studio200 .s202-backgrounds button{padding:0!important;overflow:hidden;text-align:left;min-width:0;border:1px solid var(--s-border);background:var(--s-input);border-radius:9px;color:var(--s-text)}
body.studio200 .s202-backgrounds img{display:block;width:100%;height:78px;object-fit:cover}
body.studio200 .s202-backgrounds span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:7px;font-size:10px}
body.studio200 .s202-backgrounds button:hover{border-color:var(--s-accent);transform:translateY(-1px)}
body.studio200 .s202-shapes{display:grid;gap:6px;margin:12px 0}
body.studio200 .s202-shapes button{min-height:38px;text-align:left}
body.studio200 .s202-section{padding:14px 0;border-top:1px solid var(--s-border)}
body.studio200 .s202-section h3{margin:0 0 12px;font-size:12px;color:var(--s-text)}
body.studio200 .s202-section .cr21-body{padding:0!important}
body.studio200 .s202-section .cr21-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
body.studio200 .s202-section .cr21-grid button{min-width:0;padding:5px!important;border:1px solid var(--s-border);border-radius:8px;font-size:10px}
body.studio200 .s202-section .cr21-grid canvas{display:block;width:100%;height:auto;border-radius:5px;margin-bottom:5px}
body.studio200 #s200-panel-background>.s200-primary{width:100%;margin:8px 0 14px}
body.studio200-design .s200-rail button{min-height:55px;padding:8px 3px}

/* 203: keep project actions inside the narrow viewport. */
@media(max-width:1000px){
body.studio200 #studio .studio-bar{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;height:auto!important;width:100%;min-width:0;box-sizing:border-box}
body.studio200 #studio .studio-bar>.studio-actions{display:flex!important;flex:0 1 100%!important;flex-wrap:wrap!important;width:100%;max-width:100%;min-width:0;margin:0;justify-content:flex-end;gap:4px}
body.studio200 #studio .studio-actions>button{padding:6px!important;font-size:10px!important;min-height:31px}
body.studio200 #studio .studio-bar>div:first-of-type{min-width:0}
}

/* 20261024: expanded canvas, explicit panels and two views of the same timeline. */
body.editor24.s200-light{--s-bg:#F2F3F9;--s-panel:#fff;--s-raised:#F7F8FC;--s-input:#fff;--s-border:#E2E5EF;--s-text:#171A2C;--s-muted:#626A82;--s-accent:#7050F8;--s-active:#ECE8FF}
body.editor24.s200-light :is(#export-open,#lv-export,.s200-primary){background:#7050F8!important;border-color:#7050F8!important;color:#fff!important}
body.editor24.s200-light :is(input,select,textarea){border-color:#8B91A6}
body.editor24 button:hover{filter:none;background:var(--s-active)}
body.editor24 :is(#export-open,#lv-export,.s200-primary):hover{filter:brightness(.94)}
body.editor24 :is(.studio-bar,.lv-top){gap:12px;padding-inline:16px!important}
body.editor24 .s200-utilities{order:0}
body.editor24 .ed24-export{order:10;margin-left:4px}
body.editor24 .ed24-history{display:flex;gap:4px}
body.editor24 #lv-name{flex:1;min-width:100px;max-width:300px}
body.editor24 .ed24-projects{white-space:nowrap;font-size:12px;background:transparent;border:0;color:var(--s-muted)}
body.editor24 :is(.studio-left,.studio-right,.lv-library,.lv-inspector){padding-top:0!important}
body.editor24 .ed24-panel-heading{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;margin:0 -16px 14px;padding:0 16px;background:var(--s-panel);border-bottom:1px solid var(--s-border);font-size:12px}
body.editor24 .ed24-panel-heading button{min-width:32px;min-height:32px;padding:2px;font-size:21px;background:transparent;border:0}
body.editor24 .ed24-panel-controls{display:flex;gap:5px;flex:none;margin-left:auto}
body.editor24 .ed24-panel-controls button{font-size:11px;min-height:32px;padding:5px 9px}
body.editor24 .ed24-panel-controls [aria-expanded=true]{background:var(--s-active);color:var(--s-accent)}
body.editor24 .view163{flex-wrap:wrap}
body.editor24 #studio-stage{background-image:none!important}
body.editor24 #design-canvas,body.editor24 #lv-canvas{box-shadow:0 8px 32px #171a2c20!important}
body.editor24 .s200-rail button{min-height:58px}
body.editor24 .s200-rail button[aria-selected=true]{background:var(--s-active)!important;color:var(--s-accent)!important;border-color:transparent!important}
body.editor24 .lv-timeline-bar{flex-wrap:wrap;gap:10px}
body.editor24 .ed24-modes{display:flex;gap:3px;padding:3px;background:var(--s-raised);border:1px solid var(--s-border);border-radius:9px}
body.editor24 .ed24-modes button{border:0;background:transparent;min-height:30px;font-size:12px;padding:5px 12px}
body.editor24 .ed24-modes button[aria-pressed=true]{background:var(--s-active);color:var(--s-accent);font-weight:700}
body.editor24 .ed24-scene-count{font-size:11px;color:var(--s-muted);white-space:nowrap}
body.editor24 .lv-timeline-bar>div:last-child{margin-left:auto}
body.editor24 .lv-trim-hint242{display:none}
body.editor24[data-ed24-mode=scenes] :is(.lv-timeline-tools243,.lv-ruler243,.lv-cursor243,.lv-sound243){display:none}
body.editor24[data-ed24-mode=scenes] .lv-timeline-strip243{width:100%!important;min-width:0;min-height:0;padding-top:0}
body.editor24[data-ed24-mode=scenes] .lv-timeline-scroll243{overflow:visible;min-height:0}
body.editor24[data-ed24-mode=scenes] .lv-seek243{display:block;position:static;width:100%!important;margin:2px 0 7px;height:16px;opacity:1;cursor:pointer}
body.editor24[data-ed24-mode=scenes] .lv-seek243::-webkit-slider-thumb{width:12px!important}
body.editor24[data-ed24-mode=scenes] .lv-seek243::-moz-range-thumb{width:12px!important}
body.editor24[data-ed24-mode=scenes] .lv-scenes243{display:flex!important;gap:8px;align-items:stretch;width:100%!important;min-width:0;height:auto;min-height:90px;overflow-x:auto!important;overflow-y:hidden!important;padding:4px 3px 8px!important;box-sizing:border-box}
body.editor24 .lv-scenes243 .lv-scene :is(strong,span){color:#fff!important}
body.editor24 #focus-settings23{display:none!important}
body.editor24[data-ed24-mode=scenes] .lv-scenes243 .lv-scene{position:relative!important;left:auto!important;top:auto!important;flex:0 0 156px;width:156px!important;min-width:156px;max-width:156px;min-height:76px}
body.editor24[data-ed24-mode=scenes] .lv-scenes243 #lv-add-end{flex-basis:90px;min-width:90px;width:90px!important}
body.editor24[data-ed24-mode=scenes] .lv-scenes243 [data-join46]{position:relative!important;left:auto!important;top:auto!important;align-self:center;flex:none;margin:0 -4px;transform:none}
body.editor24 .lv-timeline{padding:10px 16px}
body.editor24 .series207-dock{max-height:142px;flex-shrink:0}
body.editor24 .series207-strip{max-height:100px}
body.editor24 .series207-overview{width:min(980px,92vw);max-height:86dvh;padding:24px;border:1px solid var(--s-border);border-radius:16px;overflow:auto}
body.editor24 .series207-overview>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
body.editor24 .series207-overview h2{margin:0;font-size:20px}
body.editor24 .series207-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}
body.editor24 .series207-overview-grid button{display:flex;flex-direction:column;gap:10px;padding:10px;text-align:left;min-width:0;background:var(--s-raised);border:1px solid var(--s-border);border-radius:10px;color:var(--s-text)}
body.editor24 .series207-overview-grid button[aria-current=true]{outline:2px solid var(--s-accent)}
body.editor24 .series207-overview-grid img{width:100%;height:190px;object-fit:contain}
body.editor24 .series207-overview-grid span{font-size:12px}
@media(min-width:1001px){
 body.editor24 :is(.studio-workspace,.lv-workspace){--ed-left:260px;--ed-right:300px;grid-template-columns:72px var(--ed-left) minmax(240px,1fr) var(--ed-right)!important}
 body.editor24[data-ed24-left=false] :is(.studio-workspace,.lv-workspace){--ed-left:0px}
 body.editor24[data-ed24-right=false] :is(.studio-workspace,.lv-workspace){--ed-right:0px}
 body.editor24[data-ed24-left=false] :is(.studio-left,.lv-library),body.editor24[data-ed24-right=false] :is(.studio-right,.lv-inspector){display:none!important}
 body.editor24-video{overflow:hidden}
 body.editor24.studio200-video #lv-workspace{grid-template-rows:minmax(200px,1fr) 222px!important}
 body.editor24 .studio-bar>div:first-of-type{min-width:120px;max-width:none}
 body.editor24 #studio .studio-actions{gap:5px}
 body.editor24 .s200-utilities #series-settings207{font-size:10px;padding:6px}
 body.editor24 .s200-utilities{gap:4px}
}
@media(min-width:1001px) and (max-width:1279px){body.editor24 .s200-brand b{display:none}body.editor24 .s200-utilities>button:last-child{max-width:56px;overflow:hidden}body.editor24 :is(.studio-workspace,.lv-workspace){--ed-left:230px;--ed-right:260px}}
@media(max-width:1000px){
 body.editor24 :is(.studio-bar,.lv-top){gap:6px}
 body.editor24 #lv-name{max-width:none}
 body.editor24 .ed24-projects{font-size:10px}
 body.editor24 .ed24-panel-controls{display:none}
 body.editor24 .ed24-panel-heading button{min-width:44px;min-height:44px}
 body.editor24 .s200-mobile button{min-height:44px}
 body.editor24 .lv-timeline-bar>div:last-child{margin-left:0}
 body.editor24 .lv-timeline-bar button{min-height:36px}
 body.editor24 .series207-overview-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
 body.editor24 .series207-overview-grid img{height:150px}
}