/* Studio geometry only. Native controls inherit the approved Editor line theme. */
#editor-placement-panel.live-studio[open]{display:grid;grid-template-rows:44px minmax(0,1fr);--editor-topbar-height:44px;--editor-floating-background:rgba(0,0,0,var(--live-ui-opacity,.8));background:#090909;color:var(--editor-panel-text,#f5f5f5);font:12px/1.4 system-ui,sans-serif;animation:none}
#editor-placement-panel.live-studio>header{position:relative;inset:auto;display:flex;align-items:center;flex-wrap:nowrap;gap:4px;padding:5px 8px;min-height:0;z-index:60;background:#080808;border:0;background-image:var(--editor-divider);background-size:100% 1px;background-position:center bottom;background-repeat:no-repeat;pointer-events:auto}
#editor-placement-panel.live-studio>header>strong{font-size:11px;white-space:nowrap;margin-right:6px;letter-spacing:.02em}
#editor-placement-panel.live-studio>header nav{display:flex;gap:3px;align-items:center;margin-right:auto;padding:0;border:0;background:none}
#editor-placement-panel.live-studio>header button{margin:0;white-space:nowrap;min-height:30px;padding:5px 8px;font:inherit}
#editor-placement-panel.live-studio [data-startup-timing]{display:none}
#editor-placement-panel.live-studio :is([data-live-icon],.live-fold>summary,.live-creative-head>button)>svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex:none;pointer-events:none}
#editor-placement-panel.live-studio button[data-live-icon],#editor-placement-panel.live-studio>header button:has(>svg){display:inline-grid;place-items:center;box-sizing:border-box;width:32px;min-width:32px;height:32px;min-height:32px;padding:6px;line-height:0}
#editor-placement-panel.live-studio [data-action=fullscreen]>svg{margin:0;transform:none;width:18px;height:18px}
#editor-placement-panel.live-studio .placement-workspace{position:relative;inset:auto;display:block;min-height:0;overflow:hidden}
/* The two frame edges meet exactly. Only explicit layout controls change them. */
#editor-placement-panel.live-studio .placement-viewport{position:absolute;inset:0;display:block;min-width:0;min-height:0;background:linear-gradient(var(--studio-environment-shading,transparent),var(--studio-environment-shading,transparent)),radial-gradient(ellipse at 52% 38%,#30343a 0%,#1a1d22 44%,#0b0d10 100%)}
#editor-placement-panel.live-studio .placement-viewport>canvas{display:block;width:100%;height:100%;touch-action:none}
#editor-placement-panel.live-studio .live-creative{position:absolute;inset:0 auto 0 0;width:var(--live-divider,50%);z-index:8;pointer-events:none;min-width:0;min-height:0;background:none;overflow:hidden;transition:width 160ms ease-out,left 160ms ease-out}

#editor-placement-panel.live-studio.live-swapped .live-creative{left:calc(100% - var(--live-divider,50%));width:var(--live-divider,50%)}
#editor-placement-panel.live-studio[data-live-view=artwork] .live-creative{left:0;width:100%}
#editor-placement-panel.live-studio[data-live-view=artwork] .placement-viewport{inset:0}
#editor-placement-panel.live-studio[data-live-view=skin] .placement-viewport{inset:0}
#editor-placement-panel.live-studio[data-live-view=skin] .live-creative{left:0;width:0;visibility:hidden;pointer-events:none}
#editor-placement-panel.live-studio.live-swapped[data-live-view=skin] .live-creative{left:100%}
#editor-placement-panel.live-studio .live-creative-head{position:absolute;left:0;right:0;top:0;z-index:35;display:flex;align-items:center;gap:3px;box-sizing:border-box;padding:2px 5px;height:36px;min-height:36px;pointer-events:auto;background:var(--editor-floating-background);background-image:var(--editor-divider);background-position:center bottom;background-size:100% 1px;background-repeat:no-repeat}
#editor-placement-panel.live-studio .live-artwork-select{flex:1;min-width:70px;max-width:220px;height:30px;font:inherit;text-overflow:ellipsis}
#editor-placement-panel.live-studio .live-artwork-status{display:none}
#editor-placement-panel.live-studio .live-creative-head>[data-live-action=attach]{font-size:10px;white-space:nowrap;padding:5px 7px;min-height:30px}
#editor-placement-panel.live-studio .live-editor-host,#editor-placement-panel.live-studio .live-editor-host>.editor-shell{position:absolute;inset:36px 0 0;width:100%;height:auto;max-width:none;min-width:0;min-height:0;display:block!important;margin:0;padding:0;pointer-events:none;background:none}
#editor-placement-panel.live-studio .live-editor-host>.editor-shell{inset:0;height:100%}
#editor-placement-panel.live-studio .editor-shell>.tool-rail{position:absolute!important;left:7px!important;top:24px!important;right:auto!important;bottom:auto!important;width:40px!important;height:auto!important;max-height:calc(100% - 20px)!important;border:0;padding:0;display:flex;flex-direction:column;gap:12px;pointer-events:auto;background:transparent;overflow:visible;z-index:45}
.editor-page #editor-placement-panel.live-studio :is(#editor-modern-tools,.editor-additional-launcher){position:static!important;left:auto!important;top:auto!important;width:40px;min-width:40px;height:40px;min-height:40px;margin:0;padding:5px;border-radius:4px;box-shadow:none;background:var(--editor-floating-background);border:0}
.editor-page #editor-placement-panel.live-studio :is(#editor-modern-tools,.editor-additional-launcher)>svg{width:26px;height:26px}
#editor-placement-panel.live-studio :is(#editor-modern-tools,.editor-additional-launcher)>span{display:none}
.editor-page #editor-placement-panel.live-studio #editor-additional-launchers{display:grid;gap:12px;width:40px}
.editor-page #editor-placement-panel.live-studio #editor-smart-preview-navigation{position:static;left:auto;top:auto;width:34px;grid-template-columns:1fr 1fr;gap:0}
#editor-placement-panel.live-studio #editor-presentation-toggle{display:none!important}
#editor-placement-panel.live-studio #editor-smart-preview-navigation:has(button:disabled):not(:has(button:not(:disabled))){display:none}
#editor-placement-panel.live-studio #editor-toolbar-content{position:absolute!important;left:46px!important;top:42px!important;max-height:calc(100dvh - 110px);pointer-events:auto;animation:live-slide-in 160ms ease-out both}
#editor-placement-panel.live-studio #editor-toolbar-content[hidden]{display:none!important}
#editor-placement-panel.live-studio .live-fold{margin:0;min-width:0;box-sizing:border-box}
#editor-placement-panel.live-studio .live-fold>summary{display:flex;align-items:center;gap:6px;list-style:none;cursor:pointer;box-sizing:border-box;min-height:30px;padding:5px 6px;font:inherit;pointer-events:auto}
#editor-placement-panel.live-studio .live-fold>summary::-webkit-details-marker{display:none}
#editor-placement-panel.live-studio .live-fold>summary::after{content:'›';margin-left:auto;opacity:.6}
#editor-placement-panel.live-studio .live-fold[open]>summary::after{transform:rotate(90deg)}
#editor-placement-panel.live-studio .live-canvas-fold{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;overflow:hidden;pointer-events:none;border:0;border-radius:0;background:none}
#editor-placement-panel.live-studio .live-canvas-fold>summary{display:none}
#editor-placement-panel.live-studio .live-canvas-fold::details-content{display:block;height:100%;min-height:0}
#editor-placement-panel.live-studio .live-canvas-fold>.workspace{position:absolute;inset:0;display:flex;flex-direction:column;min-width:0;min-height:0;width:100%;height:100%;padding:0;margin:0;gap:0;pointer-events:none;background:none}
#editor-placement-panel.live-studio .workspace :is(.workspace-meta,.workspace-context-bar){display:none}
#editor-placement-panel.live-studio #tool-contextual{flex:none;box-sizing:border-box;width:calc(100% - 48px);margin-left:48px;min-height:38px;height:38px;max-height:38px;padding:0 5px;background-color:var(--editor-floating-background);pointer-events:auto;z-index:20}
#editor-placement-panel.live-studio #tool-properties{min-width:0;font-size:11px;gap:7px}
#editor-placement-panel.live-studio #workspace-stage{position:relative;flex:1;min-height:0;min-width:0;display:grid;padding:0;pointer-events:auto}
#editor-placement-panel.live-studio.live-options-collapsed #tool-contextual{display:none}
#editor-placement-panel.live-studio[data-live-view=skin]:not(.live-floating) #workspace-stage{display:none}
#editor-placement-panel.live-studio[data-live-view=skin]:not(.live-floating) .live-canvas-fold{height:42px;overflow:visible}
#editor-placement-panel.live-studio[data-live-view=skin]:not(.live-floating) .live-creative-head{right:48px;max-width:650px;background:var(--editor-floating-background)}
#editor-placement-panel.live-studio[data-live-view=skin]:not(.live-floating) #tool-contextual{max-width:600px}
/* An invisible 10px divider remains discoverable on hover, focus and keyboard. */
#editor-placement-panel.live-studio .live-divider{position:absolute;left:var(--live-divider,50%);top:0;bottom:0;width:10px;margin-left:-5px;z-index:50;cursor:col-resize;touch-action:none;pointer-events:auto;background:none;outline:0}
#editor-placement-panel.live-studio .live-divider::after{content:'';position:absolute;left:4px;top:0;bottom:0;width:1px;background:transparent;transition:background 160ms}
#editor-placement-panel.live-studio .live-divider:is(:hover,:focus-visible)::after{background:#ffffff80}
#editor-placement-panel.live-studio .live-divider:focus-visible{outline:1px solid #ffffff80;outline-offset:-3px}
/* Native drawer contents are moved, never cloned or reinitialized. */
#editor-placement-panel.live-studio .live-body-drawer{position:absolute;z-index:50;top:7px;right:43px;bottom:48px;width:280px;max-width:calc(100% - 54px);overflow:hidden;pointer-events:none;background:var(--editor-panel-background,rgba(0,0,0,.8));border:1px solid transparent;border-radius:var(--editor-panel-radius,8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transform:translateX(calc(100% + 48px));transition:transform 160ms ease-out;box-shadow:none}
#editor-placement-panel.live-studio .live-body-drawer[open]{transform:translateX(0);pointer-events:auto}
#editor-placement-panel.live-studio .live-body-drawer>summary{display:none}
#editor-placement-panel.live-studio .live-body-drawer::details-content{height:auto;min-height:0}
#editor-placement-panel.live-studio :is(.placement-body,.placement-design){position:static!important;inset:auto!important;width:100%;max-height:none;min-width:0;padding:10px;box-sizing:border-box;border:0;background:none;backdrop-filter:none}
#editor-placement-panel.live-studio .live-body-drawer .placement-body{height:auto;max-height:calc(var(--live-model-panel-height,calc(100dvh - 104px)) - 2px);overflow:auto;scrollbar-width:thin}
#editor-placement-panel.live-studio .placement-body>p:last-child{display:none}
#editor-placement-panel.live-studio .live-skin-colour{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:8px}
#editor-placement-panel.live-studio .live-skin-colour>label{min-width:0;padding:0!important;margin:0;background:none!important}
#editor-placement-panel.live-studio .live-skin-colour>label:last-child{font-size:0}
#editor-placement-panel.live-studio .live-skin-colour button{width:30px;height:28px;min-height:28px;padding:0}
#editor-placement-panel.live-studio .placement-view-actions{position:absolute;left:50%;right:auto;bottom:7px;transform:translateX(-50%);z-index:25;display:flex;align-items:center;flex-wrap:nowrap;gap:2px;padding:2px;min-height:30px;pointer-events:auto;background:var(--editor-panel-background);border:0;border-radius:4px}

#editor-placement-panel.live-studio[data-live-view=skin] .placement-view-actions{left:50%}

