/* Silver UI r12. All dimensions below are logical menu pixels. */
:root{--accent:#949494;--accent-rgb:148,148,148;--root:#181a1b;--side:#121415;--card:rgba(28,30,31,.965);--widget:#26282b;--hover:#2f3135;--border:#36383c;--muted:#bebec4;--dim:#7c7e86;--text:#e1e1e5;--green:#39bb78;--danger:#e15d69;--circle:#494b51;--gui-opacity:.92;--blur:14px;--shadow:.55;--side-width:56px;--main-left:68px;color-scheme:dark}
:root[data-theme=light]{color-scheme:light;--root:#f4f5f8;--side:#f9fafc;--card:rgba(255,255,255,.965);--widget:#eff0f5;--hover:#e0e3eb;--border:#cdd2de;--muted:#5c6579;--dim:#8991a1;--text:#2a2d37;--circle:#bcc2cf}
html,body{font-family:'Segoe UI',Tahoma,Arial,sans-serif;background:#101214}button,input,select,textarea{font-family:inherit}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.viewer{background:#101214}.view-toolbar{height:38px;min-height:38px;background:#101214;gap:8px;padding:0 10px}.view-tools{gap:5px;flex-wrap:nowrap}.view-tools button{height:28px;border-color:#34373b;background:#1b1d20;border-radius:6px;font-size:11px;color:#bdc1c8;padding:0 10px}.view-label{font-size:9px;color:#8c929b;letter-spacing:1.5px}.viewer-caption{height:24px;min-height:24px;background:#101214;color:#898f98;font-size:10px}.viewport{isolation:isolate;background:radial-gradient(ellipse at 30% 0%,#272a2e33,transparent 66%),#101214}.viewport.scene-on{background:linear-gradient(25deg,#1d302c80,#20292c55),repeating-linear-gradient(75deg,transparent 0 100px,#c4c8d40b 102px 105px,transparent 107px 155px),#20262a}.menu{width:1356px;height:936px;border:1px solid var(--border);border-radius:18px;background:transparent;box-shadow:0 6px 38px rgb(0 0 0 / calc(var(--shadow)*.75));font-size:16px;line-height:1.35;overflow:hidden;--side-width:56px;--main-left:calc(var(--side-width) + 12px)}.menu.sidebar-open{--side-width:218px}.menu::before{content:'';position:absolute;inset:0;border-radius:inherit;backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));pointer-events:none}.menu-surface{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.surface-side{fill:var(--side);fill-opacity:var(--gui-opacity)}.surface-panel{fill:var(--root);fill-opacity:var(--gui-opacity);stroke:var(--border);stroke-width:1}.sidebar{width:var(--side-width);top:0;bottom:0;left:0;background:none;border:0;z-index:2;transition:width .18s ease}.brand{height:80px;margin:0 10px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;padding:0;background:none;width:calc(100% - 20px);cursor:pointer}.brand img{width:44px;max-width:none;height:auto;transition:width .18s ease;filter:none}.sidebar-open .brand img{width:100px}.nav-label{position:absolute;left:16px;top:84px;margin:0;font-size:12px;color:var(--dim);opacity:0;white-space:nowrap;transition:opacity .12s}.sidebar-open .nav-label{opacity:1}.nav-divider{height:35px;margin:0 10px;border-top:1px solid var(--border);position:relative}.nav-divider span{position:absolute;top:8px;left:6px;font-size:12px;color:var(--dim);opacity:0}.sidebar-open .nav-divider span{opacity:1}#main-nav{position:absolute;left:0;top:112px;right:0;bottom:115px;overflow:visible}.nav-btn{height:36px;width:calc(100% - 12px);margin:0 4px 9px 8px;padding:0;gap:0;border:0;border-radius:8px;background:transparent;color:var(--dim);font-size:16px;overflow:hidden}.nav-btn .icon{width:20px;height:20px;margin:0 10px;flex:none;stroke-width:1.7}.nav-btn span{padding-left:4px;opacity:0;transition:opacity .12s;color:var(--muted)}.sidebar-open .nav-btn span{opacity:1}.nav-btn.active{border:0;padding:0;color:var(--text);background:none}.nav-btn.active .icon,.nav-btn.active span{color:var(--text)}.nav-btn:hover{background:var(--hover);color:var(--text)}.nav-btn.active:hover{background:transparent}.side-bottom{left:8px;right:4px;bottom:12px;gap:10px}.side-bottom #back{display:none}.side-bottom .side-exit{padding:0;border:0;height:40px;width:100%;border-radius:8px;white-space:nowrap;overflow:hidden;gap:0}.side-exit .icon{width:18px;height:18px;margin:0 11px;color:var(--dim);flex:none}.side-exit span{opacity:0;font-size:14px}.sidebar-open .side-exit span{opacity:1}.account-button{border-top:1px solid var(--border)!important;border-radius:0!important;padding:9px 2px 0!important;height:46px!important;gap:9px!important;overflow:hidden;white-space:nowrap}.account-button .avatar{display:grid;place-items:center;width:34px;height:34px;min-width:34px;background:var(--widget);border-radius:50%;position:relative}.account-button .avatar .icon{width:23px;height:23px;color:var(--muted)}.avatar::after{position:absolute;right:0;bottom:1px;content:'';width:8px;height:8px;border-radius:50%;background:var(--dim);border:2px solid var(--side)}.account-copy{text-align:left;opacity:0;font-size:13px}.account-copy small{display:block;font-size:11px;color:var(--dim)}.sidebar-open .account-copy{opacity:1}
.menu-foot{left:var(--main-left);top:19px;right:18px;bottom:auto;height:40px;border:0;justify-content:flex-start;transition:left .18s ease;z-index:1}.search-wrap{width:220px;height:40px;border-radius:9px;padding:0 9px;background:rgba(38,40,43,.25);border:1px solid var(--border)}#search{font-size:14px;color:var(--text)}#search::placeholder{color:var(--dim)}.search-wrap .icon{width:15px;height:15px}.foot-note{display:none}.demo-status{display:none}.menu-head{left:var(--main-left);right:20px;top:83px;height:36px;border:0;justify-content:flex-start;gap:24px;transition:left .18s ease}.page-title{font-size:22px;line-height:1.2;flex:none;font-weight:400;white-space:nowrap}.page-title .icon{display:none}.tabs{position:static;left:auto;top:auto;right:auto;height:36px;display:flex;gap:8px;flex:1;min-width:0;overflow:visible}.tab{height:36px;font-size:16px;background:var(--widget);border:1px solid var(--border);border-radius:8px;color:var(--muted);padding:0 14px;white-space:nowrap}.tab.active{color:var(--text);border-color:rgba(var(--accent-rgb),.85);background:rgba(var(--accent-rgb),.30)}.tab:hover{background:var(--hover)}.page-subtitle{position:absolute;left:var(--main-left);top:123px;font-size:13px;color:var(--dim);margin:0;transition:left .18s ease}.content{left:var(--main-left);right:14px;top:151px;bottom:15px;padding:0 10px 14px 0;transition:left .18s ease;scrollbar-width:thin;scrollbar-color:#7c7e86 #36383c33}.content::-webkit-scrollbar{width:5px}.content::-webkit-scrollbar-track{background:#36383c33}.content::-webkit-scrollbar-thumb{background:#7c7e86;border-radius:4px}.columns{gap:16px}.column{gap:16px}.card{padding:15px;border-radius:14px;border:1px solid var(--border);background:var(--card);min-width:0}.card-head{margin:0 0 8px;border:0;padding:0}.card-heading{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--border);padding:0 0 11px;margin-bottom:8px;min-height:30px}.card-heading .icon{width:18px;height:18px;flex:none;color:var(--muted);stroke-width:2.2}.card h2{margin:0;font-size:18px;font-weight:400;text-transform:none;line-height:1.2;color:var(--text)}.card-description{font-size:13px;line-height:1.4;color:var(--muted);margin:8px 0 4px}.row{min-height:38px;padding:5px 0;margin:0;gap:12px}.row-label{font-size:16px;line-height:1.35;color:var(--text)}.row-description{font-size:13px;line-height:1.38;color:var(--muted);margin-top:4px}.row.toggle{min-height:38px}.row.toggle:hover{background:none}.row-toggle-slot{width:36px;align-self:center}.check{width:36px;height:19px;border:0;border-radius:20px;background:var(--circle);position:relative}.check::after{position:absolute;left:3px;top:3px;content:'';width:13px;height:13px;background:#1d1d1d;border-radius:50%;transition:transform .12s,background .12s;box-shadow:0 .5px 1px #0003}.check[aria-checked=true]{background:var(--accent);border:0}.check[aria-checked=true]::after{transform:translateX(17px);background:#f6f6f6}.check svg{display:none}:root[data-theme=light] .check::after{background:#fafafa}.details{border-left:1px solid var(--border);padding-left:11px;margin:3px 0 7px}.details .row{padding-top:7px;padding-bottom:7px}.feature{padding:0 0 8px;margin-bottom:8px;border-color:var(--border)}.row.number,.row.segment,.row.multi,.row.mode{display:block;padding:6px 0 10px;min-height:0}.number-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.number-title .row-label{flex:1}.number-title .value,.number-title .number-edit{width:auto;min-width:45px;height:25px;margin:0;padding:2px 3px;flex:none;text-align:right;border:1px solid transparent;background:transparent;border-radius:5px;font-size:13px;color:var(--text)}.number-title .value:hover{background:var(--widget);border-color:var(--border)}.number-title .number-edit{width:90px;background:var(--widget);border:1px solid var(--accent);text-align:right}.range{width:100%;height:24px;display:block;margin:5px 0 0;flex:none;max-width:none}.range::-webkit-slider-runnable-track{height:4px;border-radius:3px;background:linear-gradient(to right,var(--accent) var(--fill,50%),var(--circle) var(--fill,50%))}.range::-webkit-slider-thumb{width:14px;height:14px;border-radius:50%;margin-top:-5px;background:var(--accent);border:3px solid var(--text)}.range::-moz-range-track{height:4px;background:var(--circle);border-radius:3px}.range::-moz-range-progress{height:4px;background:var(--accent)}.range::-moz-range-thumb{width:9px;height:9px;border-radius:50%;border:3px solid var(--text);background:var(--accent)}.range-scale{display:flex;justify-content:space-between;color:var(--dim);font-size:12px;line-height:16px;margin-top:-1px;pointer-events:none}.row.disabled{opacity:.45}.choice{width:147px;font-size:14px;min-height:28px;border-radius:8px;border-color:var(--border);padding:3px 9px}.choice .icon{width:11px;height:11px}.row.select:has(.row-description){align-items:center}.segments{width:100%;border-radius:12px;min-height:30px;background:var(--side);margin-top:7px;border:1px solid var(--border);overflow:hidden}.segments button{font-size:14px;color:var(--muted);border-radius:10px;min-height:29px;padding:4px 8px}.segments button.active{background:var(--hover);color:var(--text)}.chips{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.chip{background:var(--widget);color:var(--muted);font-size:14px;padding:3px 7px;border-radius:5px;border:0;min-height:24px;white-space:nowrap}.chip[aria-pressed=true]{background:var(--accent);color:#fff}.multi-count{font-size:12px;color:var(--muted)}.color-pair{gap:6px}.color-chip{height:28px;padding:1px 2px;gap:5px}.swatch{border-radius:5px;width:20px;height:20px;border:1px solid var(--border);background:linear-gradient(var(--swatch),var(--swatch)),conic-gradient(#aaa 25%,#ddd 0 50%,#aaa 0 75%,#ddd 0) 0 0/8px 8px}.role{font-size:11px}.primary-hex{display:flex;gap:8px;align-items:center}.primary-hex input{width:110px;min-width:0}.row.text{display:block}.row.text .text-input{margin-top:5px}.button{font-size:14px;border-radius:7px;min-height:30px;color:var(--text)}.button.primary{font-weight:400}.text-input,.text-area{border-radius:7px;min-height:31px;font-size:14px;background:var(--widget)}.field-label,.hint,.empty{font-size:13px}.hint{line-height:1.45;color:var(--muted)}.list-row{border-color:var(--border);font-size:14px;flex-wrap:wrap}.list-meta{font-size:12px}.button.small{font-size:12px;min-height:27px;border-radius:6px}.list-row .action-group{flex-wrap:nowrap}.flyout{display:none!important}.popover,.dialog{background:var(--root);border:1px solid rgba(var(--accent-rgb),.4);border-radius:14px}.popover{padding:8px;max-height:850px}.option{font-size:14px;min-height:32px;border-radius:6px}.option.selected{background:rgba(var(--accent-rgb),.16);color:var(--text)}.picker{padding:14px}.popup-head h2{font-size:17px;max-width:none;font-weight:400}.popup-head{padding-bottom:12px}.close{border-radius:6px}.dialog{left:50%;top:50%;transform:translate(-50%,-50%);max-height:850px;width:570px}.dialog.large{width:1050px;left:50%;top:50%}.dialog h3{font-size:14px;color:var(--muted)}.dialog.compact-dialog .layout-grid,.dialog.compact-dialog .stage-editor-grid{grid-template-columns:1fr}.dialog.compact-dialog .edit-inspector{max-height:none}.rgba input{border-radius:5px}.sv-plane{border-radius:7px}.toasts{top:14px;right:16px;width:340px;z-index:90}.toast{border-radius:12px;border:1px solid var(--border);padding:16px 38px 17px 16px;font-size:13px;color:var(--muted)}.toast::after{position:absolute;content:'';bottom:0;left:10px;right:10px;height:2px;background:var(--accent);opacity:.55}.toast strong{font-size:15px;font-weight:500}.paused{background:var(--root);border-radius:inherit}.paused .button{padding:10px 20px}.paused img{width:150px;height:auto}.menu.is-pop{animation:menu-pop .17s ease-out}@keyframes menu-pop{from{opacity:0;transform:translateY(8px) scale(.97) rotate(-1deg)}to{opacity:1;transform:none}}.content.page-pop{animation:page-pop .16s ease-out}@keyframes page-pop{from{opacity:.4;translate:0 10px}to{opacity:1;translate:0 0}}
.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:3px 0 9px}.mode-option{color:var(--muted);font-size:13px;text-align:center}.mode-mini{position:relative;border:1px solid #3f4146;border-radius:11px;height:78px;background:#141515;display:block;margin-bottom:12px;padding:8px 7px 8px 31%;overflow:hidden}.mode-option[aria-pressed=true] .mode-mini{outline:2px solid var(--accent);outline-offset:-1px}.mode-mini.light{background:#e8eaed}.mini-nav{position:absolute;left:10px;top:10px;width:18%;height:9px;border-radius:3px;background:var(--accent);box-shadow:0 20px #55565a,0 34px var(--accent),0 48px #55565a}.mini-body{height:100%;border-radius:7px;background:#202021;border:1px solid #323335;padding:15px 5px 4px;display:grid;gap:4px;grid-template-rows:1fr 1fr}.light .mini-body{background:#fafafb;border-color:#d9dce2}.mini-body i{background:#36383c66;border-radius:4px;display:block}.accent-presets{display:flex;justify-content:space-between;gap:4px;padding:6px 0 18px}.accent-preset{font-size:11px;color:var(--dim);display:grid;gap:15px;justify-items:center}.accent-preset i{display:block;background:var(--preset);width:24px;height:24px;border-radius:50%}.accent-preset[aria-pressed=true] i{outline:1px solid var(--preset);outline-offset:3px}
.menu.config-page .menu-head,.menu.config-page .page-subtitle{display:none}.menu.config-page .content{top:87px}.config-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.config-toolbar h1{font-size:22px;font-weight:400;margin:0}.config-toolbar .segments{width:220px;margin:0;border-radius:9px;min-height:36px}.config-toolbar .segments button{font-size:16px}.config-actions{display:flex;gap:8px;align-items:center}.config-actions input{width:220px}.folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 22px}.folder{position:relative;margin-top:14px;padding:35px 15px 15px;border:1px solid var(--border);border-radius:0 10px 10px 10px;background:var(--card);min-height:132px}.folder::before{position:absolute;top:-16px;left:-1px;height:17px;width:60%;border:1px solid var(--border);border-bottom:0;border-radius:10px 10px 0 0;background:var(--card);content:''}.folder.selected,.folder.selected::before{border-color:rgba(var(--accent-rgb),.8)}.folder-title{position:absolute;left:15px;top:2px;max-width:70%;font-size:16px;font-weight:400;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;z-index:1}.folder.selected .selected-tag{position:absolute;top:9px;right:12px;border-radius:5px;padding:2px 7px;background:var(--widget);font-size:11px;color:var(--text)}.folder p{font-size:13px;color:var(--dim);background:var(--widget);padding:3px 7px;border-radius:4px;margin:7px 0 19px;width:max-content;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.folder-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;color:var(--muted);font-size:12px}.folder-footer .action-group{margin:0;flex-wrap:nowrap}.config-tools{margin-top:22px}.config-tools-toggle{margin-top:18px}.profile-box{border-radius:8px}.public-grid{gap:16px}.preset{border-radius:12px;background:var(--card);padding:16px}.preset h3{color:var(--text);font-size:17px;font-weight:400}.toolbar-spacer{flex:1}
/* Local visual output and edit handles are isolated from the native menu. */
.overlay-stage{position:relative;width:100%;aspect-ratio:16/9;border:1px solid var(--border);border-radius:10px;background:repeating-linear-gradient(0deg,transparent 0 31px,#ffffff06 32px 33px),repeating-linear-gradient(90deg,transparent 0 31px,#ffffff06 32px 33px),#151b1e;overflow:hidden;touch-action:none}.stage-coordinate-label{position:absolute;right:8px;bottom:6px;color:#8d959a;font-size:10px;pointer-events:none}.stage-inner{width:1920px;height:1080px;position:absolute;transform-origin:0 0}.overlay-item{position:absolute;touch-action:none;user-select:none;cursor:grab}.overlay-item.selected{outline:2px dashed #BFC4CA;outline-offset:5px}.overlay-item:active{cursor:grabbing}.resize-handle{position:absolute;right:-9px;bottom:-9px;width:18px;height:18px;background:#BFC4CA;border:3px solid #fff;border-radius:3px;cursor:nwse-resize;z-index:3}.rotation-handle{position:absolute;top:-34px;left:calc(50% - 11px);width:22px;height:22px;border:2px solid #fff;border-radius:50%;background:#747b88;cursor:grab}.radar-canvas{display:block;width:100%;height:100%}.overlay-health-body{width:100%;height:100%;display:flex;flex-direction:column;gap:3px;transform-origin:center}.demo-bar{flex:1;position:relative;min-height:2px;background:#191919cc;overflow:hidden}.demo-bar i{display:block;height:100%}.demo-warning{color:#f22933;font-size:42px;line-height:1;text-align:center;filter:drop-shadow(0 1px 2px #000)}.seat-body{width:225px;padding:12px;border:1px solid #444b51;background:#151b20da;border-radius:7px;color:#e1e1e5;font-size:17px;transform-origin:0 0}.seat-body .demo-bar{height:6px;margin-top:7px}.seat-body.low{border-color:var(--warning,#f22933)}.stage-editor-grid{display:grid;grid-template-columns:265px minmax(0,1fr);gap:18px}.edit-inspector{max-height:560px;overflow:auto;scrollbar-width:thin;padding-right:7px}.edit-inspector .row-label{font-size:14px}.edit-inspector .range-scale{font-size:11px}.edit-inspector .choice{width:125px}.edit-selection{margin-bottom:13px}.edit-inspector .field-label{margin-top:5px}.layout-hint{font-size:12px;color:var(--muted);margin:10px 0}.esp-preview{height:380px;background:#151b1e;border-radius:10px}.esp-target-box{top:60px;left:calc(50% - 65px);width:130px;height:245px;border-color:var(--esp-box,var(--accent));border-width:var(--esp-width,1px)}.esp-actor{top:180px;width:90px;height:230px}.layout-label{font-size:14px;color:#e1e1e5}.esp-bar-item{background:#28333f;width:var(--bar-w,5px);height:var(--bar-h,245px);padding:0;border-radius:0}.esp-bar-item i{position:absolute;bottom:0;left:0;width:100%;height:var(--amount,75%);background:var(--bar-color,#39b638)}.esp-bar-item.horizontal i{height:100%;width:var(--amount,75%)}.screen-preview-button{margin-top:10px}.viewer-mobile-toggle{display:none}.mobile-scroll-help{display:none}.button-icon{width:30px;padding:5px}.button-icon .icon{width:16px;height:16px}
@media(max-width:600px){.view-toolbar{padding:0 6px;gap:4px;height:44px;min-height:44px}.view-label{display:none}.view-tools{width:100%;justify-content:center;gap:4px}.view-tools button{height:32px;font-size:11px;padding:0 9px}.view-tools .optional-tool{display:none}.viewer-mobile-toggle{display:block}.viewer-caption{font-size:9px}.mobile-hint{white-space:normal;text-align:center;font-size:9px;line-height:11px}.mobile-scroll-help{display:inline}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Modal editors and simulated output */
.hardware-test-track{height:30px;border:1px solid var(--border);border-radius:6px;margin-top:10px;position:relative;overflow:hidden;background:var(--widget)}
.hardware-test-dot{position:absolute;left:50%;top:10px;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.test-moving{animation:device-test 1.2s ease-in-out}
@keyframes device-test{0%,100%{left:50%}25%{left:20%}75%{left:80%}}
.named-colors-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin-bottom:18px}
.named-color-row{display:flex;align-items:center;gap:10px;min-width:0}.named-color-row label{flex:1}.named-color-row input[type=color]{width:34px;height:28px;background:var(--widget);border:1px solid var(--border);border-radius:5px;padding:2px;flex:none}.named-color-row .text-input{width:110px;flex:none}
.editor-field{margin:8px 0 12px}.editor-field .field-label{font-size:13px;margin:0 0 4px}.editor-numeric{display:flex;gap:12px;align-items:center}.editor-numeric .range{min-width:0;margin:0;flex:1}.editor-numeric .text-input{width:78px;font-size:13px}.editor-color{display:flex;align-items:center;gap:9px}.editor-color input[type=color]{width:40px;height:28px;background:var(--widget);border:1px solid var(--border);border-radius:5px;padding:2px}.editor-color .text-input{min-width:0;flex:1}.editor-toggle{display:flex;align-items:center;justify-content:space-between}.stage-output{position:absolute;left:0;top:0;width:1920px;height:1080px;pointer-events:none}
.esp-layout-modal{padding:18px 22px}.esp-layout-modal .popup-head{margin-bottom:5px;border-bottom:1px solid var(--border)}.esp-layout-modal .hint{margin:7px 0 12px}.esp-layout-modal .layout-elements{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:14px 0 10px}.esp-layout-modal .layout-elements .active{border-color:var(--accent);background:rgba(var(--accent-rgb),.3)}.esp-layout-stage{height:270px;width:100%;position:relative;border:1px solid var(--border);border-radius:10px;background:#1b232f;overflow:hidden;touch-action:none}.esp-layout-box{position:absolute;border-style:solid}.esp-layout-skeleton{position:absolute;width:96px;height:165px;pointer-events:none}.esp-layout-snap{position:absolute;inset:0;pointer-events:none}.esp-layout-element{position:absolute;white-space:nowrap;cursor:grab;user-select:none;touch-action:none;line-height:1.2;z-index:2}.esp-layout-element::after{position:absolute;content:'';inset:-5px}.esp-layout-element.selected{outline:1px solid var(--accent);outline-offset:4px}.esp-layout-element:active{cursor:grabbing;z-index:4}.esp-layout-element.bar{min-width:1px;min-height:1px}.esp-layout-element.bar i{position:absolute;bottom:0;left:0;width:100%}.esp-layout-element.bar.horizontal i{height:100%}.esp-layout-controls{display:grid;grid-template-columns:150px 125px 1fr;gap:12px;margin-top:13px;align-items:center}.esp-layout-controls .editor-field{margin:0}.esp-layout-controls .hint{margin:0}.esp-layout-modal>.action-group{padding-top:12px;margin-top:12px;border-top:1px solid var(--border)}
.dialog.compact-dialog .named-colors-grid{grid-template-columns:1fr}.dialog.compact-dialog .esp-layout-controls{grid-template-columns:1fr 1fr}.dialog.compact-dialog .esp-layout-controls>.editor-field{grid-column:1/-1}
.dialog .edit-inspector .check{flex:none}.overlay-item .resize-handle,.overlay-item .rotation-handle{touch-action:none}.edit-inspector h3{font-weight:500;margin:0 0 12px}.viewer:fullscreen{width:100vw;height:100vh}
/* Match the native font's pixel-height sizing rather than CSS em-box sizing.
   No fonts are bundled: Windows uses its installed Segoe UI. */
.menu{font-size:14px}.page-title{font-size:20px;min-width:131px;letter-spacing:-.15px}.tab{font-size:14px;padding:0 13px}.page-subtitle{font-size:11.5px}.card h2{font-size:16px}.card-description{font-size:11.5px;line-height:1.46}.row-label{font-size:14px;line-height:1.5}.row-description{font-size:11.5px;line-height:1.5;margin-top:2px}.choice{font-size:12px}.chip{font-size:12px;padding:3px 7px;min-height:22px}.chips{gap:4px;margin-top:7px}.multi-count{font-size:11px}.segments button{font-size:12px}.number-title .value,.number-title .number-edit{font-size:12px;height:22px}.range-scale{font-size:11px}.number-title{min-height:22px}.row.number{padding:3px 0 8px}.range{margin-top:5px;height:24px}.button,.text-input,.text-area{font-size:12px}.hint,.empty,.field-label{font-size:11.5px}.popup-head h2{font-size:17px}.nav-btn{font-size:14px}.card-heading{padding-bottom:11px;margin-bottom:8px}.card-head{margin-bottom:8px}.row.segment{padding:4px 0 5px}.card:has([data-row="theme.accent"]) .row.color{display:block}.card:has([data-row="theme.accent"]) .primary-hex{justify-content:flex-start}.card:has([data-row="theme.accent"]) .swatch{width:27px;height:27px}.card:has([data-row="theme.accent"]) .text-input{width:100px;min-height:26px}.accent-preset{font-size:10px;gap:13px}.accent-presets{padding-bottom:10px}.mode-options{gap:24px;padding:4px 0 9px}.mode-mini{height:78px}.mode-option{font-size:13px;padding:0}.mode-mini .mini-body{padding:15px 5px 4px}.mode-mini .mini-nav{width:20%;height:5px;box-shadow:0 17px #66696e,0 30px #bec2c8,0 43px #66696e}.mode-mini.light .mini-nav{background:#b8c0cb}.mode-mini.light .mini-body i{background:#eceef2}.mode-mini .mini-body i{position:relative}.mode-mini .mini-body i::after{position:absolute;right:5px;top:calc(50% - 3px);width:13px;height:6px;background:#4b4d52;border-radius:2px;content:''}.mode-mini.light .mini-body i::after{background:#c1c6ce}.mode-mini .mini-body i:first-child::after{background:#bfc4ca}.mode-mini{padding-left:32%}.row[data-row="theme.blurStrength"],.row[data-row="theme.opacity"]{border-top:1px solid var(--border);padding-top:10px;margin-top:8px}.list-row{font-size:13px}.config-toolbar h1{font-size:20px}.folder-title{font-size:15px}.config-toolbar .segments button{font-size:14px}

/* Compact, touch-friendly tools remain outside the native fixed canvas. */
.content>.card{margin-top:16px}.custom-block pre.hint{white-space:pre-wrap;line-height:1.7}.custom-block details{padding:12px 0}.custom-block summary{cursor:pointer}
.named-colors-grid{display:flex;flex-direction:column;gap:10px}.named-color-row{display:grid;grid-template-columns:1fr 30px 118px;align-items:center;gap:10px}.named-color-row .field-label{margin:0}.named-color-row input[type=color]{width:30px;height:28px}.named-color-row input.text-input{width:118px}
.compact-dialog .stage-editor-grid{display:flex;flex-direction:column-reverse;gap:14px}.compact-dialog .edit-inspector{max-height:360px;overflow:auto}.compact-dialog .layout-hint{font-size:12px}.compact-dialog .edit-inspector .editor-field{padding:6px 0}

/* Status messages never block the settings below them. */
.toast{pointer-events:none}.toast .close{pointer-events:auto}

/* Web Menu: normal native-style status text, including while disabled. */
[data-custom="webMenu"] .webmenu-status{margin:8px 0 4px;font-size:14px;line-height:1.35;color:var(--text);overflow-wrap:anywhere}