/* Central appearance tokens. Future themes can override --editor-* without new UI. */
html{
 --editor-bg:var(--background,var(--bg,#111));--editor-panel:var(--surface,var(--panel,#1b1b1b));--editor-raised:var(--surface-secondary,var(--panel2,#252525));
 --editor-text:var(--text,#f4f4f4);--editor-muted:var(--text-muted,var(--muted,#aaa));--editor-border:var(--border,var(--line,#444));
 --editor-accent:var(--accent,#ddd);--editor-on-accent:var(--accent-ink,#111);--editor-input:var(--input-bg,var(--panel,#1b1b1b));--editor-stage:var(--editor-bg);
 --editor-radius:6px;--editor-font:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--editor-scheme:dark;
}
html[data-acbs-style=studio]{--editor-bg:#f4efe6;--editor-panel:#fffcf5;--editor-raised:#eae4d8;--editor-text:#201e19;--editor-muted:#686258;--editor-border:#d8d1c4;--editor-accent:#315c45;--editor-on-accent:#fffdf7;--editor-input:#fffdf8;--editor-stage:#eae5db;--editor-scheme:light}
html[data-acbs-style=cinema]{--editor-bg:#050505;--editor-panel:#101010;--editor-raised:#1c1c1c;--editor-text:#f4f4f4;--editor-muted:#aeaeae;--editor-border:#ffffff26;--editor-accent:#e4e4e4;--editor-on-accent:#101010;--editor-input:#090909;--editor-stage:#000;--editor-scheme:dark}
html[data-acbs-style=white]{--editor-bg:#f5f5f3;--editor-panel:#fff;--editor-raised:#eeefec;--editor-text:#171817;--editor-muted:#646862;--editor-border:#daddd7;--editor-accent:#282e27;--editor-on-accent:#fff;--editor-input:#fff;--editor-stage:#eceeeb;--editor-scheme:light}
html[data-acbs-style=bitmap]{--editor-bg:#f6f6f2;--editor-panel:#fff;--editor-raised:#e7e7e4;--editor-text:#101010;--editor-muted:#62625e;--editor-border:#d0d0cb;--editor-accent:#101010;--editor-on-accent:#fff;--editor-input:#fff;--editor-stage:#efefeb;--editor-radius:0px;--editor-scheme:light;--editor-font:ui-monospace,SFMono-Regular,Consolas,monospace}
/* Higher scope than legacy appearance sheets, including the private BITMAP bundle. */
html body #mainContent .editing-studio .ue-workspace{--ed-surface:var(--editor-panel);--ed-ink:var(--editor-text);--ed-line:var(--editor-border);min-width:0;max-width:100%;box-sizing:border-box;padding:0!important;gap:8px!important;background:var(--editor-bg)!important}
html body #mainContent .editing-studio .ue-topbar{grid-column:1/-1!important;grid-row:1!important;display:flex!important;align-items:center;gap:6px;min-height:48px;padding:8px 10px;background:var(--editor-panel)!important;color:var(--editor-text)!important;border:1px solid var(--editor-border)!important;border-radius:var(--editor-radius)!important;position:relative;z-index:8;order:-20!important}
html body #mainContent .editing-studio .ue-title{font:600 12px/1.4 var(--editor-font)!important;letter-spacing:0!important;margin-right:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
html body #mainContent .editing-studio .ue-button{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;flex-shrink:0;white-space:nowrap;min-height:34px!important;padding:7px 9px!important;font:500 12px/1.4 var(--editor-font)!important;color:var(--editor-text)!important;background:var(--editor-raised)!important;border:1px solid var(--editor-border)!important;border-radius:var(--editor-radius)!important}
html body #mainContent .editing-studio .ue-button svg{width:16px!important;height:16px!important;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
html body #mainContent .editing-studio .ue-workspace :is(.ed-workspace-bar,.um-toolbar,.um-mobile-tabs,.um-close,.phone-video-ui,.sg-mobile,.mfx-mobile-nav){display:none!important}
html body #mainContent .editing-studio .ue-workspace :is(.ue-left,.ue-right,.ue-timeline,.ue-center){background:var(--editor-panel)!important;color:var(--editor-text)!important;border:1px solid var(--editor-border)!important;border-radius:var(--editor-radius)!important;min-width:0!important;box-sizing:border-box;box-shadow:none!important;grid-area:auto}
html body #mainContent .editing-studio .ue-workspace .ue-center{background:var(--editor-stage)!important;padding:12px!important;grid-column:2!important;grid-row:2!important}
html body #mainContent .editing-studio .ue-workspace :is(.ue-left,.ue-right){padding:14px!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--editor-border) transparent}
html body #mainContent .editing-studio :is(.ue-left,.ue-right) :is(.precision-panel,.pro-panel,[class$='-controls'],[class$='-panel']){background:var(--editor-panel)!important;color:var(--editor-text)!important;border-color:var(--editor-border)!important}
html body #mainContent .editing-studio :is(.ue-left,.ue-right) :is(label,summary,h2,h3,output){color:var(--editor-text)!important;-webkit-text-fill-color:currentColor}
html body #mainContent .editing-studio :is(.ue-left,.ue-right) :is(p,small){color:var(--editor-muted)!important}
html body #mainContent .editing-studio :is(.ue-left,.ue-right) details{background:transparent!important;border:0!important;border-top:1px solid var(--editor-border)!important;border-radius:0!important;box-shadow:none!important}
html body #mainContent .editing-studio .ue-workspace :is(.ed-panel-head,.pro-panel-head,.pro-panel-search){display:none!important}
html body #mainContent .editing-studio .ue-workspace .ed-panel-search{background:var(--editor-input)!important;color:var(--editor-text)!important;border-color:var(--editor-border)!important;margin-bottom:12px}
html body #mainContent .editing-studio :is(.ue-left,.ue-right) summary{padding:10px 0!important;min-height:36px;font:500 12px/1.4 var(--editor-font)!important}
html body #mainContent .editing-studio .ue-action-menu{position:absolute!important;inset:50px 8px auto auto;z-index:55;display:grid;gap:5px;max-height:min(60dvh,440px);max-width:calc(100% - 16px);width:280px;padding:12px;background:var(--editor-panel)!important;color:var(--editor-text)!important;border:1px solid var(--editor-border)!important;border-radius:var(--editor-radius)!important;overflow:auto;box-shadow:0 12px 36px #0002!important}
html body #mainContent .editing-studio .ue-menu-title{font:600 12px var(--editor-font);padding:5px}
html body #mainContent .editing-studio .ue-menu-action{text-align:left;width:100%}
html body #mainContent .editing-studio :is(.ue-bottom,.ue-sheet-head,.ue-backdrop){display:none!important}
html body #mainContent .editing-studio .ue-ui[hidden],html body #mainContent .editing-studio .ue-ui button[hidden]{display:none!important}
html body #mainContent .editing-studio .ue-workspace :is(.ue-left,.ue-right,.ue-center,.ue-timeline)[hidden]{display:none!important}
/* Native dialogs outside the page inherit the same token vocabulary. */
body.ue-editor-active :is(.glyph-dialog,.ls-dialog,.mfx-dialog,.ve-export-dialog){color-scheme:var(--editor-scheme);background:var(--editor-panel)!important;color:var(--editor-text)!important;border:1px solid var(--editor-border)!important;border-radius:var(--editor-radius)!important;font-family:var(--editor-font)}
body.ue-editor-active :is(.glyph-dialog,.ls-dialog,.mfx-dialog,.ve-export-dialog) :is(input,select,textarea,button){background:var(--editor-input)!important;color:var(--editor-text)!important;border-color:var(--editor-border)!important;font-family:var(--editor-font)}
@media(min-width:1001px){
 html body #mainContent .editing-studio .ue-workspace:not(.ve){display:grid!important;grid-template-columns:var(--ed-left,240px) minmax(0,1fr) var(--ed-right,240px)!important;grid-template-rows:auto var(--ed-stage-height,clamp(480px,calc(100dvh - 230px),780px)) auto!important;align-items:stretch!important}
 html body #mainContent .editing-studio .ue-workspace[data-ue-columns=left]{grid-template-columns:var(--ed-left,240px) minmax(0,1fr)!important}
 html body #mainContent .editing-studio .ue-workspace[data-ue-columns=right]{grid-template-columns:minmax(0,1fr) var(--ed-right,240px)!important}
 html body #mainContent .editing-studio .ue-workspace[data-ue-columns=single]{grid-template-columns:minmax(0,1fr)!important}
 html body #mainContent .editing-studio .ue-workspace>.ue-left{grid-column:1!important;grid-row:2!important}
 html body #mainContent .editing-studio .ue-workspace>.ue-right{grid-column:3!important;grid-row:2!important}
 html body #mainContent .editing-studio .ue-workspace[data-ue-columns=right]>.ue-right{grid-column:2!important}
 html body #mainContent .editing-studio .ue-workspace[data-ue-columns=right]>.ue-center,html body #mainContent .editing-studio .ue-workspace[data-ue-columns=single]>.ue-center{grid-column:1!important}
 html body #mainContent .editing-studio .ue-workspace :is(.ue-left,.ue-right){height:var(--ed-stage-height,clamp(480px,calc(100dvh - 230px),780px))!important;max-height:var(--ed-stage-height,clamp(480px,calc(100dvh - 230px),780px))!important;min-height:0!important;overflow:auto!important;position:relative!important;top:auto!important}
 html body #mainContent .editing-studio .ue-workspace .ue-center{height:var(--ed-stage-height,clamp(480px,calc(100dvh - 230px),780px))!important;max-height:var(--ed-stage-height,clamp(480px,calc(100dvh - 230px),780px))!important;overflow:auto!important;display:flex!important;flex-direction:column!important;position:relative!important;top:auto!important}
 html body #mainContent .editing-studio .ue-center>:is(.mfx-stage,.sg-viewport,.glyph-stage,.logo3d-preview,.industrial-target,.ai-view,.wb-view,.creative-screen,.glass-canvas-wrap,.fm-sheet-wrap){flex:1;min-height:0!important;height:auto!important;max-height:100%!important;overflow:hidden}
 html body #mainContent .editing-studio .ue-center :is(canvas,video){max-width:100%!important;max-height:100%!important;object-fit:contain}
 html body #mainContent .editing-studio .ue-workspace.ed-hide-left:not(.ve){grid-template-columns:minmax(0,1fr) var(--ed-right,240px)!important}
 html body #mainContent .editing-studio .ue-workspace.ed-hide-right:not(.ve){grid-template-columns:var(--ed-left,240px) minmax(0,1fr)!important}
 html body #mainContent .editing-studio .ue-workspace:is(.ed-hide-left,.ed-hide-right)[data-ue-columns=left],html body #mainContent .editing-studio .ue-workspace:is(.ed-hide-left,.ed-hide-right)[data-ue-columns=right],html body #mainContent .editing-studio .ue-workspace.ed-hide-left.ed-hide-right{grid-template-columns:minmax(0,1fr)!important}
 html body #mainContent .editing-studio .ue-workspace.ed-hide-left>.ue-center{grid-column:1!important}
 html body #mainContent .editing-studio .ue-workspace.ed-hide-left>.ue-right{grid-column:2!important}
 html body #mainContent .editing-studio .ue-workspace.ed-hide-left .ue-left,html body #mainContent .editing-studio .ue-workspace.ed-hide-right .ue-right{display:none!important}
}
@media(max-width:1000px){
 html body #mainContent .editing-studio .ue-workspace[data-ue-sheet]{z-index:1150!important}
 html body #mainContent .page.active.ue-page{padding-bottom:calc(90px + env(safe-area-inset-bottom))!important;overflow-x:clip}
 body.ue-editor-active>.mobile-dock{display:none!important}
 html body #mainContent .editing-studio .ue-workspace:not(.ve),html body #mainContent .editing-studio .ue-workspace.ve .ve-workspace{display:flex!important;flex-direction:column!important;grid-template-columns:minmax(0,1fr)!important;height:auto!important;min-height:0!important}
 html body #mainContent .editing-studio .ue-workspace .ue-center{order:0!important;display:flex!important;flex-direction:column!important;grid-column:1/-1!important;grid-row:auto!important;width:100%!important;height:auto!important;min-height:clamp(300px,52dvh,580px)!important;max-height:none!important;padding:8px!important;position:relative!important;inset:auto!important;overflow:auto!important}
 html body #mainContent .editing-studio .ue-center>:is(.mfx-stage,.sg-viewport,.glyph-stage,.logo3d-preview,.glass-canvas-wrap,.ch-view,.ts-stage,.ar-view,.iphone-stage-wrap,.ms-viewport,.wb-view,.creative-screen){width:100%!important;height:clamp(280px,48dvh,540px)!important;min-height:0!important;flex:1;max-height:none!important}
 html body #mainContent .editing-studio .ue-center :is(canvas,video){max-width:100%!important;object-fit:contain}
 html body #mainContent .editing-studio .ue-workspace :is(.ue-left,.ue-right),html body #mainContent .editing-studio .ue-timeline{display:none!important}
 html body #mainContent .editing-studio .ue-topbar{flex-wrap:nowrap!important;position:sticky;top:0;min-height:48px;padding:6px 8px;gap:5px}
 html body #mainContent .editing-studio .ue-topbar>[data-ue-panel]{display:none!important}
 html body #mainContent .editing-studio .ue-topbar .ue-title{max-width:42%;font-size:11px!important}
 html body #mainContent .editing-studio .ue-topbar .ue-button{min-width:42px;min-height:44px!important;padding:8px!important}
 html body #mainContent .editing-studio .ue-topbar [data-ue-action=focus] span{display:none}
 html body #mainContent .editing-studio .ue-bottom{position:fixed!important;z-index:950!important;inset:auto 0 0!important;display:none!important;align-items:center;gap:5px;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:var(--editor-panel)!important;color:var(--editor-text)!important;border-top:1px solid var(--editor-border)!important;overflow-x:auto;overscroll-behavior-x:contain;box-sizing:border-box;max-width:100vw}
 html body #mainContent .page.active.ue-page>.ue-bottom{display:flex!important}
 html body #mainContent .page.active.ue-page>.ue-bottom[hidden]{display:none!important}
 html body #mainContent .editing-studio .ue-bottom .ue-button{min-height:48px!important;flex:1 0 auto;flex-direction:column;gap:4px;font-size:10px!important}
 html body #mainContent .editing-studio .ue-backdrop:not([hidden]){display:block!important;position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;background:#0008!important;border:0!important;border-radius:0!important;z-index:1100!important;padding:0!important}
 html body #mainContent .editing-studio .ue-workspace .ue-sheet-open,html body #mainContent .editing-studio .ue-timeline.ue-sheet-open{display:block!important;position:fixed!important;z-index:1101!important;inset:auto max(0px,env(safe-area-inset-right)) 0 max(0px,env(safe-area-inset-left))!important;width:auto!important;max-width:none!important;height:auto!important;min-height:200px!important;max-height:78dvh!important;overflow:auto!important;overscroll-behavior:contain;resize:none!important;transform:none!important;opacity:1!important;visibility:visible!important;margin:0!important;padding:0 16px calc(20px + env(safe-area-inset-bottom))!important;background:var(--editor-panel)!important;color:var(--editor-text)!important;border:1px solid var(--editor-border)!important;border-radius:var(--editor-radius) var(--editor-radius) 0 0!important;box-shadow:0 -12px 50px #0003!important}
 html body #mainContent .editing-studio .ue-sheet-head{display:flex!important;align-items:center;justify-content:space-between;gap:12px;position:sticky!important;inset:0 0 auto!important;z-index:6;background:var(--editor-panel)!important;color:var(--editor-text)!important;padding:10px 0!important;margin-bottom:12px;border-bottom:1px solid var(--editor-border)!important;min-height:56px}
 html body #mainContent .editing-studio .ue-sheet-head strong{font:600 13px var(--editor-font)!important;color:inherit!important}
 html body #mainContent .editing-studio .ue-sheet-head button{min-height:44px!important}
 html body #mainContent .editing-studio .ue-sheet-open :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea){font-size:16px!important;min-height:44px!important;max-width:100%}
 html body #mainContent .editing-studio .ue-sheet-open input[type=range]{min-height:40px!important;height:40px!important;touch-action:pan-y}
 html body #mainContent .editing-studio .ue-sheet-open :is(button,summary){min-height:44px!important}
 html body #mainContent .editing-studio .ue-workspace .ed-resize{display:none!important}
 html body #mainContent .editing-studio .ue-action-menu{position:fixed!important;inset:max(72px,env(safe-area-inset-top)) 12px auto auto;width:min(340px,calc(100vw - 24px));z-index:1200}
 html body #mainContent .editing-studio .ue-workspace .phone-editor-toolbar,html body #mainContent .editing-studio>.sg-shell>.sg-mobile,html body #mainContent .editing-studio>.cvm-shell>.cvm-mobile-tabs{display:none!important}
 html body #mainContent .editing-studio .ue-workspace.ed-focus{padding-top:env(safe-area-inset-top)!important;padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
}
@media(prefers-reduced-motion:reduce){.ue-page *{scroll-behavior:auto!important;transition:none!important}}