#editor-placement-panel.live-studio .placement-view-actions label{display:flex;align-items:center;font-size:10px}
#editor-placement-panel.live-studio .placement-view-actions label>span{display:none}
#editor-placement-panel.live-studio .placement-view-actions select{max-width:105px;min-height:28px;padding:4px;font:inherit}
#editor-placement-panel.live-studio .placement-view-actions button[data-live-icon]{width:28px;min-width:28px;height:30px;padding:5px}
#editor-placement-panel.live-studio :is(.live-help,.live-layout-menu){position:relative}
#editor-placement-panel.live-studio :is(.live-help,.live-layout-menu)>summary{display:grid;place-items:center;width:32px;height:32px;padding:6px}
#editor-placement-panel.live-studio :is(.live-help,.live-layout-menu)>summary :is(span),#editor-placement-panel.live-studio :is(.live-help,.live-layout-menu)>summary::after{display:none}
#editor-placement-panel.live-studio .live-help-content,#editor-placement-panel.live-studio .live-layout-content{position:absolute;z-index:70;margin:0;padding:10px;background:var(--editor-floating-background);border:1px solid transparent;border-radius:var(--editor-panel-radius,8px);backdrop-filter:blur(8px);box-shadow:none;font:11px/1.5 system-ui,sans-serif}
#editor-placement-panel.live-studio .live-help-content{bottom:37px;right:0;width:250px}
#editor-placement-panel.live-studio .live-help-content>p{margin:0 0 8px}
#editor-placement-panel.live-studio .live-help-content>[role=status]{position:static;display:block;text-align:left;margin:0;padding:8px 0 0;border-top:1px solid var(--line);pointer-events:auto}
#editor-placement-panel.live-studio .live-help-content>[role=status]:empty{display:none}
#editor-placement-panel.live-studio .live-layout-content{top:35px;right:0;min-width:210px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
#editor-placement-panel.live-studio .live-layout-content>button{justify-self:center}
#editor-placement-panel.live-studio .live-layout-content>label{grid-column:1/-1;display:flex;align-items:center;gap:8px;white-space:nowrap;margin:4px 0;font-size:11px}
#editor-placement-panel.live-studio .live-layout-content input[type=range]{width:105px;accent-color:#ddd}
#editor-placement-panel.live-studio .live-layout-content>[data-live-action=edit]{grid-column:2}
#editor-placement-panel.live-studio #editor-tool-settings-panel{z-index:80}
/* Optional floating composition remains available through Layout. */
#editor-placement-panel.live-studio.live-floating .live-canvas-fold{inset:44px auto 52px 48px;width:min(480px,calc(100% - 96px));height:auto;min-width:240px;min-height:240px;max-width:calc(100% - 64px);max-height:calc(100% - 60px);resize:both;overflow:hidden;pointer-events:auto;background:var(--editor-floating-background);border:1px solid transparent;border-radius:var(--editor-panel-radius);backdrop-filter:blur(8px)}
#editor-placement-panel.live-studio.live-floating .live-canvas-fold>summary{display:flex;cursor:move}
#editor-placement-panel.live-studio.live-floating .live-canvas-fold>.workspace{inset:32px 0 0;height:calc(100% - 32px)}
#editor-placement-panel.live-studio.live-floating #workspace-stage{display:grid}
#editor-placement-panel.live-studio.live-floating #tool-contextual{margin-left:0;width:100%}
/* Native Gallery state, content, import and reopen actions are unchanged. */
@layer customer-panel-refinement{
.editor-page #editor-placement-panel.live-studio #toggle-session-gallery{position:static!important;inset:auto!important;transform:none!important;flex:none;max-width:150px!important;width:max-content!important;z-index:61;padding:4px 8px!important;min-height:30px!important}
.editor-page #editor-placement-panel.live-studio #session-gallery{position:fixed!important;left:50%!important;top:46px!important;right:auto!important;bottom:auto!important;width:min(800px,calc(100vw - 80px))!important;max-height:calc(100dvh - 85px)!important;transform:translateX(-50%)!important;z-index:100!important;overflow:auto;box-sizing:border-box;background-color:rgba(0,0,0,.8)!important;backdrop-filter:blur(8px)!important;animation:live-gallery-down 160ms ease-out both}
}
/* The loading shell precedes showModal; obsolete chrome never becomes visible. */
#editor-placement-panel .live-startup{display:none}
#editor-placement-panel.live-studio-loading{background:#090909!important;animation:none!important}
#editor-placement-panel.live-studio-loading>:not(.live-startup){visibility:hidden!important;pointer-events:none!important}
#editor-placement-panel.live-studio-loading>.live-startup{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;background:#090909;color:#aaa;font:12px system-ui,sans-serif;z-index:200;pointer-events:auto}
#editor-placement-panel.live-studio-loading .live-startup>strong{color:#f5f5f5;font-size:14px}
#editor-placement-panel.live-studio-loading .live-startup>button{position:absolute;top:8px;left:8px}
#editor-placement-panel.live-studio,#editor-placement-panel.live-studio :is(button,summary,label,h1,h2,h3,p,span,strong,output,nav,header,svg){user-select:none;-webkit-user-select:none}
#editor-placement-panel.live-studio :is(button,summary) img{-webkit-user-drag:none;user-select:none}
#editor-placement-panel.live-studio :is(input:not([type=button]):not([type=submit]):not([type=reset]):not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),textarea,[contenteditable=""],[contenteditable=true],[contenteditable=plaintext-only],[contenteditable=""] *,[contenteditable=true] *,[contenteditable=plaintext-only] *){user-select:text!important;-webkit-user-select:text!important}
#editor-placement-panel.live-studio [hidden]{display:none!important}
@keyframes live-slide-in{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}
@keyframes live-gallery-down{from{opacity:0;translate:0 -10px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){#editor-placement-panel.live-studio *{animation:none!important;transition:none!important}}
@media(max-width:950px){#editor-placement-panel.live-studio>header>strong{display:none}#editor-placement-panel.live-studio>header{gap:2px}#editor-placement-panel.live-studio .live-creative-head{gap:1px}#editor-placement-panel.live-studio .live-artwork-select{max-width:155px}#editor-placement-panel.live-studio .placement-view-actions button[data-live-icon]{width:26px;min-width:26px}#editor-placement-panel.live-studio #toggle-session-gallery .modern-widget-icon{display:none!important}}

#editor-placement-panel.live-studio .live-map-region{display:flex;align-items:center;min-width:0;max-width:130px}
#editor-placement-panel.live-studio .live-map-region>span{display:none}
#editor-placement-panel.live-studio .live-map-region>select{min-width:0;width:100%;font-size:10px;height:30px}

#editor-placement-panel.live-studio #editor-smart-preview-navigation:has(button[aria-disabled=true]):not(:has(button[aria-disabled=false])){display:none!important}

#editor-placement-panel.live-studio{--live-art-left:0px}
#editor-placement-panel.live-studio.live-swapped{--live-art-left:var(--live-divider,50%)}
#editor-placement-panel.live-studio:is([data-live-view=artwork],[data-live-view=skin]){--live-art-left:0px}
.editor-page #editor-placement-panel.live-studio .editor-tool:is(:hover,:focus-visible)::after{left:clamp(4px,calc(var(--live-art-left) + 195px),calc(100vw - 260px));max-width:250px;white-space:normal}

/* Native layer popovers are portalled outside the clipped drawer, with their controllers intact. */
#editor-placement-panel.live-studio :is(#layer-settings-fields,#layer-blend-panel){position:fixed;z-index:110;pointer-events:auto;box-sizing:border-box;background:var(--editor-panel-background);backdrop-filter:blur(8px)}
#editor-placement-panel.live-studio[data-live-target=skin] #canvas-checkerboard{background-image:var(--live-skin-guide,none),repeating-conic-gradient(#252525 0% 25%,#1b1b1b 0% 50%);background-size:100% 100%,16px 16px;background-repeat:no-repeat,repeat}
#editor-placement-panel.live-studio .live-placement-section{order:-1}

#editor-placement-panel.live-studio .placement-design>label{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:center;margin:8px 0;padding:0;min-width:0;font-size:11px}
#editor-placement-panel.live-studio .placement-design>label>:is(input,select){grid-column:1/-1;box-sizing:border-box;width:100%;min-width:0}
#editor-placement-panel.live-studio .placement-design>label>input[type=checkbox]{grid-column:2;width:auto}
#editor-placement-panel.live-studio .placement-design>p{font-size:10px;line-height:1.45;margin:8px 0;color:var(--muted,#aaa)}
#editor-placement-panel.live-studio .placement-design>button{margin:3px 2px}
#editor-placement-panel.live-studio .placement-design-actions{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:3px}
#editor-placement-panel.live-studio .placement-design-end-actions{display:flex;align-items:center;gap:12px}
#editor-placement-panel.live-studio .placement-design-actions button{margin:0}

#editor-placement-panel.live-studio .live-surface-cursor{position:absolute;z-index:40;pointer-events:none;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #000b;transform:translate(-50%,-50%);display:grid;place-items:center;color:white}
#editor-placement-panel.live-studio .live-surface-cursor>svg{width:15px;height:15px;position:absolute;left:calc(100% + 5px);top:0;filter:drop-shadow(0 1px 1px #000)}
#editor-placement-panel.live-studio .live-surface-cursor[data-tool=text]{border:0;border-left:1px solid white;border-radius:0;width:1px!important;height:22px!important}

/* Model settings travel with the 3D frame and enter from its left edge. */
#editor-placement-panel.live-studio .placement-workspace>:is(.live-body-drawer,.live-design-drawer){position:absolute;z-index:50;inset:var(--live-model-panel-top,52px) auto auto 55px;width:250px;height:max-content;max-height:var(--live-model-panel-height,calc(100dvh - 104px));max-width:calc(100% - 66px);overflow:hidden;pointer-events:none;box-sizing:border-box;background:var(--editor-panel-background);border:1px solid transparent;border-radius:var(--editor-panel-radius,8px);backdrop-filter:blur(8px);transform:translateX(calc(-100% - 62px));transition:transform 160ms ease-out;box-shadow:none}
#editor-placement-panel.live-studio .placement-workspace>:is(.live-body-drawer,.live-design-drawer)[open]{transform:translateX(0);pointer-events:auto}
#editor-placement-panel.live-studio .live-design-drawer>summary{display:none}
#editor-placement-panel.live-studio .live-design-drawer::details-content{height:auto;min-height:0}
#editor-placement-panel.live-studio .live-design-drawer>.placement-design{height:auto;max-height:calc(var(--live-model-panel-height,calc(100dvh - 104px)) - 2px);overflow-y:auto;scrollbar-width:thin;padding:9px}
#editor-placement-panel.live-studio .live-model-drawer-rail{position:absolute;left:5px;top:7px;z-index:55;display:grid;gap:5px;pointer-events:auto}
#editor-placement-panel.live-studio .live-model-drawer-rail>button{width:32px;height:32px;padding:6px}
#editor-placement-panel.live-studio .placement-body>label{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:center;margin:8px 0;font-size:11px}
#editor-placement-panel.live-studio .placement-body>label>:is(input,select){grid-column:1/-1;width:100%;min-width:0;box-sizing:border-box}
#editor-placement-panel.live-studio .live-surface-cursor>svg{width:20px;height:20px;left:calc(50% + 10px);top:calc(50% - 30px);stroke-width:1.5;filter:drop-shadow(0 1px 2px #000)}

#editor-placement-panel.live-studio .live-design-drawer .placement-design>:is(.placement-layer-name,[data-action=place-artwork]){display:none}
#editor-placement-panel.live-studio .live-design-drawer .placement-design>p:not([data-placement-transform-status]){display:none}

#editor-placement-panel.live-studio .live-creative-head{padding-right:44px}

#editor-placement-panel.live-studio #session-gallery.live-gallery-dragging{opacity:0!important;pointer-events:none!important}

/* One native creative UI: in split it belongs to 2D; in Full 3D Paint reveals it as overlays. */

/* Global native File/Patterns commands remain available in every workspace layout. */
#editor-placement-panel.live-studio>header>.live-header-patterns{position:static!important;inset:auto!important;transform:none!important;margin-left:auto!important;width:auto!important;min-width:0!important;height:30px!important;min-height:30px!important;max-width:120px;padding:4px 8px!important;font:11px/1.3 system-ui,sans-serif;white-space:nowrap}
/* Values stay inside their native fields; the underlying value is never shortened. */
#editor-placement-panel.live-studio :is(input,select,textarea){box-sizing:border-box;max-width:100%;min-width:0}
#editor-placement-panel.live-studio :is(input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]),select){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#editor-placement-panel.live-studio :is(label,.editor-slider-label,.layer-select,.layer-select strong,.layer-select small,#editor-tool-settings-toggle>span){min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#editor-placement-panel.live-studio .placement-view-actions{box-sizing:border-box;width:364px;min-width:364px;max-width:364px;height:36px;min-height:36px;max-height:36px;gap:3px;padding:3px;background:none!important;border:0;border-radius:0;flex-wrap:nowrap;justify-content:center;overflow:visible}
#editor-placement-panel.live-studio .placement-view-actions :is(button[data-live-icon],.live-help>summary){display:grid;place-items:center;flex:0 0 28px;box-sizing:border-box;width:28px!important;min-width:28px!important;max-width:28px!important;height:30px!important;min-height:30px!important;max-height:30px!important;padding:5px!important;margin:0!important;background:rgba(0,0,0,.6)!important;background-image:none!important;border:0!important;border-radius:4px;box-shadow:none!important;text-decoration:none!important;line-height:0}
#editor-placement-panel.live-studio .placement-view-actions :is(button[data-live-icon],.live-help>summary)::before,#editor-placement-panel.live-studio .placement-view-actions :is(button[data-live-icon],.live-help>summary)::after{display:none!important}
#editor-placement-panel.live-studio .placement-view-actions :is(button,summary):focus-visible{outline:1px solid #ccc;outline-offset:1px}
#editor-placement-panel.live-studio .placement-view-actions>label{flex:0 0 108px;width:108px;min-width:108px;max-width:108px;margin:0}
#editor-placement-panel.live-studio .placement-view-actions select{width:108px;min-width:108px;max-width:108px;height:30px;min-height:30px;max-height:30px;white-space:nowrap;text-overflow:ellipsis;background:rgba(0,0,0,.6)!important;border:0;flex:none}
#editor-placement-panel.live-studio .live-help:not([open])>.live-help-content{display:none!important}
#editor-placement-panel.live-studio .live-help-content{white-space:normal;overflow-wrap:anywhere}

@layer customer-panel-refinement{
.editor-page #editor-placement-panel.live-studio .placement-view-actions :is(button[data-live-icon],.live-help>summary),.editor-page #editor-placement-panel.live-studio .placement-view-actions :is(button[data-live-icon],.live-help>summary):is(:hover,:focus-visible,[aria-pressed=true]){background:rgba(0,0,0,.6)!important;background-image:none!important;box-shadow:none!important;border:0!important;text-decoration:none!important}
.editor-page #editor-placement-panel.live-studio .placement-view-actions :is(button[data-live-icon],.live-help>summary)::before,.editor-page #editor-placement-panel.live-studio .placement-view-actions :is(button[data-live-icon],.live-help>summary)::after{display:none!important;background:none!important}
.editor-page #editor-placement-panel.live-studio .placement-view-actions select{background:rgba(0,0,0,.6)!important;background-image:none!important;border:0!important}
}

/* Actual native Editor categories, in their original order beside File. */
#editor-placement-panel.live-studio>header>.editor-categories{position:static;flex:0 1 auto;height:32px;min-width:0;width:auto;gap:0;margin-right:auto;overflow-x:auto;scrollbar-width:none}
#editor-placement-panel.live-studio>header>.editor-categories>button{flex-shrink:0;min-width:0;height:32px;min-height:32px;padding:0 clamp(.42rem,.62vw,.72rem);font-size:.68rem;font-weight:720;line-height:normal;text-transform:none}
#editor-placement-panel.live-studio #editor-patterns-panel{max-width:var(--live-surface-width,calc(100vw - 16px));max-height:var(--live-surface-height,calc(100dvh - 60px))}

/* A collapsed drawer must not paint its empty backdrop outside its own frame. */
#editor-placement-panel.live-studio :is(.live-body-drawer,.live-design-drawer):not([open]){visibility:hidden;pointer-events:none}

/* Three compact header zones: native menus / artwork / global actions. */
#editor-placement-panel.live-studio>header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:5px;padding:5px}
#editor-placement-panel.live-studio .live-header-leading,#editor-placement-panel.live-studio .live-header-actions{display:flex;align-items:center;gap:3px;min-width:0}
#editor-placement-panel.live-studio .live-header-leading>strong{flex:none;font-size:11px;white-space:nowrap;margin:0 3px 0 0}
#editor-placement-panel.live-studio .live-header-leading>.editor-categories{position:static;flex:0 1 auto;gap:0;height:30px;min-width:0;margin:0;overflow-x:auto;scrollbar-width:none}
#editor-placement-panel.live-studio .live-header-leading>.editor-categories>button{flex:none;min-width:0;padding:0 3px;height:30px;min-height:30px;font-size:.68rem;font-weight:720;line-height:normal;text-transform:none}
#editor-placement-panel.live-studio .live-header-actions{justify-content:flex-end}
#editor-placement-panel.live-studio .live-header-actions>small{display:none}
#editor-placement-panel.live-studio .live-creative-head{position:static!important;inset:auto!important;display:flex;flex:none;align-items:center;gap:3px;box-sizing:border-box;width:auto!important;max-width:none!important;height:30px;min-height:30px;padding:0!important;background:none!important;border:0;overflow:visible;pointer-events:auto}
#editor-placement-panel.live-studio .live-creative-head>.live-artwork-select{flex:none;width:clamp(72px,9vw,116px);min-width:0;max-width:116px;height:28px;padding:3px 18px 3px 5px;font-size:10px}
#editor-placement-panel.live-studio>header :is(button[data-live-icon],button:has(>svg),.live-layout-menu>summary){flex:none;display:inline-grid;place-items:center;box-sizing:border-box;width:26px!important;min-width:26px!important;height:28px!important;min-height:28px!important;padding:4px!important;line-height:0}
#editor-placement-panel.live-studio .live-header-actions>#editor-patterns-trigger{position:static!important;inset:auto!important;transform:none!important;margin:0!important;width:auto!important;min-width:0!important;height:28px!important;min-height:28px!important;padding:4px 6px!important;flex:none;font-size:10px;line-height:1.3}
.editor-page #editor-placement-panel.live-studio :is(.live-header-actions,.live-creative-head)>#toggle-session-gallery{position:static!important;inset:auto!important;transform:none!important;display:grid!important;place-items:center;flex:none;width:30px!important;min-width:30px!important;max-width:30px!important;height:28px!important;min-height:28px!important;padding:4px!important;writing-mode:horizontal-tb}
#editor-placement-panel.live-studio :is(.live-header-actions,.live-creative-head)>#toggle-session-gallery .gallery-tab-label{display:none!important}
#editor-placement-panel.live-studio :is(.live-header-actions,.live-creative-head)>#toggle-session-gallery .modern-widget-icon{display:block!important;width:22px;height:18px;object-fit:contain}
#editor-placement-panel.live-studio .live-editor-host,#editor-placement-panel.live-studio .live-editor-host>.editor-shell{inset:0}
#editor-placement-panel.live-studio .editor-shell>.tool-rail{top:60px!important}
/* The original inspector stays in the original Editor shell, with native sections, controls and handlers. */
.editor-page #editor-placement-panel.live-studio .editor-shell>.inspector-panel{position:absolute!important;inset:0 0 0 auto;z-index:50;display:grid;width:var(--editor-inspector-width);height:auto;min-height:0;max-height:100%;box-sizing:border-box;margin:0;padding:0;border-right:0;pointer-events:auto;transform:none;box-shadow:none;transition:right 150ms ease}
.editor-page[data-inspector-collapsed=true] #editor-placement-panel.live-studio .editor-shell>.inspector-panel{right:calc(-1 * var(--editor-inspector-width));transition:right 150ms ease}
.editor-page[data-inspector-collapsed=true][data-inspector-revealed=true] #editor-placement-panel.live-studio .editor-shell>.inspector-panel{right:0}
#editor-placement-panel.live-studio #editor-inspector-edge{position:absolute;inset:52px 0 auto auto;z-index:51;display:grid;place-items:center;box-sizing:border-box;width:24px;min-width:24px;max-width:24px;height:30px;min-height:30px;max-height:30px;margin:0;padding:0;border:1px solid #555;border-radius:3px;background:#202020;color:#ddd;pointer-events:auto;line-height:0}
#editor-placement-panel.live-studio #editor-inspector-edge>svg{display:block;width:14px;height:14px;transform:rotate(180deg)}
#editor-placement-panel.live-studio #editor-inspector-lock{pointer-events:auto}
@media(max-width:1020px){#editor-placement-panel.live-studio .live-header-leading>strong{display:none}#editor-placement-panel.live-studio .live-creative-head>.live-artwork-select{width:78px}#editor-placement-panel.live-studio>header{gap:3px}}

@layer customer-panel-refinement{
.editor-page #editor-placement-panel.live-studio :is(.live-header-actions,.live-creative-head)>#toggle-session-gallery{position:static!important;inset:auto!important;transform:none!important;display:grid!important;place-items:center;flex:none;width:30px!important;min-width:30px!important;max-width:30px!important;height:28px!important;min-height:28px!important;padding:4px!important;writing-mode:horizontal-tb}
.editor-page #editor-placement-panel.live-studio :is(.live-header-actions,.live-creative-head)>#toggle-session-gallery .gallery-tab-label{display:none!important}
.editor-page #editor-placement-panel.live-studio :is(.live-header-actions,.live-creative-head)>#toggle-session-gallery .modern-widget-icon{display:block!important;flex:0 0 22px!important;width:22px!important;height:18px!important;object-fit:contain!important}
}

/* Owner-requested Studio exception: no separate column-collapse control. Native panel contents stay intact. */


/* Full 3D keeps a measurable native document viewport for Navigator and tool state. */
#editor-placement-panel.live-studio[data-live-view=skin]:not(.live-floating) .live-canvas-fold{height:100%;overflow:hidden}
#editor-placement-panel.live-studio[data-live-view=skin]:not(.live-floating) #workspace-stage{display:grid;visibility:hidden;pointer-events:none}

/* Compact Gallery plus original branding, with the same native button behaviour. */
#editor-placement-panel.live-studio .live-header-leading>.editor-categories>button{padding-inline:2px}
#editor-placement-panel.live-studio .live-editor-logo{width:30px!important;min-width:30px!important;padding:3px!important}
#editor-placement-panel.live-studio .live-editor-logo :is(img,svg,span){display:block;max-width:25px;max-height:24px;width:auto;height:auto;object-fit:contain}
#editor-placement-panel.live-studio .live-quick-gallery{position:relative;flex:none;pointer-events:auto}
#editor-placement-panel.live-studio .live-quick-gallery>summary{list-style:none;display:grid;place-items:center;width:22px;height:28px;padding:2px;box-sizing:border-box;cursor:pointer}
#editor-placement-panel.live-studio .live-quick-gallery>summary::-webkit-details-marker{display:none}
#editor-placement-panel.live-studio .live-quick-gallery>summary>svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}
#editor-placement-panel.live-studio .live-quick-gallery-list{position:absolute;top:35px;left:50%;translate:-50% 0;z-index:90;display:flex;flex-direction:column;gap:6px;width:88px;max-height:min(470px,calc(100dvh - 65px));overflow:auto;padding:6px;background:var(--editor-floating-background);border-radius:5px;animation:live-gallery-down 130ms ease-out}
#editor-placement-panel.live-studio .live-quick-gallery:not([open])>.live-quick-gallery-list{display:none}
#editor-placement-panel.live-studio .live-quick-gallery-list button{flex:none;display:grid;place-items:center;width:82px!important;min-width:82px!important;height:82px!important;padding:3px!important;cursor:grab;background:none}
#editor-placement-panel.live-studio .live-quick-gallery-list canvas{width:76px;height:76px;pointer-events:none}
#editor-placement-panel.live-studio .live-mini-dragging>.live-quick-gallery-list{opacity:0;pointer-events:none}
#editor-placement-panel.live-studio .live-quick-gallery-list>p{white-space:normal;font-size:10px;margin:5px;line-height:1.4}
/* The native toolbar spans its editing surface; the inspector remains an overlay. */
#editor-placement-panel.live-studio #tool-contextual{width:100%;max-width:none!important;margin-left:0;padding-left:48px}
#editor-placement-panel.live-studio #editor-inspector-lock{display:grid!important}
#editor-placement-panel.live-studio #editor-inspector-edge:not([hidden]){display:grid!important}
#editor-placement-panel.live-studio [data-live-action=attach]{position:relative;color:#fff;outline:1px solid #ffffff80;outline-offset:-1px;border-radius:4px}
/* Actual AI widgets follow the same native creative rail, in both layouts. */
.editor-page #editor-placement-panel.live-studio #ai-edit-group{position:static!important;inset:auto!important;transform:none!important;display:flex;flex-direction:column;gap:12px;width:40px;height:auto;pointer-events:auto}
.editor-page #editor-placement-panel.live-studio #ai-edit-group>#prometheus-trigger{order:-1}
.editor-page #editor-placement-panel.live-studio :is(#prometheus-trigger,#ai-region-panel,#ai-region-expand){position:static!important;inset:auto!important;transform:none!important;box-sizing:border-box;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;padding:3px!important;writing-mode:horizontal-tb!important}
#editor-placement-panel.live-studio #ai-region-handle{padding:0;border:0;display:block}
#editor-placement-panel.live-studio :is(#ai-region-title,.ai-region-icon,.prometheus-launcher-mark,.floating-ai-tooltip){display:none!important}
#editor-placement-panel.live-studio #ai-edit-group .modern-widget-icon{display:block!important;width:32px!important;height:32px!important;object-fit:contain}
#editor-placement-panel.live-studio #ai-region-controls{position:fixed!important;z-index:85;max-width:calc(100vw - 68px);max-height:calc(100dvh - 95px);overflow:auto;background:var(--editor-floating-background)}
#editor-placement-panel.live-studio #generator-overlay{position:fixed!important;z-index:90;max-width:calc(100vw - 68px);max-height:calc(100dvh - 95px)}
#editor-placement-panel.live-studio #generator-overlay .generator-window{width:100%;height:100%;min-width:0;max-height:100%;margin:0}
#editor-placement-panel.live-studio .placement-view-actions{width:326px;min-width:326px;max-width:326px;background:rgba(0,0,0,.6)!important;border-radius:5px}
#editor-placement-panel.live-studio .placement-view-actions>label,#editor-placement-panel.live-studio .placement-view-actions select{flex-basis:76px;width:76px;min-width:76px;max-width:76px}
@layer customer-panel-refinement{
.editor-page #editor-placement-panel.live-studio :is(.live-header-actions,.live-creative-head)>#toggle-session-gallery{display:flex!important;gap:4px!important;width:auto!important;min-width:0!important;max-width:135px!important;padding:4px 6px!important}
.editor-page #editor-placement-panel.live-studio :is(.live-header-actions,.live-creative-head)>#toggle-session-gallery .gallery-tab-label{display:block!important;font-size:10px!important}
.editor-page #editor-placement-panel.live-studio :is(.live-header-actions,.live-creative-head)>#toggle-session-gallery .modern-widget-icon{width:22px!important;height:18px!important;flex-basis:22px!important}
.editor-page #editor-placement-panel.live-studio #editor-patterns-trigger:is(:hover,:focus,:focus-visible,[aria-expanded=true]){background:#080808!important;background-image:none!important;box-shadow:none!important;outline:none!important;border-color:transparent!important}
.editor-page #editor-placement-panel.live-studio #editor-patterns-trigger::before,.editor-page #editor-placement-panel.live-studio #editor-patterns-trigger::after{display:none!important}
.editor-page #editor-placement-panel.live-studio .placement-view-actions :is(button[data-live-icon],.live-help>summary),.editor-page #editor-placement-panel.live-studio .placement-view-actions :is(button[data-live-icon],.live-help>summary):is(:hover,:focus-visible,[aria-pressed=true]),.editor-page #editor-placement-panel.live-studio .placement-view-actions select{background:transparent!important;background-image:none!important;box-shadow:none!important}
.editor-page #editor-placement-panel.live-studio #ai-edit-group :is(#prometheus-trigger,#ai-region-panel,#ai-region-expand){background:var(--editor-floating-background)!important;border:0!important;box-shadow:none!important}
}

#editor-placement-panel.live-studio #ai-edit-group :is(#prometheus-trigger,#ai-region-expand)>:not(.modern-widget-icon){display:none!important}
@layer customer-panel-refinement{
.editor-page #editor-placement-panel.live-studio #ai-edit-group .modern-widget-icon{position:static!important;inset:auto!important;transform:none!important;width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;object-fit:contain!important}
.editor-page #editor-placement-panel.live-studio #ai-region-panel{padding:0!important}
}

#editor-placement-panel.live-studio .live-surface-cursor{border:0;box-shadow:none}
#editor-placement-panel.live-studio .live-surface-cursor>.live-cursor-outline{position:absolute;inset:0!important;width:100%!important;height:100%!important;overflow:visible;fill:none;stroke:#fff;stroke-width:1;filter:drop-shadow(0 0 1px #000)}
#editor-placement-panel.live-studio .live-surface-cursor[data-tool=text]>.live-cursor-outline{display:none}

@layer customer-panel-refinement {
.editor-page #editor-placement-panel.live-studio #prometheus-trigger::after{content:none!important;display:none!important}
}

#editor-placement-panel.live-studio .live-quick-gallery-list{overflow-x:hidden}
#editor-placement-panel.live-studio .live-quick-gallery-list button{box-sizing:border-box;width:76px!important;min-width:76px!important;height:76px!important;padding:0!important}

/* One contextual row and evenly spaced native launcher column on either layout. */
#editor-placement-panel.live-studio #tool-contextual{display:flex;align-items:center;gap:4px;height:48px;max-height:48px;padding:4px 5px 4px 7px;overflow:visible}
#editor-placement-panel.live-studio #tool-properties{flex:1;min-width:0}
#editor-placement-panel.live-studio #tool-contextual>.live-tool-actions{flex:none;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;margin:0;padding:8px!important}
#editor-placement-panel.live-studio.live-options-collapsed #tool-contextual{display:flex;background:transparent}
#editor-placement-panel.live-studio.live-options-collapsed #tool-properties{visibility:hidden;pointer-events:none}
#editor-placement-panel.live-studio .editor-shell>.tool-rail{top:56px!important}
#editor-placement-panel.live-studio .placement-view-actions{width:260px!important;height:68px!important;min-height:68px!important;max-height:68px!important;max-width:calc(100% - 16px);display:flex!important;flex-wrap:wrap;justify-content:center;align-content:center;gap:2px;padding:4px!important}
#editor-placement-panel.live-studio .placement-view-actions>.live-map-region{order:10;flex:0 0 100%;display:flex!important;justify-content:center;height:26px;margin:0}
#editor-placement-panel.live-studio .placement-view-actions>.live-map-region select{width:112px!important;min-width:112px!important;height:26px;max-width:112px!important;text-align:center}

#editor-placement-panel.live-studio .placement-view-actions{min-width:260px!important}
#editor-placement-panel.live-studio .placement-view-actions>.live-map-region{width:100%!important;max-width:none!important;min-width:0!important}

@layer customer-panel-refinement{
.editor-page #editor-placement-panel.live-studio :is(#editor-modern-tools,.editor-additional-launcher){box-sizing:border-box!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:5px!important}
}
#editor-placement-panel.live-studio #editor-properties-scroll{left:51px;width:calc(100% - 56px)}
#editor-placement-panel.live-studio>header{grid-template-columns:auto minmax(0,1fr) auto}
#editor-placement-panel.live-studio .live-creative-head{justify-self:center;gap:2px}
#editor-placement-panel.live-studio .live-creative-head>.live-artwork-select{width:88px;max-width:88px}



#editor-placement-panel.live-studio.live-options-collapsed #editor-properties-scroll{display:none!important}

/* A single left stack: options, model drawers, divider, native creative widgets. */
#editor-placement-panel.live-studio .tool-rail>.live-model-drawer-rail{position:static;inset:auto;display:grid;gap:12px;width:40px;flex:none}
#editor-placement-panel.live-studio .tool-rail>.live-model-drawer-rail>button{box-sizing:border-box;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:8px!important}
#editor-placement-panel.live-studio .live-rail-divider{width:28px;height:1px;min-height:1px;border:0;margin:0 auto;background:rgba(255,255,255,.2)}
#editor-placement-panel.live-studio .placement-viewport>.live-model-drawer-rail>.live-rail-divider{display:none}
#editor-placement-panel.live-studio .live-model-drawer-rail[hidden]{display:none!important}
#editor-placement-panel.live-studio .placement-view-actions>.live-map-region{align-items:center;align-self:center;padding:0}
#editor-placement-panel.live-studio .placement-view-actions>.live-map-region select{text-align:center;text-align-last:center;padding-inline:20px;box-sizing:border-box}
#editor-placement-panel.live-studio .placement-view-actions :is(button[data-live-icon],.live-help>summary)>svg{transition:transform 120ms ease-out;transform-origin:center}
#editor-placement-panel.live-studio .placement-view-actions :is(button[data-live-icon],.live-help>summary):hover>svg{transform:translateY(-2px) scale(1.12)}
#editor-placement-panel.live-studio .placement-view-actions :is(button[data-live-icon],.live-help>summary):active>svg{transform:translateY(1px) scale(.96)}
#editor-placement-panel.live-studio>header:has(.live-layout-menu[open]){z-index:150}
#editor-placement-panel.live-studio .live-layout-menu[open]{z-index:150}
@layer customer-panel-refinement{
.editor-page #editor-placement-panel.live-studio .live-layout-content{background:rgb(0 0 0 / clamp(.55,var(--live-ui-opacity,.8),.85))!important;background-image:none!important;backdrop-filter:blur(8px);z-index:150}
.editor-page #editor-placement-panel.live-studio .live-creative-head>button:disabled{opacity:.32!important;cursor:default;filter:grayscale(1);box-shadow:none!important}
}
@media(prefers-reduced-motion:reduce){#editor-placement-panel.live-studio .placement-view-actions :is(button[data-live-icon],.live-help>summary)>svg{transition:none}}

/* Use the native symbol's grid so its original spectrum overlay renders. */
#editor-placement-panel.live-studio .live-editor-logo{width:36px!important;min-width:36px!important;height:34px!important;min-height:34px!important;padding:1px!important}
#editor-placement-panel.live-studio .live-editor-logo>.branding-symbol{display:inline-grid!important;width:32px!important;height:32px!important;max-width:32px;max-height:32px}
#editor-placement-panel.live-studio .live-editor-logo>.branding-symbol>.branding-logo{width:32px;height:32px;max-width:32px;max-height:32px}
/* Balanced side tracks keep the existing control group at the header center. */
#editor-placement-panel.live-studio>header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
#editor-placement-panel.live-studio .live-header-leading{max-width:100%;overflow:hidden}
#editor-placement-panel.live-studio .live-header-leading>strong{margin-right:12px}
@layer customer-panel-refinement{
.editor-page #editor-placement-panel.live-studio .live-creative-head>#toggle-session-gallery .modern-widget-icon{width:26px!important;height:22px!important;flex-basis:26px!important}
.editor-page #editor-placement-panel.live-studio .live-creative-head>#toggle-session-gallery{padding:3px 6px!important}
}

/* Reserve a real slot for the normal Editor's full-size colored symbol. */
#editor-placement-panel.live-studio .live-header-leading>button.live-editor-logo{box-sizing:border-box;width:40px!important;min-width:40px!important;height:34px!important;min-height:34px!important;padding:1px 4px!important;overflow:hidden;flex-shrink:0}
#editor-placement-panel.live-studio .live-header-leading{column-gap:5px}
#editor-placement-panel.live-studio .placement-view-actions>.live-navigation-toggle{position:absolute;right:-10px;top:-10px;width:24px!important;min-width:24px!important;height:22px!important;min-height:22px!important;padding:3px!important;border-radius:4px;background:rgba(0,0,0,.6)!important}
#editor-placement-panel.live-studio .placement-view-actions.live-navigation-collapsed{width:32px!important;min-width:32px!important;max-width:32px!important;height:28px!important;min-height:28px!important;max-height:28px!important;padding:3px!important}
#editor-placement-panel.live-studio .placement-view-actions.live-navigation-collapsed>:not(.live-navigation-toggle){display:none!important}
#editor-placement-panel.live-studio .placement-view-actions.live-navigation-collapsed>.live-navigation-toggle{position:static;background:transparent!important}
@layer customer-panel-refinement{
.editor-page #editor-placement-panel.live-studio .placement-view-actions>.live-map-region select{justify-content:center!important;text-align:center!important;text-align-last:center!important;padding:0 20px!important;text-indent:0!important;box-sizing:border-box!important}
}

/* Keep the original tone range controller visible beside the color swatch. */
#editor-placement-panel.live-studio .live-skin-colour>label:first-child>:is(span,output){display:none!important}
#editor-placement-panel.live-studio .live-skin-colour>label:first-child{display:flex;align-items:center;height:32px;overflow:visible;white-space:normal}
@layer customer-panel-refinement{
.editor-page #editor-placement-panel.live-studio .live-skin-colour>label:first-child>input[type=range]{display:block!important;flex:1;box-sizing:border-box;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;height:26px;pointer-events:auto}
}

/* The global UI keeps one permanent workspace location. */
#editor-placement-panel.live-studio .live-context-placeholder{display:none}

/* Body-part name, navigation icons, then the centered collapse handle. */
#editor-placement-panel.live-studio .placement-view-actions{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:26px 28px 20px;gap:2px;height:86px!important;min-height:86px!important;max-height:86px!important;align-items:center;justify-items:center;align-content:center}
#editor-placement-panel.live-studio .placement-view-actions>.live-map-region{grid-column:1/-1;grid-row:1;order:0;height:26px}
#editor-placement-panel.live-studio .placement-view-actions>.live-map-region select{height:26px!important;min-height:26px!important;max-height:26px!important}
#editor-placement-panel.live-studio .placement-view-actions>:is(button[data-live-icon],.live-help):not(.live-navigation-toggle){grid-row:2;justify-self:center}
#editor-placement-panel.live-studio .placement-view-actions>.live-navigation-toggle{position:static;grid-column:1/-1;grid-row:3;justify-self:center;align-self:center;background:transparent!important;height:20px!important;min-height:20px!important}
#editor-placement-panel.live-studio .placement-view-actions.live-navigation-collapsed{grid-template-columns:1fr;grid-template-rows:20px;height:28px!important;min-height:28px!important;max-height:28px!important}
#editor-placement-panel.live-studio .placement-view-actions.live-navigation-collapsed>.live-navigation-toggle{grid-column:1;grid-row:1}

@layer customer-panel-refinement{
.editor-page #editor-placement-panel.live-studio .placement-view-actions>button[data-live-icon]:not(.live-navigation-toggle),.editor-page #editor-placement-panel.live-studio .placement-view-actions>.live-help>summary{box-sizing:border-box!important;width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;max-height:28px!important;padding:4px!important;margin:0!important}
.editor-page #editor-placement-panel.live-studio .placement-view-actions>.live-help{height:28px;min-height:28px;max-height:28px;padding:0;margin:0}
.editor-page #editor-placement-panel.live-studio .placement-view-actions>.live-navigation-toggle{box-sizing:border-box!important;width:24px!important;min-width:24px!important;max-width:24px!important;height:20px!important;min-height:20px!important;max-height:20px!important;padding:2px!important;margin:0!important}
}

/* Follow the split immediately while the model rendering frame is held steady. */
#editor-placement-panel.live-studio.live-divider-dragging .inspector-panel{transition:none!important}

/* Model controls always belong to 3D, even when the native creative UI is on 2D. */
#editor-placement-panel.live-studio .placement-viewport>.live-model-drawer-rail{left:7px;top:56px;gap:12px;width:40px}
#editor-placement-panel.live-studio .placement-viewport>.live-model-drawer-rail>button{box-sizing:border-box;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:8px!important}

/* Matching model widgets and one shared native foreground-color control. */
@layer customer-panel-refinement{
.editor-page #editor-placement-panel.live-studio .live-model-drawer-rail{display:flex;flex-direction:column;align-items:center;gap:12px;width:40px}
.editor-page #editor-placement-panel.live-studio .live-model-drawer-rail>button{display:grid!important;place-items:center!important;box-sizing:border-box!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:8px!important;background:rgba(0,0,0,.8)!important;border:1px solid #ffffff26!important;border-radius:4px!important;line-height:0!important}
.editor-page #editor-placement-panel.live-studio .live-model-drawer-rail>button>svg{display:block!important;width:22px!important;height:22px!important;margin:0!important}
.editor-page #editor-placement-panel.live-studio #ai-edit-group>.live-foreground-color{position:relative!important;display:block!important;box-sizing:border-box!important;flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0!important;pointer-events:auto!important}
.editor-page #editor-placement-panel.live-studio .live-foreground-color>button{position:absolute!important;box-sizing:border-box!important;margin:0!important;padding:0!important;min-width:0!important;min-height:0!important;line-height:1!important;pointer-events:auto!important}
.editor-page #editor-placement-panel.live-studio .live-foreground-color>.editor-color-swatch{width:23px!important;height:23px!important;border-radius:4px!important}
.editor-page #editor-placement-panel.live-studio .live-foreground-color>[data-live-color=foreground]{left:0!important;top:0!important;right:auto!important;bottom:auto!important;z-index:2}
.editor-page #editor-placement-panel.live-studio .live-foreground-color>[data-live-color=background]{right:0!important;bottom:0!important;left:auto!important;top:auto!important;z-index:1}
.editor-page #editor-placement-panel.live-studio .live-foreground-color>:is([data-live-color=swap],[data-live-color=reset]){width:14px!important;height:14px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;font-size:13px!important;border-radius:0!important}
.editor-page #editor-placement-panel.live-studio .live-foreground-color>[data-live-color=swap]{top:0!important;right:0!important;left:auto!important;bottom:auto!important}
.editor-page #editor-placement-panel.live-studio .live-foreground-color>[data-live-color=reset]{bottom:0!important;left:0!important;top:auto!important;right:auto!important}
.editor-page #editor-placement-panel.live-studio .live-foreground-color>:is([data-live-color=swap],[data-live-color=reset]) svg{display:block!important;width:13px!important;height:13px!important;margin:auto!important}
.editor-page #editor-placement-panel.live-studio #editor-color-panel.live-global-color{visibility:visible!important;pointer-events:auto!important}
}

/* One artwork row, centered on the complete Studio workspace in every layout. */
@layer customer-panel-refinement{
#editor-placement-panel.live-studio[open]{grid-template-rows:44px minmax(0,1fr)!important}
#editor-placement-panel.live-studio>header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important}
#editor-placement-panel.live-studio>.placement-workspace{grid-row:2}
.editor-page #editor-placement-panel.live-studio>.live-creative-head{
 grid-row:2;justify-self:center;align-self:center;position:relative!important;inset:auto!important;transform:none;z-index:80;
 display:flex;align-items:center;justify-content:center;gap:3px;width:max-content!important;
 max-width:calc(100% - 24px)!important;height:34px;min-height:34px;padding:2px 6px!important;
 border:1px solid #ffffff26;border-radius:5px;background:rgba(0,0,0,.8)!important;
 backdrop-filter:blur(8px);background-image:none!important;
}
.editor-page #editor-placement-panel.live-studio .live-creative-head>button{
 box-sizing:border-box;width:28px!important;min-width:28px!important;max-width:28px!important;
 height:28px!important;min-height:28px!important;padding:5px!important;border:0!important;
 border-radius:3px;background:transparent!important;box-shadow:none!important;
}
.editor-page #editor-placement-panel.live-studio .live-creative-head>button:hover:not(:disabled),
.editor-page #editor-placement-panel.live-studio .live-quick-gallery>summary:hover{background:rgba(255,255,255,.1)!important}
.editor-page #editor-placement-panel.live-studio .live-creative-head>button:disabled{opacity:.32}
.editor-page #editor-placement-panel.live-studio .live-creative-head>.live-artwork-select{
 flex:0 1 170px;width:clamp(90px,15vw,170px);max-width:170px;min-width:64px;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:transparent;font-size:11px;
}
#editor-placement-panel.live-studio .live-creative-head>.live-artwork-status{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
#editor-placement-panel.live-studio .live-toolbar-separator{height:18px;width:1px;flex:none;background:#ffffff26;margin:0 3px}
.editor-page #editor-placement-panel.live-studio .live-creative-head>#toggle-session-gallery .gallery-tab-label{display:none!important}
.editor-page #editor-placement-panel.live-studio .live-creative-head>#toggle-session-gallery{padding:2px!important;align-items:center;justify-content:center;overflow:hidden}
.editor-page #editor-placement-panel.live-studio .live-creative-head>#toggle-session-gallery .modern-widget-icon{width:28px!important;height:24px!important;flex-basis:28px!important;object-fit:cover!important;object-position:center;transform:scale(1.15)!important}
#editor-placement-panel.live-studio .live-creative-head>.live-quick-gallery{position:static;flex:none}
#editor-placement-panel.live-studio .live-creative-head>.live-quick-gallery>summary{box-sizing:border-box;display:grid;place-items:center;width:24px;height:28px;min-height:28px;padding:4px;border:0;background:transparent}
#editor-placement-panel.live-studio .live-creative-head .live-quick-gallery-list{
 position:absolute;inset:calc(100% + 5px) auto auto 50%;transform:translateX(-50%);translate:0 0;
 display:flex;flex-direction:row;gap:5px;box-sizing:border-box;width:max-content;
 max-width:min(680px,calc(100vw - 32px));max-height:98px;overflow:auto hidden;
 background:rgba(0,0,0,.8);backdrop-filter:blur(8px);
}
#editor-placement-panel.live-studio .live-creative-head .live-quick-gallery:not([open])>.live-quick-gallery-list{display:none}
@media(max-width:620px){#editor-placement-panel.live-studio .live-creative-head>.live-artwork-status{display:none}}
}

/* Compact upper header: equal side tracks center the existing artwork actions. */
@layer customer-panel-refinement{
.editor-page #editor-placement-panel.live-studio>header>.live-creative-head{position:relative!important;grid-column:2;grid-row:1;justify-self:center;inset:auto!important;max-width:none!important;width:max-content!important;height:30px;min-height:30px;padding:0 3px!important;border:0;background:none!important;backdrop-filter:none;z-index:80}
#editor-placement-panel.live-studio>header>.live-header-actions{grid-column:3;grid-row:1;justify-self:end;max-width:100%}
#editor-placement-panel.live-studio>header>.live-header-leading{grid-column:1;grid-row:1;min-width:0}
#editor-placement-panel.live-studio>header .live-creative-head>.live-artwork-select{width:clamp(64px,8vw,130px);flex:0 1 130px;min-width:64px}
@media(max-width:1100px){#editor-placement-panel.live-studio>header .live-header-leading>strong{display:none}#editor-placement-panel.live-studio>header .live-header-actions>#editor-patterns-trigger{max-width:62px;overflow:hidden}}
@media(max-width:760px){#editor-placement-panel.live-studio>header .live-header-leading>.editor-categories{max-width:56px}#editor-placement-panel.live-studio>header .live-header-actions{overflow-x:auto;scrollbar-width:thin}#editor-placement-panel.live-studio>header .live-creative-head>.live-artwork-select{width:64px}#editor-placement-panel.live-studio>header .live-creative-head{gap:1px}}
}

/* The native shell owns all global controls. Only the canvas belongs to the drawer. */
#editor-placement-panel.live-studio .live-global-ui{position:absolute!important;inset:0!important;display:block!important;width:100%;height:100%;min-height:0;max-width:none;margin:0;padding:0;z-index:20;pointer-events:none;background:none;border:0;overflow:visible}
#editor-placement-panel.live-studio .live-global-ui>.tool-rail{top:56px!important;max-height:calc(100% - 64px)!important}
#editor-placement-panel.live-studio .live-global-ui>#tool-contextual{position:absolute!important;inset:0 0 auto!important;width:100%;margin:0;z-index:55;padding-right:22px}
#editor-placement-panel.live-studio .live-global-ui>.inspector-panel{top:48px!important;max-height:calc(100% - 48px)!important}
#editor-placement-panel.live-studio .live-global-ui>#editor-inspector-edge{top:52px;bottom:auto}
#editor-placement-panel.live-studio .live-creative .workspace{background:none!important}
#editor-placement-panel.live-studio .live-creative #workspace-stage{background:rgb(0 0 0 / var(--live-padding-opacity,.6))!important;background-image:none!important;isolation:isolate}
#editor-placement-panel.live-studio .live-creative #workspace-stage::before{display:none!important}
#editor-placement-panel.live-studio .live-creative .live-canvas-fold{height:100%;overflow:hidden}
#editor-placement-panel.live-studio.live-divider-dragging .live-creative{transition:none}
#editor-placement-panel.live-studio .placement-workspace>.placement-view-actions{z-index:26}
#editor-placement-panel.live-studio .live-layout-content{min-width:260px}
#editor-placement-panel.live-studio .live-layout-content>label{overflow:visible;justify-content:space-between}
#editor-placement-panel.live-studio .live-layout-content input[type=range]{min-width:60px;width:80px}
#editor-placement-panel.live-studio .live-layout-content output{min-width:32px;text-align:right}
#editor-placement-panel.live-studio .live-layout-content{width:min(340px,calc(100vw - 20px));min-width:0;box-sizing:border-box;grid-template-columns:repeat(3,52px) minmax(28px,1fr);max-height:calc(100dvh - 88px);overflow:auto;overscroll-behavior:contain}
#editor-placement-panel.live-studio .live-layout-content>[data-live-action=swap]{grid-column:4;grid-row:1;justify-self:end}
#editor-placement-panel.live-studio .live-layout-content>.live-layout-choice{box-sizing:border-box;width:52px;min-width:52px;height:28px;min-height:28px;padding:3px;color:#fff;font:500 10px/1.2 system-ui,sans-serif;white-space:nowrap}
#editor-placement-panel.live-studio .live-layout-content>label:first-of-type{grid-column:1/-1}
#editor-placement-panel.live-studio .live-layout-content>.studio-lighting{grid-column:1/-1;margin:4px 0 0;border:0;background:none}
#editor-placement-panel.live-studio .live-layout-content>.studio-lighting>strong{display:block;margin:0 0 6px;font-size:11px;font-weight:600}
#editor-placement-panel.live-studio .live-layout-content .studio-lighting-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px;padding:0}
#editor-placement-panel.live-studio .live-layout-content .studio-lighting-content>:is(small,.studio-lighting-actions,.studio-lighting-position,button){grid-column:1/-1}
#editor-placement-panel.live-studio .live-layout-content .studio-lighting-field{min-width:0}
#editor-placement-panel.live-studio .live-layout-content .studio-lighting-field:first-child{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:center}
#editor-placement-panel.live-studio .live-layout-content .studio-lighting-field:first-child>select{grid-column:auto}
#editor-placement-panel.live-studio .live-layout-content .studio-lighting-field input[type=range]{width:100%;min-width:0}
#editor-placement-panel.live-studio>header .live-layout-menu>summary{padding:1px!important}
#editor-placement-panel.live-studio>header .live-layout-menu>summary>.live-layout-gear{width:24px;height:26px;max-width:100%;stroke-width:1.3}
#editor-placement-panel.live-studio .live-project-menu{position:relative;flex:none}
#editor-placement-panel.live-studio .live-project-menu>summary{display:grid;place-items:center;box-sizing:border-box;width:24px;height:28px;padding:3px;list-style:none;cursor:pointer;color:#fff}
#editor-placement-panel.live-studio .live-project-menu>summary::-webkit-details-marker{display:none}
#editor-placement-panel.live-studio .live-project-menu>summary>svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
#editor-placement-panel.live-studio .live-project-content{position:absolute;top:35px;right:0;display:grid;gap:3px;min-width:198px;padding:5px;z-index:150;border:1px solid #ffffff26;border-radius:5px;background:rgba(0,0,0,.7);backdrop-filter:blur(8px)}
#editor-placement-panel.live-studio>header:has(.live-project-menu[open]),#editor-placement-panel.live-studio .live-project-menu[open]{z-index:150}
@layer customer-panel-refinement{
.editor-page #editor-placement-panel.live-studio .live-header-actions{gap:2px!important;justify-content:flex-end;justify-self:end}
.editor-page #editor-placement-panel.live-studio .live-header-actions>button:not(#editor-patterns-trigger){box-sizing:border-box;width:24px!important;min-width:24px!important;height:28px!important;min-height:28px!important;padding:3px!important}
.editor-page #editor-placement-panel.live-studio .live-header-actions>#editor-patterns-trigger{padding:3px 5px!important}
.editor-page #editor-placement-panel.live-studio .live-project-menu>summary{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important}
.editor-page #editor-placement-panel.live-studio .live-project-menu:is([open],:hover)>summary{background:rgba(255,255,255,.08)!important}
.editor-page #editor-placement-panel.live-studio .live-project-content>.live-project-action{display:flex!important;align-items:center;justify-content:flex-start;gap:7px;box-sizing:border-box;width:100%!important;min-width:0!important;min-height:30px!important;height:30px!important;padding:4px 7px!important;background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;color:#fff!important;font:500 11px/1.3 system-ui,sans-serif!important;white-space:nowrap}
.editor-page #editor-placement-panel.live-studio .live-project-content>.live-project-action:hover{background:rgba(255,255,255,.08)!important}
.editor-page #editor-placement-panel.live-studio .live-project-action>svg{width:16px;height:16px;flex:none}
.editor-page #editor-placement-panel.live-studio .live-project-action>.live-action-caption{min-width:0;font:500 11px/1.3 system-ui,sans-serif!important;text-transform:none!important;letter-spacing:normal!important;color:inherit!important;white-space:nowrap}
}
@media(max-width:760px){#editor-placement-panel.live-studio>header .live-header-actions:has(.live-project-menu[open],.live-layout-menu[open]){overflow:visible}}
#editor-placement-panel.live-studio[data-studio-background=light] .placement-viewport{background:linear-gradient(var(--studio-environment-shading,transparent),var(--studio-environment-shading,transparent)),radial-gradient(ellipse at 52% 38%,#fafafa 0%,#e4e6e8 48%,#b8bec5 100%)}
#editor-placement-panel .live-startup-logo{display:inline-grid;place-items:center;box-sizing:border-box;padding:0!important;width:var(--brand-header-logo-size);height:var(--brand-header-logo-size);min-width:0!important;min-height:0!important;background:none!important;border:0!important;animation:none!important}
@media(prefers-reduced-motion:reduce){#editor-placement-panel.live-studio .live-creative{transition:none}}

/* Keep native panel surfaces; remove only the redundant launcher backplates. */
.editor-page #editor-placement-panel.live-studio .live-global-ui>.tool-rail{background:none!important;background-image:none!important;border:0;box-shadow:none;gap:6px;align-items:center}
.editor-page #editor-placement-panel.live-studio :is(.live-model-drawer-rail,#editor-additional-launchers,#ai-edit-group,#ai-region-panel,#ai-region-handle){background:none!important;background-image:none!important;border:0;box-shadow:none}
.editor-page #editor-placement-panel.live-studio .tool-rail>.live-model-drawer-rail{display:grid;gap:0}
.editor-page #editor-placement-panel.live-studio .live-model-drawer-rail>.live-rail-divider{display:none}
.editor-page #editor-placement-panel.live-studio :is(#editor-additional-launchers,#ai-edit-group){gap:6px}
.editor-page #editor-placement-panel.live-studio :is(#ai-region-panel,#ai-region-handle){box-sizing:border-box;display:grid!important;place-items:center;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:0!important;margin:0!important;border:0!important}
.editor-page #editor-placement-panel.live-studio :is(.live-model-drawer-rail>button,#editor-modern-tools,.editor-additional-launcher,#prometheus-trigger,#ai-region-expand,#editor-patterns-trigger.live-patterns-widget){display:grid!important;place-items:center;box-sizing:border-box;flex:none;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;line-height:0}
.editor-page #editor-placement-panel.live-studio :is(.live-model-drawer-rail>button,#editor-modern-tools,.editor-additional-launcher,#prometheus-trigger,#ai-region-expand,#editor-patterns-trigger.live-patterns-widget)>:is(svg,.modern-widget-icon){display:block;margin:0;flex:none;max-width:100%;max-height:100%;object-fit:contain}
.editor-page #editor-placement-panel.live-studio #editor-toolbar-content{max-height:max(96px,calc(var(--live-ui-height) - 106px));overflow-y:auto;overflow-x:hidden;flex:none;align-items:center;gap:6px}
.editor-page #editor-placement-panel.live-studio #editor-toolbar-content>.editor-colors{display:block;position:relative;flex:0 0 58px;box-sizing:border-box;width:72px;height:58px;min-height:58px;margin:2px auto}
.editor-page #editor-placement-panel.live-studio #editor-toolbar-content>.rail-group-bottom:empty{display:none}
.editor-page #editor-placement-panel.live-studio .editor-tool-grid{flex:none}
.editor-page #editor-placement-panel.live-studio .editor-tool-grid>.editor-tool{display:grid;place-items:center;box-sizing:border-box;padding:6px}
.editor-page #editor-placement-panel.live-studio .editor-tool-grid>.editor-tool>svg{display:block;flex:none;margin:0;max-width:100%;max-height:100%}
@layer customer-panel-refinement{
.editor-page #editor-placement-panel .live-startup-logo{background:none!important;background-image:none!important;border:0!important;box-shadow:none!important}
.editor-page #editor-placement-panel.live-studio .live-global-ui :is(.live-model-drawer-rail>button,#editor-modern-tools,.editor-additional-launcher,#ai-edit-group>#prometheus-trigger,#ai-edit-group #ai-region-expand,#ai-edit-group>#editor-patterns-trigger.live-patterns-widget){border:1px solid #555!important;border-radius:4px!important;background:rgba(0,0,0,.7)!important;backdrop-filter:blur(12px);background-image:none!important;box-shadow:none!important;translate:none!important}
.editor-page #editor-placement-panel.live-studio .live-global-ui :is(.live-model-drawer-rail>button,#editor-modern-tools,.editor-additional-launcher,#ai-edit-group>#prometheus-trigger,#ai-edit-group #ai-region-expand,#ai-edit-group>#editor-patterns-trigger.live-patterns-widget):hover{background:rgba(0,0,0,.7)!important;border-color:#888!important}
.editor-page #editor-placement-panel.live-studio .live-global-ui :is(.live-model-drawer-rail>button,#editor-modern-tools,.editor-additional-launcher,#ai-edit-group>#prometheus-trigger,#ai-edit-group #ai-region-expand,#ai-edit-group>#editor-patterns-trigger.live-patterns-widget):is([aria-pressed=true],[aria-expanded=true]){background:rgba(0,0,0,.7)!important;border-color:#aaa!important}
}
@layer editor-panel-controls{
.editor-page #editor-placement-panel.live-studio .live-global-ui>.inspector-panel{background:rgba(0,0,0,.7)!important;background-image:none!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:none!important}
.editor-page #editor-placement-panel.live-studio .inspector-panel :is(section,header,footer,div,button,input,select,summary,label,output,ol,ul,li,h2,span,strong,p){background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important}
.editor-page #editor-placement-panel.live-studio .live-global-ui>.inspector-panel :is(button,summary):is(:hover,:active,:focus,[aria-pressed],[aria-current],[aria-selected]){background:transparent!important;background-image:none!important;box-shadow:none!important}
.editor-page #editor-placement-panel.live-studio #editor-inspector-edge{background:#202020!important;color:#ddd!important;border-color:#555!important;box-shadow:none!important;translate:none!important}
.editor-page #editor-placement-panel.live-studio #editor-inspector-edge:hover{background:#292929!important}
.editor-page #editor-placement-panel.live-studio .editor-brush-menu>button{background:transparent!important;color:#f5f5f5!important;border:0!important;box-shadow:none!important;translate:none!important;font-weight:400!important}
.editor-page #editor-placement-panel.live-studio .editor-brush-menu>button:is(:hover,:focus-visible){background:#353535!important}
.editor-page #editor-placement-panel.live-studio .editor-brush-menu>button[aria-selected=true]{background:#292929!important;font-weight:600!important;outline:0}
}

/* V3.1: native controls float above a full-height workspace. */
@layer customer-panel-refinement {
.editor-page #editor-placement-panel#editor-placement-panel.live-studio[open]{grid-template-rows:minmax(0,1fr)!important;--live-header-clearance:40px;--editor-floating-background:rgba(0,0,0,.70);--editor-panel-background:rgba(0,0,0,.70)}
.editor-page #editor-placement-panel#editor-placement-panel.live-studio>.placement-workspace{grid-row:1}
.editor-page #editor-placement-panel#editor-placement-panel.live-studio>header{position:absolute!important;inset:0 0 auto!important;box-sizing:border-box;display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;grid-template-rows:36px!important;height:36px!important;padding:0 6px!important;gap:4px!important;background:transparent!important;background-image:none!important;border:0;pointer-events:none;overflow:visible}
.editor-page #editor-placement-panel.live-studio>header>:is(.live-header-leading,.live-creative-head,.live-header-actions){pointer-events:auto;overflow:visible!important;background:transparent!important;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000}
.editor-page #editor-placement-panel.live-studio .live-header-leading:has(.live-main-menu[open]){position:relative;z-index:120}
.editor-page #editor-placement-panel.live-studio .live-header-leading>strong{display:block!important;font-size:11px;white-space:nowrap;margin-right:3px}
.editor-page #editor-placement-panel.live-studio :is(.live-main-menu,.live-artwork-actions){position:relative;flex:none;color:#fff}
.editor-page #editor-placement-panel.live-studio :is(.live-main-menu,.live-artwork-actions)>summary{display:grid;place-items:center;box-sizing:border-box;width:30px;height:30px;padding:5px;list-style:none;border-radius:4px;cursor:pointer;background:rgba(0,0,0,.25)}
.editor-page #editor-placement-panel.live-studio :is(.live-main-menu,.live-artwork-actions)>summary::-webkit-details-marker{display:none}
.editor-page #editor-placement-panel.live-studio :is(.live-main-menu,.live-artwork-actions)>summary>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;filter:drop-shadow(0 1px 1px #000)}
.editor-page #editor-placement-panel.live-studio :is(.live-main-menu,.live-artwork-actions)[open]>summary{outline:1px solid #ffffff60}
.editor-page #editor-placement-panel.live-studio .live-main-menu>.editor-categories{position:absolute!important;inset:calc(100% + 4px) auto auto 0!important;display:flex!important;flex-direction:column!important;align-items:stretch;flex-wrap:nowrap!important;height:auto!important;min-height:0!important;gap:2px;width:112px;max-width:none!important;max-height:calc(100dvh - 50px);overflow:auto!important;padding:5px!important;z-index:100}
.editor-page #editor-placement-panel.live-studio .live-main-menu:not([open])>.editor-categories{display:none!important}
.editor-page #editor-placement-panel.live-studio .live-main-menu .editor-categories>button{width:100%!important;flex:none!important;min-height:28px!important;text-align:left;justify-content:start;background:transparent!important}
.editor-page #editor-placement-panel.live-studio .live-artwork-action-content{position:absolute;inset:calc(100% + 5px) auto auto 50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,34px);gap:5px;padding:7px;max-height:calc(100dvh - 56px);overflow:auto;z-index:100}
.editor-page #editor-placement-panel.live-studio .live-artwork-actions:not([open])>.live-artwork-action-content{display:none}
.editor-page #editor-placement-panel.live-studio .live-artwork-action-content>button{box-sizing:border-box;display:grid;place-items:center;width:34px!important;height:32px!important;min-width:34px!important;min-height:32px!important;padding:5px!important;background:transparent!important}
.editor-page #editor-placement-panel.live-studio .live-artwork-action-content>#toggle-session-gallery{grid-column:1/3;display:flex!important;gap:4px;width:auto!important;max-width:none!important;writing-mode:horizontal-tb;position:static!important;transform:none!important}
.editor-page #editor-placement-panel.live-studio .live-artwork-action-content>#toggle-session-gallery .gallery-tab-label{display:block!important;font-size:10px}
.editor-page #editor-placement-panel.live-studio .live-artwork-action-content>#toggle-session-gallery .modern-widget-icon{display:block!important;width:24px!important;height:24px!important;object-fit:contain}
.editor-page #editor-placement-panel.live-studio .live-artwork-action-content>.live-quick-gallery{position:static}
.editor-page #editor-placement-panel.live-studio :is(.live-main-menu>.editor-categories,.live-artwork-action-content,.live-quick-gallery-list,.editor-command-menu,.live-layout-content,.live-project-content,.live-help-content,.live-body-drawer,.live-design-drawer,#editor-toolbar-content,#editor-tool-settings-panel,#editor-color-panel,#tool-contextual){background:rgba(0,0,0,.70)!important;background-image:none!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff!important;border-radius:4px;box-shadow:none}
/* Keep the widgets just below the header, with the inspector backdrop behind it. */
.editor-page #editor-placement-panel#editor-placement-panel.live-studio .live-global-ui>.tool-rail{top:var(--live-header-clearance)!important;max-height:calc(100% - var(--live-header-clearance) - 8px)!important}
.editor-page #editor-placement-panel.live-studio .tool-rail>.live-model-drawer-rail{margin-bottom:10px}
/* Artwork owns the original horizontal bar; the closed wrapper has no box. */
.editor-page #editor-placement-panel#editor-placement-panel.live-studio .live-artwork-settings{position:absolute;inset:38px auto auto 6px;z-index:58;width:min(340px,calc(100vw - 8px));min-width:0;max-height:calc(100dvh - 86px);overflow:auto;pointer-events:auto}
.editor-page #editor-placement-panel#editor-placement-panel.live-studio .live-artwork-settings[hidden]{display:none!important}
.editor-page #editor-placement-panel#editor-placement-panel.live-studio .live-artwork-settings>#tool-contextual{position:static!important;display:flex!important;align-items:center;box-sizing:border-box;inset:auto!important;width:100%!important;margin:0!important;height:auto!important;min-height:0!important;max-height:none!important;padding:7px!important;overflow:visible!important;background:rgba(0,0,0,.70)!important;backdrop-filter:blur(8px)}
.editor-page #editor-placement-panel#editor-placement-panel.live-studio .live-header-leading>.live-tool-actions{display:grid!important;place-items:center;box-sizing:border-box;width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;padding:5px!important;color:#fff;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:4px;line-height:0}
.editor-page #editor-placement-panel.live-studio .live-tool-actions>svg{width:20px;height:20px;flex:none;filter:drop-shadow(0 1px 1px #000)}
.editor-page #editor-placement-panel#editor-placement-panel.live-studio .live-artwork-settings #tool-properties{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px;height:auto!important;max-height:none!important;width:100%;min-width:0;flex:1;flex-wrap:nowrap!important;overflow:visible!important;visibility:visible!important;pointer-events:auto}
.editor-page #editor-placement-panel.live-studio .live-global-ui>.inspector-panel{top:0!important;max-height:100%!important;padding-top:calc(var(--live-header-clearance) - 12px)!important}
.editor-page #editor-placement-panel.live-studio #editor-inspector-lock{top:calc(var(--live-header-clearance) - 2px)!important}
.editor-page #editor-placement-panel.live-studio .live-global-ui>#editor-inspector-edge{top:calc(var(--live-header-clearance) + 4px)!important}
/* Existing Gallery cards and menus, in one bounded vertical strip. */
.editor-page #editor-placement-panel#editor-placement-panel.live-studio #session-gallery{position:fixed!important;inset:76px auto auto 60px!important;transform:none!important;width:208px!important;max-width:calc(100vw - 72px)!important;max-height:calc(100dvh - 126px)!important;min-height:0!important;margin:0!important;padding:8px!important;overflow:auto;background:rgba(0,0,0,.70)!important;backdrop-filter:blur(8px)!important;color:#fff;animation:none;border-radius:4px}
.editor-page #editor-placement-panel.live-studio .live-creative-head .live-quick-gallery-list{position:fixed!important;inset:76px auto auto 60px!important;transform:none!important;translate:none!important;display:flex;flex-direction:column;box-sizing:border-box;width:88px!important;max-width:88px!important;max-height:calc(100dvh - 126px)!important;overflow:hidden auto;padding:6px;gap:5px}
/* Preserve actual color surfaces against the Studio's generic black input theme. */
.editor-page #editor-placement-panel#editor-placement-panel.live-studio #editor-color-hue{appearance:none!important;-webkit-appearance:none!important;display:block!important;flex:1;min-width:100px;height:16px!important;min-height:16px!important;padding:0!important;border:0!important;border-radius:4px;background:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)!important;background-image:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)!important;opacity:1;cursor:pointer}
.editor-page #editor-placement-panel.live-studio #editor-color-hue::-webkit-slider-runnable-track{height:16px;background:transparent!important}
.editor-page #editor-placement-panel.live-studio #editor-color-hue::-moz-range-track{height:16px;background:transparent!important}
.editor-page #editor-placement-panel.live-studio #editor-color-sv{background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),var(--color-hue,#f00)!important}
@media(max-width:760px),(max-width:950px) and (max-height:600px){
 .editor-page #editor-placement-panel#editor-placement-panel#editor-placement-panel.live-studio[open]{grid-template-rows:minmax(0,1fr)!important;--live-header-clearance:84px}
 .editor-page #editor-placement-panel#editor-placement-panel.live-studio>header{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:36px 32px!important;height:68px!important;padding:0 4px!important;gap:0!important}
 .editor-page #editor-placement-panel.live-studio .live-header-leading>strong{font-size:10px}
 .editor-page #editor-placement-panel#editor-placement-panel.live-studio>header>.live-creative-head{grid-column:1/-1!important;grid-row:2!important;justify-self:center!important;width:max-content!important;max-width:100%!important;overflow:visible!important}
 .editor-page #editor-placement-panel#editor-placement-panel.live-studio>header>.live-header-actions{grid-column:2!important;grid-row:1!important}
 .editor-page #editor-placement-panel#editor-placement-panel.live-studio .live-artwork-settings{inset:38px auto auto 4px!important;max-height:calc(var(--mobile-height,100dvh) - 110px)}
 .editor-page #editor-placement-panel#editor-placement-panel.live-studio .live-global-ui>.tool-rail{inset:auto 36px 42px 4px!important;max-height:44px!important}
 .editor-page #editor-placement-panel.live-studio .tool-rail>.live-model-drawer-rail{margin-bottom:0;margin-right:10px}
 .editor-page #editor-placement-panel#editor-placement-panel.live-studio :is(#session-gallery,.live-creative-head .live-quick-gallery-list){top:108px!important;left:8px!important;right:auto!important;max-height:calc(var(--mobile-height,100dvh) - 204px)!important}
 .editor-page #editor-placement-panel#editor-placement-panel.live-studio .live-main-menu>.editor-categories{left:0!important;right:auto!important;top:34px!important}
}
}

@layer customer-panel-refinement {
.editor-page #editor-placement-panel#editor-placement-panel.live-studio .live-artwork-settings #tool-properties>*{box-sizing:border-box;flex:none!important;min-width:0;max-width:100%;width:100%}
.editor-page #editor-placement-panel.live-studio .live-artwork-settings #editor-properties-scroll{display:none!important}
.editor-page #editor-placement-panel.live-studio .live-artwork-settings #editor-tool-settings-fields{display:flex!important;flex-direction:column!important;gap:8px!important;padding:0!important;overflow:visible!important;min-width:0!important;width:100%!important;white-space:normal!important}
.editor-page #editor-placement-panel.live-studio .live-artwork-settings .editor-slider{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:2px 8px!important;width:100%!important;min-width:0!important;font-size:11px!important}
.editor-page #editor-placement-panel.live-studio .live-artwork-settings .editor-slider-label{grid-column:1!important;grid-row:1!important;font-size:11px!important;line-height:24px!important}
.editor-page #editor-placement-panel.live-studio .live-artwork-settings .editor-slider-value{box-sizing:border-box;width:46px!important;min-height:24px!important;height:24px!important}
.editor-page #editor-placement-panel.live-studio .live-artwork-settings .editor-slider-readout{grid-column:2;grid-row:1;justify-self:end}
.editor-page #editor-placement-panel.live-studio .live-artwork-settings .editor-slider-track{grid-column:1/-1!important;grid-row:2!important;min-width:0!important;margin:0 6px!important}
.editor-page #editor-placement-panel.live-studio .editor-inline-tool-picker>summary,.editor-page #editor-placement-panel.live-studio .editor-inline-tool-list>button{display:flex;align-items:center;gap:7px;min-height:32px;padding:4px 6px;cursor:pointer;font:inherit;color:#fff;list-style:none}
.editor-page #editor-placement-panel.live-studio .editor-inline-tool-picker>summary::-webkit-details-marker{display:none}
.editor-page #editor-placement-panel.live-studio .editor-inline-tool-picker>summary::after{content:'▾';margin-left:auto}
.editor-page #editor-placement-panel.live-studio .editor-inline-tool-picker svg{display:block;width:20px;height:20px;flex:none;fill:none!important;stroke:currentColor!important;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.editor-page #editor-placement-panel.live-studio .editor-inline-tool-list{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;box-sizing:border-box;width:100%;padding:5px;max-height:none!important;overflow:visible!important}
.editor-page #editor-placement-panel.live-studio .editor-inline-tool-list>button{display:grid!important;place-items:center;box-sizing:border-box;width:100%!important;max-width:none!important;min-width:0!important;height:36px!important;min-height:36px!important;margin:0!important;padding:6px!important;border:1px solid transparent!important;border-radius:4px;background:transparent!important;color:#fff!important;line-height:0}
.editor-page #editor-placement-panel.live-studio .editor-inline-tool-list>button[aria-checked=true]{background:#ffffff20!important;border-color:#aaa!important}
.editor-page #editor-placement-panel.live-studio .editor-inline-tool-list>button:hover:not(:disabled){background:#ffffff12!important;border-color:#777!important}
.editor-page #editor-placement-panel.live-studio .editor-inline-tool-list>button:focus-visible{outline:1px solid #fff!important;outline-offset:-1px}
.editor-page #editor-placement-panel.live-studio .editor-inline-tool-list>button:disabled{opacity:.4;cursor:default}
.editor-page #editor-placement-panel.live-studio .editor-inline-tool-picker>summary:focus-visible{outline:1px solid #fff;outline-offset:-1px}
.editor-page #editor-placement-panel.live-studio .live-artwork-settings .workspace-properties-label{display:none!important}
.editor-page #editor-placement-panel.live-studio .live-tool-gear{transform-box:fill-box;transform-origin:center;animation:live-tool-gears 7s linear infinite}
@keyframes live-tool-gears{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.editor-page #editor-placement-panel.live-studio .live-tool-gear{animation:none}}
}

@layer customer-panel-refinement {
/* Shared controls above the workspace; the existing header grid bounds them. */
.editor-page #editor-placement-panel.live-studio .live-header-leading{width:100%;min-width:0}
.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings{container:studio-quick/inline-size;display:flex;align-items:center;flex:1;min-width:0;gap:6px;height:34px;overflow:hidden;pointer-events:auto;background:transparent;border-radius:4px}
.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings>.editor-slider{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;flex:1!important;min-width:96px!important;width:0!important;gap:0 3px!important;height:32px!important;min-height:0!important;font-size:10px!important;color:#fff!important}
.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings .editor-slider-label{grid-column:1!important;grid-row:1!important;line-height:14px!important;font-size:10px!important}
.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings .editor-slider-readout{grid-column:2;grid-row:1;gap:1px}
.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings .editor-slider-track{grid-column:1/-1!important;grid-row:2!important;height:18px!important;min-width:0!important;margin:0 6px!important}
.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings .editor-slider-track::before,.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings .editor-slider-fill{top:7px!important}
.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings .editor-slider-thumb{top:3px!important}
.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings .editor-slider-value{box-sizing:border-box;width:32px!important;height:15px!important;min-height:15px!important;padding:0!important;font:inherit!important}
.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings>label{display:grid!important;flex:1!important;min-width:96px!important;width:0!important;gap:0!important;font-size:10px!important;line-height:14px!important}
.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings>label>:is(input,select){box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:18px!important;min-height:18px!important;padding:0 2px!important;font-size:10px!important}
.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings>label:has([type=checkbox]){display:flex;justify-content:space-between}
.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings input[type=checkbox]{width:16px}
@container studio-quick (max-width:401.99px){.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings:not([data-tool=move])>:is(.editor-slider,label,button):nth-child(n+4){display:none!important}}
@container studio-quick (max-width:299.99px){.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings:not([data-tool=move])>:is(.editor-slider,label,button):nth-child(n+3){display:none!important}}
@container studio-quick (max-width:197.99px){.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings:not([data-tool=move])>:is(.editor-slider,label,button):nth-child(n+2){display:none!important}}
@container studio-quick (max-width:95.99px){.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings:not([data-tool=move])>:is(.editor-slider,label,button):nth-child(n){display:none!important}}
/* Selected tools keep their native rail emphasis even when settings are closed. */
.editor-page #editor-placement-panel.live-studio .live-global-ui :is(#editor-modern-tools,.editor-additional-launcher,#prometheus-trigger,#ai-region-expand,#editor-patterns-trigger.live-patterns-widget)[aria-current=true],.editor-page #editor-placement-panel.live-studio .live-model-drawer-rail>button[aria-expanded=true]{border-color:#eee!important;background:rgba(255,255,255,.13)!important;box-shadow:inset 0 -2px #eee!important;color:#fff!important}
.editor-page #editor-placement-panel.live-studio #editor-modern-tools[data-active-tool]:not([data-active-tool=none])>svg{fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.editor-page #editor-placement-panel.live-studio #editor-smart-panel{right:auto!important;bottom:auto!important;transform:none!important}
.editor-page #editor-placement-panel.live-studio #editor-tool-settings-panel{overflow:hidden auto;overscroll-behavior:contain}
.editor-page #editor-placement-panel.live-studio #editor-tool-settings-panel>#editor-tool-settings-fields{overflow:visible;flex:0 0 auto}
}

@layer customer-panel-refinement {
/* Header surfaces only; floating windows retain their existing treatment. */
.editor-page #editor-placement-panel#editor-placement-panel.live-studio>header{--studio-header-shadow:0 1px 0 #3a3a3a,1px 2px 2px #262626b3;background:rgba(0,0,0,.20)!important;background-image:none!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
.editor-page #editor-placement-panel.live-studio>header>:is(.live-header-leading,.live-creative-head,.live-header-actions){background:transparent!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;text-shadow:var(--studio-header-shadow)!important}
.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings,.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings :is(.editor-slider,.editor-slider-readout,label,button,input,select){background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings :is(button,input,select){text-shadow:var(--studio-header-shadow)!important}
.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings>button{display:inline-flex!important;flex:1;align-items:center;justify-content:center;min-width:96px;width:0;height:28px;min-height:28px;padding:0 3px;border:1px solid transparent;color:#fff;font:10px/1.2 system-ui,sans-serif;white-space:nowrap}
.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings>label:has([type=checkbox]){display:flex!important;align-items:center;justify-content:space-between}
.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings input[type=checkbox]{width:16px!important}
.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings>button:hover:not(:disabled){box-shadow:inset 0 -1px #ffffff55!important}
.editor-page #editor-placement-panel.live-studio>header>:is(.live-header-leading,.live-creative-head,.live-header-actions)>button>:is(svg,.modern-widget-icon),.editor-page #editor-placement-panel.live-studio>header :is(.live-main-menu,.live-artwork-actions,.live-project-menu,.live-layout-menu)>summary>svg{filter:drop-shadow(0 1px 0 #3a3a3a) drop-shadow(1px 2px 1px #262626b3)!important}
}

@layer customer-panel-refinement {
.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings[data-tool=move]>:is(label,button){min-width:76px!important;text-transform:none!important}
@container studio-quick (max-width:321.99px){.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings[data-tool=move]>:is(label,button):nth-child(n+4){display:none!important}}
@container studio-quick (max-width:239.99px){.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings[data-tool=move]>:is(label,button):nth-child(n+3){display:none!important}}
@container studio-quick (max-width:157.99px){.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings[data-tool=move]>:is(label,button):nth-child(n+2){display:none!important}}
@container studio-quick (max-width:75.99px){.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings[data-tool=move]>:is(label,button):nth-child(n){display:none!important}}
}

@layer customer-panel-refinement {
/* One centered icon per rail button, including the original Patterns launcher. */
.editor-page #editor-placement-panel.live-studio #ai-edit-group :is(#prometheus-trigger,#ai-region-expand,#editor-patterns-trigger.live-patterns-widget){grid-template:1fr / 1fr!important;place-items:center!important;gap:0!important;padding:3px!important}
.editor-page #editor-placement-panel.live-studio #ai-edit-group :is(#prometheus-trigger,#ai-region-expand)>.modern-widget-icon{grid-area:1 / 1;margin:0!important;justify-self:center!important;align-self:center!important}
.editor-page #editor-placement-panel.live-studio #editor-patterns-trigger.live-patterns-widget{display:grid!important;box-sizing:border-box;position:static!important;inset:auto!important;transform:none!important;writing-mode:horizontal-tb!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important}
.editor-page #editor-placement-panel.live-studio #editor-patterns-trigger.live-patterns-widget>:not(.editor-action-logo){display:none!important}
.editor-page #editor-placement-panel.live-studio #editor-patterns-trigger.live-patterns-widget>.editor-action-logo{display:grid!important;place-items:center;grid-area:1 / 1;margin:0!important;width:26px!important;height:26px!important;flex:none!important}
.editor-page #editor-placement-panel.live-studio #editor-patterns-trigger.live-patterns-widget:focus-visible{outline:1px solid #fff!important;outline-offset:2px}
}

@layer customer-panel-refinement {
/* Give the existing Text Settings input the panel's available width. */
.editor-page #editor-placement-panel.live-studio #editor-tool-settings-fields .editor-text-wording{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%;min-width:0;gap:7px}
.editor-page #editor-placement-panel.live-studio #editor-tool-settings-fields .editor-text-wording textarea{box-sizing:border-box;width:100%!important;min-width:0!important;max-width:100%!important;height:132px!important;min-height:112px!important;max-height:260px;resize:vertical!important;padding:10px!important;border:1px solid #ffffff70!important;border-radius:4px;background:rgba(0,0,0,.55)!important;line-height:1.5!important}
.editor-page #editor-placement-panel.live-studio #editor-tool-settings-fields .editor-text-wording textarea::placeholder{color:#bbb;opacity:1}
.editor-page #editor-placement-panel.live-studio #editor-tool-settings-fields .editor-text-wording textarea:focus-visible{outline:1px solid #eee!important;outline-offset:1px}
}

@layer customer-panel-refinement {
.editor-page #editor-placement-panel.live-studio #editor-text-launcher{display:grid!important;grid-template:1fr / 1fr!important;place-items:center!important;color:#fff!important;gap:0!important}
.editor-page #editor-placement-panel.live-studio #editor-text-launcher>svg{display:block;margin:0!important;width:26px;height:26px;grid-area:1 / 1;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.editor-page #editor-placement-panel.live-studio #editor-text-launcher:focus-visible{outline:1px solid #fff!important;outline-offset:2px}
}

@layer customer-panel-refinement {
/* Keep artwork actions beside the existing right-hand header controls. */
.editor-page #editor-placement-panel#editor-placement-panel.live-studio>header{grid-template-columns:minmax(0,1fr) auto!important}
.editor-page #editor-placement-panel.live-studio>header>.live-header-actions{grid-column:2;grid-row:1;min-width:0;gap:3px}
.editor-page #editor-placement-panel.live-studio .live-header-actions>.live-creative-head{position:static!important;display:flex;flex:none;align-items:center;gap:3px;width:auto!important;max-width:none!important;height:30px;min-height:30px;padding:0!important;background:transparent!important;white-space:nowrap}
.editor-page #editor-placement-panel.live-studio .live-header-actions .live-artwork-select{width:clamp(76px,9vw,140px)!important;min-width:64px;max-width:140px;flex:0 1 auto}
.editor-page #editor-placement-panel.live-studio .live-header-actions .live-creative-head>button:not([hidden]){display:grid!important;place-items:center;flex:none;width:26px!important;min-width:26px!important;max-width:26px!important;height:28px!important;min-height:28px!important;padding:4px!important;margin:0!important;background:transparent!important;border:0!important;color:#fff!important}
.editor-page #editor-placement-panel.live-studio .live-creative-head>.live-artwork-status{display:none}
.editor-page #editor-placement-panel.live-studio .live-header-actions .live-artwork-actions>summary{width:24px;min-width:24px;height:28px;padding:4px;background:transparent!important}
.editor-page #editor-placement-panel.live-studio .live-header-actions .live-creative-head>button>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;filter:drop-shadow(0 1px 0 #3a3a3a) drop-shadow(1px 2px 1px #262626b3)!important}
.editor-page #editor-placement-panel.live-studio .live-header-actions #toggle-session-gallery .modern-widget-icon{display:block!important;width:26px!important;height:26px!important;max-width:26px!important;object-fit:contain!important;transform:none!important;filter:grayscale(1) brightness(1.5) drop-shadow(0 1px 0 #3a3a3a) drop-shadow(1px 2px 1px #262626b3)!important}
/* Match the Patterns opening position; retain the actual Gallery window. */
.editor-page #editor-placement-panel#editor-placement-panel.live-studio #session-gallery{inset:var(--live-gallery-top,48px) auto auto var(--live-gallery-left,60px)!important;width:min(374.9px,calc(100vw - 16px))!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - var(--live-gallery-top,48px) - 8px)!important}
/* The existing draggable thumbnails stay available outside the Gallery. */
.editor-page #editor-placement-panel.live-studio>.live-gallery-strip{position:fixed!important;inset:48px auto auto 60px!important;z-index:75;width:60px;pointer-events:auto}
.editor-page #editor-placement-panel.live-studio>.live-gallery-strip[hidden]{display:none!important}
.editor-page #editor-placement-panel.live-studio>.live-gallery-strip>summary{display:none!important}
.editor-page #editor-placement-panel.live-studio>.live-gallery-strip>.live-quick-gallery-list{position:static!important;inset:auto!important;translate:none!important;transform:none!important;display:flex!important;flex-direction:column;box-sizing:border-box;width:60px!important;max-width:60px!important;max-height:calc(100dvh - 100px)!important;overflow:hidden auto;padding:5px;gap:5px}
.editor-page #editor-placement-panel.live-studio>.live-gallery-strip .live-quick-gallery-list>button{display:grid;place-items:center;flex:none;box-sizing:border-box;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;padding:0!important;cursor:grab}
.editor-page #editor-placement-panel.live-studio>.live-gallery-strip .live-quick-gallery-list canvas{display:block;width:46px!important;height:46px!important;object-fit:contain}
@container studio-quick (max-width:605.99px){.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings:not([data-tool=move])>:is(.editor-slider,label,button):nth-child(n+6){display:none!important}}
@container studio-quick (max-width:503.99px){.editor-page #editor-placement-panel.live-studio #live-quick-tool-settings:not([data-tool=move])>:is(.editor-slider,label,button):nth-child(n+5){display:none!important}}
@media(max-width:760px),(max-width:950px) and (max-height:600px){
 .editor-page #editor-placement-panel.live-studio>header>.live-header-leading{grid-column:1/-1;grid-row:1}
 .editor-page #editor-placement-panel.live-studio>header>.live-header-actions{grid-column:1/-1;grid-row:2;width:100%;max-width:100%;overflow-x:auto!important}
 .editor-page #editor-placement-panel.live-studio .live-header-actions .live-artwork-select{width:76px!important}
 .editor-page #editor-placement-panel.live-studio>.live-gallery-strip{top:80px!important}
 .editor-page #editor-placement-panel.live-studio>.live-gallery-strip>.live-quick-gallery-list{max-height:calc(100dvh - 140px)!important}
}
}

@layer customer-panel-refinement {
.editor-page #editor-placement-panel.live-studio .live-header-actions .live-creative-head>[hidden]{display:none!important}
}

@layer customer-panel-refinement {
.editor-page #editor-placement-panel.live-studio .live-creative-head>:is([data-live-action=artwork],[data-live-action=skin-map],.live-artwork-status){display:none!important}
}

@layer customer-panel-refinement {
.editor-page #editor-placement-panel.live-studio .live-header-actions>.live-creative-head{margin-right:2cm!important}
}

@layer customer-panel-refinement {
.editor-page #editor-placement-panel.live-studio>.live-gallery-dock{position:fixed!important;inset:var(--live-gallery-top,48px) auto auto var(--live-gallery-left,76px);width:min(374.9px,calc(100vw - 84px));z-index:100;pointer-events:none}
.editor-page #editor-placement-panel.live-studio>.live-gallery-dock[hidden]{display:none!important}
.editor-page #editor-placement-panel#editor-placement-panel.live-studio .live-gallery-dock>#session-gallery{position:relative!important;inset:auto!important;box-sizing:border-box;width:100%!important;max-width:100%!important;pointer-events:auto}
.editor-page #editor-placement-panel.live-studio .live-gallery-dock>.live-gallery-strip{position:absolute!important;inset:0 calc(100% + 8px) auto auto!important;z-index:1;width:60px;pointer-events:auto}
.editor-page #editor-placement-panel.live-studio .live-gallery-dock>.live-gallery-strip[hidden]{display:none!important}
.editor-page #editor-placement-panel.live-studio .live-gallery-dock>.live-gallery-strip>summary{display:none!important}
.editor-page #editor-placement-panel.live-studio .live-gallery-dock .live-quick-gallery-list{position:static!important;inset:auto!important;translate:none!important;transform:none!important;display:flex!important;flex-direction:column;box-sizing:border-box;width:60px!important;max-width:60px!important;max-height:calc(100dvh - var(--live-gallery-top,48px) - 8px)!important;overflow:hidden auto;padding:5px;gap:5px}
.editor-page #editor-placement-panel.live-studio .live-gallery-dock .live-quick-gallery-list>button{display:grid;place-items:center;flex:none;box-sizing:border-box;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;padding:0!important;cursor:grab}
.editor-page #editor-placement-panel.live-studio .live-gallery-dock .live-quick-gallery-list canvas{display:block;width:46px!important;height:46px!important;object-fit:contain}
}

@layer customer-panel-refinement {
.editor-page #editor-placement-panel.live-studio .live-creative-head>.live-artwork-select[hidden]{display:none!important}
.editor-page #editor-placement-panel.live-studio .live-artwork-picker{position:relative;flex:none;width:clamp(96px,10vw,150px);min-width:0;color:#fff}
.editor-page #editor-placement-panel.live-studio .live-artwork-picker>summary{display:flex!important;align-items:center;gap:4px;box-sizing:border-box;width:100%!important;min-width:0!important;height:28px;min-height:28px;padding:2px!important;cursor:pointer;list-style:none;background:transparent!important}
.editor-page #editor-placement-panel.live-studio .live-artwork-picker>summary::-webkit-details-marker{display:none}
.editor-page #editor-placement-panel.live-studio .live-artwork-picker>summary::after{content:'▾';margin-left:auto;font-size:10px}
.editor-page #editor-placement-panel.live-studio .live-artwork-picker>summary>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.editor-page #editor-placement-panel.live-studio .live-artwork-thumbnail{display:block;box-sizing:border-box;flex:none;width:24px;height:24px;border:1px solid transparent;border-radius:3px;object-fit:contain}
.editor-page #editor-placement-panel.live-studio .live-artwork-thumbnail[data-attached=true],.editor-page #editor-placement-panel.live-studio .live-gallery-strip [data-gallery-id][data-attached=true]{border:2px solid #eee!important;box-shadow:0 0 0 1px #666!important}
.editor-page #editor-placement-panel.live-studio .live-artwork-picker-list{position:absolute;right:0;top:calc(100% + 6px);z-index:130;box-sizing:border-box;width:min(280px,calc(100vw - 16px));max-height:calc(100dvh - 80px);overflow:auto;padding:5px;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);border-radius:4px;pointer-events:auto}
.editor-page #editor-placement-panel.live-studio .live-artwork-picker:not([open])>.live-artwork-picker-list{display:none!important}
.editor-page #editor-placement-panel.live-studio .live-artwork-picker-list>button{display:flex!important;align-items:center;gap:7px;box-sizing:border-box;width:100%!important;min-width:0!important;min-height:34px;margin:0!important;padding:4px!important;border:1px solid transparent;background:transparent!important;color:#fff!important;text-align:left;cursor:pointer}
.editor-page #editor-placement-panel.live-studio .live-artwork-picker-list>button:hover,.editor-page #editor-placement-panel.live-studio .live-artwork-picker-list>button:focus-visible{background:#ffffff12!important;outline:1px solid #888}
.editor-page #editor-placement-panel.live-studio .live-artwork-option-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;text-transform:none!important}
.editor-page #editor-placement-panel.live-studio .live-artwork-active-check{flex:none;width:14px;color:#fff;font-size:12px}
}

@layer customer-panel-refinement {
/* Keep the native Design selection caption inside its existing control. */
.editor-page #editor-placement-panel.live-studio :is(button,input,select,[role=tab]){accent-color:#bcbcbc!important}
.editor-page #editor-placement-panel.live-studio .placement-select{position:relative}
.editor-page #editor-placement-panel.live-studio .placement-select-value{position:absolute;left:9px;right:25px;top:50%;transform:translateY(-50%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.editor-page #editor-placement-panel.live-studio .placement-select::after{content:'';position:absolute;right:10px;top:50%;transform:translateY(-50%);border-top:5px solid currentColor;border-left:4px solid transparent;border-right:4px solid transparent;pointer-events:none}
.editor-page #editor-placement-panel.live-studio .placement-select select{color-scheme:dark}
.editor-page #editor-placement-panel.live-studio .placement-select option{background:#151515!important;color:#f5f5f5!important}
.editor-page #editor-placement-panel.live-studio .placement-select option:checked{background:#333!important;color:#fff!important}
@supports (appearance:base-select){
 .editor-page #editor-placement-panel.live-studio .placement-select select,
 .editor-page #editor-placement-panel.live-studio .placement-select select::picker(select){appearance:base-select!important}
 .editor-page #editor-placement-panel.live-studio .placement-select select::picker(select){background:var(--customer-panel,#151515)!important;color:#f5f5f5!important;border:1px solid #ffffff30!important;border-radius:5px;padding:4px;backdrop-filter:blur(12px)}
}
}

/* The existing Editor export modal, presented as a Studio panel only here. */
@layer customer-panel-refinement {
.editor-page #editor-placement-panel.live-studio #editor-export-dialog {box-sizing:border-box;width:min(400px,calc(100% - 16px));max-height:calc(100% - 24px);padding:14px;color:#fff;background:rgba(0,0,0,.85);border:0;border-radius:4px;backdrop-filter:blur(8px);box-shadow:none;font:12px/1.4 system-ui,sans-serif}
.editor-page #editor-placement-panel.live-studio #editor-export-dialog :is(input,select,button) {color:#fff;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.22);border-radius:3px}
.editor-page #editor-placement-panel.live-studio #editor-export-dialog .export-close {background:transparent}
.editor-page #editor-placement-panel.live-studio #editor-export-dialog .export-primary {background:rgba(255,255,255,.15)}
.editor-page #editor-placement-panel.live-studio #editor-export-dialog :is(.export-field,.export-intro,.export-source,.export-note,.export-link) {color:rgba(255,255,255,.8)}
@media (max-width:760px), (max-width:950px) and (max-height:600px) {
.editor-page #editor-placement-panel.live-studio #editor-export-dialog {max-height:calc(var(--mobile-height,100dvh) - 16px);padding:10px}
.editor-page #editor-placement-panel.live-studio #editor-export-dialog .export-field {gap:3px;margin-bottom:8px}
.editor-page #editor-placement-panel.live-studio #editor-export-dialog :is(.export-intro,.export-source,.export-note) {margin:6px 0}
.editor-page #editor-placement-panel.live-studio #editor-export-dialog .export-actions {margin-top:8px}
.editor-page #editor-placement-panel.live-studio #editor-export-dialog .export-quality {margin-top:8px}
}
}

/* A raster page action in the shared Studio artwork header. */
.editor-page #editor-placement-panel.live-studio [data-live-action=white-page]>svg {fill:#fff!important;stroke:#bfc3c8!important;stroke-width:1.2!important}

/* Desktop Studio: four reserved layer rows and a History timeline to the bottom.
 * Match the existing mobile breakpoint so its borrowed inspector is unchanged. */
@media (min-width:761px) and (min-height:601px), (min-width:951px) {
 .editor-page #editor-placement-panel.live-studio .live-global-ui>.inspector-panel {grid-template: auto auto minmax(0,1fr) / minmax(0,1fr);gap:0;overflow:hidden}
 .editor-page #editor-placement-panel.live-studio #canvas-navigator {padding-bottom:2px}
 .editor-page #editor-placement-panel.live-studio #editor-layers-panel {grid-template:28px 212px 32px / minmax(0,1fr);gap:0;padding:0;overflow:hidden}
 .editor-page #editor-placement-panel.live-studio #editor-layers-panel>.panel-section-heading {display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:4px;box-sizing:border-box;height:28px;min-height:28px;padding:0 8px;flex-wrap:nowrap}
 .editor-page #editor-placement-panel.live-studio #layer-settings summary,
 .editor-page #editor-placement-panel.live-studio #editor-boundaries {box-sizing:border-box;height:26px;min-height:26px;margin:0;padding:2px 4px;font-size:10px;white-space:nowrap}
 .editor-page #editor-placement-panel.live-studio .layer-heading-actions {justify-content:flex-end;gap:3px;min-width:0;white-space:nowrap}
 .editor-page #editor-placement-panel.live-studio #layer-list {display:flex;flex-direction:column;box-sizing:border-box;height:212px;min-height:212px;max-height:212px;margin:0;padding:4px 8px;gap:4px;overflow:hidden auto}
 .editor-page #editor-placement-panel.live-studio #layer-list>.layer-row {box-sizing:border-box;flex:0 0 48px;height:48px;min-height:48px;margin:0}
 .editor-page #editor-placement-panel.live-studio #layer-list>.layers-empty {box-sizing:border-box;flex:1}
 .editor-page #editor-placement-panel.live-studio .layer-panel-actions {box-sizing:border-box;display:flex;align-items:center;flex-wrap:nowrap;height:32px;min-height:32px;gap:3px;margin:0;padding:2px 8px}
 .editor-page #editor-placement-panel.live-studio #layer-actions-menu {display:none}
 .editor-page #editor-placement-panel.live-studio #editor-history-panel {grid-template:28px minmax(0,1fr) / minmax(0,1fr);align-self:stretch;min-height:0;gap:0;margin:0;padding:0;overflow:hidden}
 .editor-page #editor-placement-panel.live-studio #editor-history-panel>.panel-section-heading {box-sizing:border-box;height:28px;min-height:28px;margin:0;padding:0 8px;flex-wrap:nowrap}
 .editor-page #editor-placement-panel.live-studio #history-list {box-sizing:border-box;min-height:0;max-height:none;margin:0;padding:0 4px 4px;overflow:hidden auto}
}

/* Surface contours use viewport coordinates; the overlay never receives input. */
#editor-placement-panel.live-studio .live-surface-cursor[data-surface=true]{transform:none}
#editor-placement-panel.live-studio .live-surface-cursor[data-surface=true]>svg:not(.live-cursor-outline){display:none}
#editor-placement-panel.live-studio .live-surface-cursor>.live-cursor-outline{stroke-width:1.5;filter:drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000)}