html.ma-defer-module-titles #moduleName,html.ma-defer-module-titles #moduleSubtitle{visibility:hidden!important}@font-face{font-family:Montserrat-fallback;src:local('Arial');size-adjust:100%;ascent-override:96.80%;descent-override:25.10%;line-gap-override:0%}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url('fonts/montserrat-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url('fonts/montserrat-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--panel-silver:#d4d4d8;--graphics-icon-color:#333333;--grid-line:rgba(59, 130, 246, 0.6);--grid-line-minor:rgba(59, 130, 246, 0.3);--nav-bg:#141414;--nav-text:#c0c0c0;--scrollable-bg:#ffffff;--content-bg:#f4f4f5;--canvas-gradient-center:#ffffff;--canvas-viewport-bg:radial-gradient(
                circle at 50% 50%,
                var(--canvas-gradient-center) 0%,
                var(--content-bg) 55%,
                var(--content-bg) 100%
            );--rail-line:#141414;--grid:14px;--nav-height:56px;--rail-width:56px;--rail-center-x:28px;--rail-marker-color:#666666;--section-top-padding:calc(var(--rail-center-x) - var(--nav-font-size) / 2);--divider-row-height:var(--device-pixel);--device-pixel:1px;--nav-font-size:14px;--mobile-chrome-ui-font-size:var(--nav-font-size);--mobile-chrome-ui-color:var(--text-muted);--nav-tracking:0.05em;--font-app:'Montserrat','Montserrat-fallback',ui-sans-serif,system-ui,sans-serif;--corner-radius:var(--desktop-split-radius);--ui-hover-bg:color-mix(in srgb, var(--text-primary) 6%, var(--bg-dark));--ui-hover-border:color-mix(in srgb, var(--text-primary) 14%, var(--border));--nav-hover-bg:rgba(255, 255, 255, 0.08);--bg-dark:#ffffff;--bg-surface:#ffffff;--sidebar-bg:#ffffff;--text-primary:#000000;--text-muted:#666666;--link-hover-on-muted:#888888;--accent:#3b82f6;--accent-glow:rgba(59, 130, 246, 0.3);--border:#141414;--hover-bg:#141414;--hover-text:#f6fafe;--palette-narrow-icon-factor:1;--desktop-split-radius:8px;--desktop-split-gap:4px;--desktop-split-chrome:#141414;--z-selection-delete:50000;--z-sidebar-chrome:51000;--z-tooltip:51500;--output-label-bar-radius-ratio:0.2;--z-mobile-menu-flyout:59000;--z-dialog-overlay:59500;--z-nav-chrome:60000;--z-marquee:10000;--z-mobile-bottom-panel:52000;--z-loading-banner:99999}@media (min-resolution:1.25dppx){:root{--device-pixel:0.8px}}@media (min-resolution:1.5dppx){:root{--device-pixel:0.667px}}@media (min-resolution:2dppx){:root{--device-pixel:0.5px}}@media (min-resolution:2.5dppx){:root{--device-pixel:0.4px}}@media (min-resolution:3dppx){:root{--device-pixel:0.333px}}*{margin:0;padding:0;box-sizing:border-box}input.component-label-input:not([type=checkbox]):not([type=range]),input[type=range]{border-radius:0}input[type=checkbox]{border-radius:calc(var(--corner-radius) * .45)}input:not([type=checkbox]):not([type=range]),select,textarea{border-radius:var(--corner-radius)}button{border-radius:var(--corner-radius)}button:focus{outline:0}button:focus-visible{box-shadow:0 0 0 2px var(--accent)}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none;width:0;height:0}::-webkit-scrollbar{display:none;width:0;height:0}::-webkit-scrollbar-button{display:none;width:0;height:0}::-webkit-scrollbar-corner{background:0 0}body,html{height:100%;overflow:hidden;overscroll-behavior-x:none}body{font-family:var(--font-app);background:var(--bg-dark);color:var(--text-primary);transition:background .2s,color .2s}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;overscroll-behavior-x:none}header{position:relative;z-index:var(--z-nav-chrome);height:var(--nav-height);padding:0 var(--rail-width) 0 calc(var(--rail-width) + var(--grid) * 1.5);background:var(--nav-bg);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;overflow:visible}.header-logo{position:absolute;left:0;top:0;width:var(--rail-width);height:var(--nav-height);display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;color:inherit;border-radius:0}.header-logo:focus{outline:0}.header-logo:focus-visible{box-shadow:0 0 0 2px var(--accent)}.header-logo img{width:28px;height:28px;opacity:.7;transition:opacity .25s}.header-logo-chevron{position:absolute;width:28px;height:28px;opacity:0;transition:opacity .25s;pointer-events:none}.header-title-default{grid-area:title;white-space:nowrap;transition:opacity .15s}.header-title-hover{grid-area:title;font-size:var(--nav-font-size);white-space:nowrap;opacity:0;transition:opacity .15s;pointer-events:none}@media (hover:hover){.header-logo:hover img{opacity:0}.header-logo:hover{color:var(--scrollable-bg)}.header-logo:hover .header-logo-chevron{opacity:1}.header-logo:hover+h1 .header-title-default{opacity:0}.header-logo:hover+h1 .header-title-hover{color:var(--scrollable-bg);opacity:1}.header-btn:hover{color:var(--scrollable-bg)}}header h1{position:relative;display:grid;grid-template-areas:"title";align-items:center;justify-items:start;min-width:min-content;cursor:default;font-family:var(--font-app);font-weight:500;font-size:calc(var(--nav-font-size) * 1.414);line-height:var(--nav-height);letter-spacing:var(--nav-tracking);color:var(--nav-text);text-transform:none}.header-actions{display:flex;gap:0;align-self:stretch;align-items:stretch}.header-btn{font-family:var(--font-app);font-size:var(--nav-font-size);font-weight:400;letter-spacing:var(--nav-tracking);padding:0 calc(var(--grid) * 1.25);background:0 0;border:none;color:var(--nav-text);cursor:pointer;transition:color .15s;display:flex;align-items:center;justify-content:center;border-radius:0}.view-mode-dropdown .header-btn{width:15ch;min-width:15ch;flex-shrink:0;justify-content:flex-start;text-align:left;white-space:nowrap;hyphens:none}.canvas-viewport{flex:1;min-width:0;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--content-bg);background-image:var(--canvas-viewport-bg)}.canvas-jma-drop-overlay{position:absolute;inset:0;z-index:60;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.canvas-jma-drop-overlay.is-visible{opacity:1;visibility:visible}.canvas-jma-drop-overlay__frame{position:absolute;inset:14px;border-radius:var(--desktop-split-radius);border:2px solid color-mix(in srgb,var(--accent) 85%,var(--border));background:color-mix(in srgb,var(--accent) 9%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent),0 8px 32px rgba(0,0,0,.08);transform:scale(.97);opacity:0}.canvas-jma-drop-overlay.is-visible .canvas-jma-drop-overlay__frame{animation:.38s cubic-bezier(.22,1,.36,1) forwards canvas-jma-drop-frame-in}@keyframes canvas-jma-drop-frame-in{from{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.canvas-jma-drop-overlay__hint{position:absolute;left:50%;top:22px;transform:translateX(-50%);font-family:var(--font-app);font-size:var(--nav-font-size);font-weight:500;letter-spacing:.12em;color:var(--accent);text-shadow:0 1px 0 color-mix(in srgb,var(--bg-dark) 40%,transparent);white-space:nowrap;pointer-events:none;opacity:0}.canvas-jma-drop-overlay.is-visible .canvas-jma-drop-overlay__hint{animation:.45s 80ms forwards canvas-jma-drop-hint-in}@keyframes canvas-jma-drop-hint-in{from{opacity:0;transform:translateX(-50%) translateY(-6px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (prefers-reduced-motion:reduce){.canvas-jma-drop-overlay__frame{animation:none!important}.canvas-jma-drop-overlay.is-visible .canvas-jma-drop-overlay__frame{opacity:1;transform:scale(1)}.canvas-jma-drop-overlay.is-visible .canvas-jma-drop-overlay__hint{animation:none;opacity:1;transform:translateX(-50%)}}.canvas-3d-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.canvas-3d-container.active{pointer-events:auto}.canvas-3d-container canvas{position:absolute;width:100%;height:100%;display:block;z-index:0;pointer-events:none}.canvas-3d-loading-banner{display:none;position:fixed;inset:0;z-index:var(--z-loading-banner);align-items:center;justify-content:center;pointer-events:none;font-family:var(--font-app);font-weight:500;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#f4f4f5;background:0 0}.canvas-3d-loading-banner .canvas-3d-loading-banner-inner{padding:10px 22px;border-radius:2px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.14);box-shadow:0 2px 12px rgba(0,0,0,.35);text-shadow:0 1px 2px rgba(0,0,0,.45)}html.theme-dark .canvas-3d-loading-banner .canvas-3d-loading-banner-inner{background:rgba(0,0,0,.58);border-color:rgba(255,255,255,.16);color:#f4f4f5;box-shadow:0 2px 12px rgba(0,0,0,.45)}.canvas-3d-container.active.canvas-3d-view-loading .canvas-3d-loading-banner{display:flex}.canvas-3d-overlay{position:absolute;inset:0;z-index:2;pointer-events:none}.canvas-3d-overlay.interactive{pointer-events:auto}.canvas-3d-overlay-inner{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:auto;overflow:visible}.canvas-3d-overlay-inner .bounding-box-outline,.canvas-3d-overlay-inner .grid-overlay,.canvas-3d-overlay-inner .hitbox-overlays{pointer-events:none}.canvas-3d-overlay-inner .grid-overlay{clip-path:inset(7.39% 0 7.39% 0)}.canvas-3d-overlay-inner .component-label-input,.canvas-3d-overlay-inner .components-layer,.canvas-3d-overlay-inner .module-name,.canvas-3d-overlay-inner .module-subtitle{pointer-events:auto}.canvas-3d-container.active .canvas-3d-overlay-inner .components-layer>.components-layer-placed>:not(.knob-snap-point){opacity:0!important}.canvas-3d-container.active .canvas-3d-overlay-inner .components-layer>.components-layer-placed>.component-pending-3d-asset:not(.drag-ghost){opacity:1!important}.canvas-3d-container.active .canvas-3d-overlay-inner .module-name,.canvas-3d-container.active .canvas-3d-overlay-inner .module-subtitle{opacity:0!important;z-index:100}.canvas-3d-container.active.canvas-3d-view-loading .canvas-3d-overlay-inner .module-name,.canvas-3d-container.active.canvas-3d-view-loading .canvas-3d-overlay-inner .module-name:focus,.canvas-3d-container.active.canvas-3d-view-loading .canvas-3d-overlay-inner .module-subtitle,.canvas-3d-container.active.canvas-3d-view-loading .canvas-3d-overlay-inner .module-subtitle:focus{visibility:hidden!important;opacity:0!important}.canvas-3d-container.active .canvas-3d-overlay-inner .components-layer>.components-layer-placed>:not(.knob-snap-point):not(.line-container.selected):not(.area-container.selected):not(.group-label-container.selected){pointer-events:none!important}.canvas-3d-container.active .canvas-3d-overlay-inner .components-layer>.components-layer-placed>.area-container.selected,.canvas-3d-container.active .canvas-3d-overlay-inner .components-layer>.components-layer-placed>.group-label-container.selected,.canvas-3d-container.active .canvas-3d-overlay-inner .components-layer>.components-layer-placed>.line-container.selected{opacity:1!important;pointer-events:none!important}.canvas-3d-container.active .canvas-3d-overlay-inner .components-layer>.components-layer-placed>.area-container.selected .area-corner-hit,.canvas-3d-container.active .canvas-3d-overlay-inner .components-layer>.components-layer-placed>.area-container.selected .component-label,.canvas-3d-container.active .canvas-3d-overlay-inner .components-layer>.components-layer-placed>.group-label-container.selected .component-label-input,.canvas-3d-container.active .canvas-3d-overlay-inner .components-layer>.components-layer-placed>.group-label-container.selected .group-label-endpoint-hit,.canvas-3d-container.active .canvas-3d-overlay-inner .components-layer>.components-layer-placed>.group-label-container.selected .group-label-text,.canvas-3d-container.active .canvas-3d-overlay-inner .components-layer>.components-layer-placed>.line-container.selected .component-label,.canvas-3d-container.active .canvas-3d-overlay-inner .components-layer>.components-layer-placed>.line-container.selected .line-endpoint-hit,.canvas-3d-container.active .canvas-3d-overlay-inner .components-layer>.components-layer-placed>[class].selected .component-label{pointer-events:auto!important}.canvas-3d-container.active .canvas-3d-overlay-inner .components-layer>.components-layer-placed>.group-label-container.selected>svg,.canvas-3d-container.active .canvas-3d-overlay-inner .components-layer>.components-layer-placed>.line-container.selected>svg{opacity:0!important;pointer-events:none}.canvas-3d-container.active .canvas-3d-overlay-inner .components-layer>.components-layer-placed>.group-label-container.selected .group-label-text{opacity:0!important}.canvas-3d-container.active .canvas-3d-overlay-inner .component-label-input,.canvas-3d-container.active .canvas-3d-overlay-inner .group-label-text:focus,.canvas-3d-container.active .canvas-3d-overlay-inner .module-name:focus,.canvas-3d-container.active .canvas-3d-overlay-inner .module-subtitle:focus{opacity:1!important;color:#1a1a1a!important;background:#fff!important;border-radius:0;cursor:text}.drag-ghost-3d-mode .panel-knob,.drag-ghost-3d-mode.bnc-socket-container>svg,.drag-ghost-3d-mode.button-container>div:first-child,.drag-ghost-3d-mode.cable-container>svg,.drag-ghost-3d-mode.led-container>div:first-child,.drag-ghost-3d-mode.led8mm-container>div:first-child,.drag-ghost-3d-mode.rotary-switch-container>svg,.drag-ghost-3d-mode.slider-container .slider-track,.drag-ghost-3d-mode.slider-container>svg,.drag-ghost-3d-mode.socket-container>svg,.drag-ghost-3d-mode.toggle-switch-container>svg,.drag-ghost-3d-mode.trimmer-container>svg,.drag-ghost-3d-mode.xlr-socket-container>svg{display:none!important}.header-btn:active{color:var(--scrollable-bg)}.header-btn:focus-visible{color:var(--scrollable-bg)}.grid-size-letter{display:inline-block;min-width:1em;text-align:center}.export-dropdown{position:relative;display:flex;align-items:stretch}.export-dropdown-menu{display:none;position:absolute;top:100%;left:0;right:0;margin-top:0;background:var(--nav-bg);border:1px solid var(--rail-line);transition:background .2s,border-color .2s;border-radius:0 0 var(--corner-radius) var(--corner-radius);overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:1000}.export-dropdown-menu.visible{display:block}.export-dropdown-item{font-family:var(--font-app);font-size:var(--nav-font-size);letter-spacing:var(--nav-tracking);padding:.625rem calc(var(--grid) * 1.25);width:100%;text-align:left;background:0 0;border:none;color:var(--nav-text);cursor:pointer;transition:color .15s;display:block;border-radius:0}.export-dropdown-item:active,.export-dropdown-item:focus-visible{background:0 0;color:var(--scrollable-bg)}.export-dropdown-item[data-export-type=svg]:disabled,.mobile-menu-item[data-export-type=svg]:disabled{opacity:.5;cursor:not-allowed}.main-content{display:flex;flex:1;min-height:0;overflow:clip}.left-rail-wrapper,.right-rail-wrapper,header{touch-action:pan-x pan-y}.left-rail-wrapper,.right-rail-wrapper{flex-shrink:0;align-self:stretch;display:flex;flex-direction:column;min-width:0;min-height:0}.left-rail-wrapper{position:relative;z-index:var(--z-sidebar-chrome);border-right:1px solid var(--rail-line);transition:background .2s,border-color .2s;background:var(--sidebar-bg)}.right-rail-wrapper{position:relative;z-index:var(--z-sidebar-chrome);border-left:1px solid var(--rail-line);transition:background .2s,border-color .2s;background:var(--sidebar-bg)}.left-rail-wrapper .left-palette-divider,.left-rail-wrapper .palette-section{border-left:none}.right-rail-wrapper .palette-section,.right-rail-wrapper .right-palette-divider{border-right:none}.rail-scroll{position:relative;flex:1;min-height:0;min-width:calc(var(--rail-width) + 280px)}.left-rail-wrapper .rail-scroll,.right-rail-wrapper .rail-scroll{min-width:calc(var(--rail-width) + 270px)}.rail-scroll-inner{position:absolute;inset:0;overflow-y:auto;overflow-x:clip;-webkit-overflow-scrolling:touch;display:grid;background:var(--sidebar-bg);transition:background .2s}.left-rail-wrapper .rail-scroll-inner::-webkit-scrollbar,.right-rail-wrapper .rail-scroll-inner::-webkit-scrollbar{display:block;width:10px;height:10px}.left-rail-wrapper .rail-scroll-inner::-webkit-scrollbar-thumb,.right-rail-wrapper .rail-scroll-inner::-webkit-scrollbar-thumb{background:#bebebe;border-radius:5px;border:2px solid var(--sidebar-bg)}html.theme-dark .left-rail-wrapper .rail-scroll-inner::-webkit-scrollbar-thumb,html.theme-dark .right-rail-wrapper .rail-scroll-inner::-webkit-scrollbar-thumb{background:#656565}.left-rail-wrapper .rail-scroll-inner::-webkit-scrollbar-track,.right-rail-wrapper .rail-scroll-inner::-webkit-scrollbar-track{background:var(--sidebar-bg)}.left-rail-wrapper .rail-scroll-inner::-webkit-scrollbar-button,.right-rail-wrapper .rail-scroll-inner::-webkit-scrollbar-button{display:none;width:0;height:0}html:not(.ma-pro) [data-ma-pro-only]{display:none!important}.left-rail-wrapper .rail-scroll-inner{grid-template-columns:var(--rail-width) 270px;grid-template-rows:auto var(--divider-row-height) auto var(--divider-row-height) auto;align-items:start;align-content:start}.left-rail-wrapper .rail-cell[data-section=components]{grid-row:1;grid-column:1}.left-rail-wrapper .palette-section[data-section=components]{grid-row:1;grid-column:2}.left-rail-wrapper .left-palette-divider:not([data-after]){grid-row:2;grid-column:2}.left-rail-wrapper .left-palette-divider:not([data-after]).scrollbar-visible{visibility:hidden}.left-rail-wrapper .rail-cell[data-section=graphics]{grid-row:3;grid-column:1}.left-rail-wrapper .palette-section[data-section=graphics]{grid-row:3;grid-column:2}.left-rail-wrapper .left-palette-divider[data-after=graphics]{grid-row:4;grid-column:2}.left-rail-wrapper .rail-cell[data-section=meta]{grid-row:5;grid-column:1}.left-rail-wrapper .palette-section[data-section=meta]{grid-row:5;grid-column:2}.right-rail-wrapper .rail-scroll-inner{grid-template-columns:270px var(--rail-width);grid-template-rows:auto var(--divider-row-height) auto var(--divider-row-height) auto var(--divider-row-height) auto 1fr;align-items:start;align-content:start}.right-rail-wrapper #panelWidthPaletteMarker{grid-row:1;grid-column:2}.right-rail-wrapper #panelWidthPalette{grid-row:1;grid-column:1}.right-rail-wrapper .right-palette-divider[data-after=panelWidth]{grid-row:2;grid-column:1}.right-rail-wrapper #optionsPanelMarker{grid-row:3;grid-column:2}.right-rail-wrapper #optionsPanel{grid-row:3;grid-column:1}.right-rail-wrapper .right-palette-divider[data-after=options]{grid-row:4;grid-column:1}.right-rail-wrapper #statePanelMarker{grid-row:5;grid-column:2}.right-rail-wrapper #statePanel{grid-row:5;grid-column:1}.right-rail-wrapper .right-palette-divider[data-after=state]{grid-row:6;grid-column:1}.right-rail-wrapper #positionPaletteMarker{grid-row:7;grid-column:2}.right-rail-wrapper #positionPalette{grid-row:7;grid-column:1}.left-palette-divider,.palette-divider,.right-palette-divider{width:100%;margin:0;padding:0;border:none;border-top:1px solid var(--rail-line);flex-shrink:0;box-sizing:border-box;transition:border-color .2s}.left-palette-divider-overlay{position:absolute;left:var(--rail-width);right:0;height:0;border-top:1px solid var(--rail-line);pointer-events:none;z-index:2;transition:border-color .2s;display:none}.left-palette-divider-overlay.visible{display:block}#positionPaletteMarker,#statePanelMarker{display:none}.left-rail-cell,.rail-cell,.right-rail-cell{width:var(--rail-width);min-width:var(--rail-width);background:var(--bg-surface);transition:background .2s;display:flex;align-items:flex-start;justify-content:center;padding-top:var(--section-top-padding);padding-bottom:calc(var(--grid) * 1.5);flex-shrink:0;overflow:visible;align-self:stretch}.left-rail-wrapper .rail-cell[data-section=graphics],.left-rail-wrapper .rail-cell[data-section=meta],.right-rail-wrapper #positionPaletteMarker{padding-bottom:0}.rail-line{width:var(--device-pixel);min-width:var(--device-pixel);max-width:var(--device-pixel);background:var(--rail-line);pointer-events:none;transition:background .2s;box-sizing:content-box;z-index:1;align-self:stretch}.left-rail-wrapper .rail-scroll .rail-line{position:absolute;top:0;bottom:0;left:calc(var(--rail-width) - var(--device-pixel))}.right-rail-wrapper .rail-line{grid-column:1;grid-row:1/-1;justify-self:end}.palette-section{display:flex;flex-direction:column;align-items:stretch;padding:calc(var(--grid) * 1.5);margin-bottom:0;min-width:0}.right-palette-section{padding-top:var(--section-top-padding);min-width:0}.right-palette-section:last-of-type{padding-bottom:calc(var(--grid) * 1.5)}.left-palette-section,.right-palette-section{background:var(--bg-surface);transition:background .2s,border-color .2s}.left-palette-section{padding-top:var(--section-top-padding)}.left-palette-section:last-of-type{padding-bottom:calc(var(--grid) * 1.5)}.rail-marker{position:sticky;top:var(--section-top-padding);z-index:10;width:var(--nav-font-size);writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--font-app);font-size:var(--nav-font-size);font-weight:400;letter-spacing:var(--nav-tracking);color:var(--rail-marker-color);transition:color .2s;white-space:nowrap;flex-shrink:0;margin:0;user-select:none}.palette-divider--conditional{display:none}.control-group--no-label{border-bottom:none;padding-bottom:0;margin-bottom:0;flex:1;min-width:0}.control-group{display:flex;flex-direction:column;gap:.75rem;padding-bottom:calc(var(--grid) * 1.5);border-bottom:1px solid var(--rail-line);margin-bottom:calc(var(--grid) * 1.5);transition:border-color .2s}.control-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.control-group.control-group--no-label{border-bottom:none}.control-label{font-family:var(--font-app);font-size:.95rem;font-weight:400;text-transform:uppercase;letter-spacing:var(--nav-tracking);color:var(--text-muted);cursor:default;transition:color .2s}.control-label,.export-dropdown-item,.header-btn,.header-logo,.hp-label,.left-rail-marker,.mobile-menu-item,.rail-marker{text-transform:uppercase}.hp-input-group{display:flex;gap:0;align-items:center;min-width:0;width:100%}.hp-adjust-btn{font-family:var(--font-app);font-size:1.1rem;width:40px;min-width:32px;height:40px;flex-shrink:0;background:var(--bg-dark);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;transition:background .2s,border-color .2s,color .2s}.hp-adjust-btn:first-child{border-radius:var(--corner-radius) 0 0 var(--corner-radius);border-right:none}@media (hover:hover){.export-dropdown-item:hover{background:0 0;color:var(--scrollable-bg)}.export-dropdown-item[data-export-type=svg]:disabled:hover,.mobile-menu-item[data-export-type=svg]:disabled:hover{background:0 0!important;color:var(--nav-text)!important}.hp-adjust-btn:hover{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}}.hp-adjust-btn:active{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}.hp-adjust-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.hp-input-group input:not([type=checkbox]):not([type=range]){min-width:0;flex:1 1 3rem;font-family:var(--font-app);font-size:.95rem;padding:.5rem;height:40px;background:var(--bg-dark);border:1px solid var(--border);border-left:none;border-right:none;border-radius:0;color:var(--text-primary);text-align:center;transition:background .2s,border-color .2s;-moz-appearance:textfield;appearance:textfield}.hp-input-group input::-webkit-inner-spin-button,.hp-input-group input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.hp-input-group input:focus{outline:0}.hp-input-group input:focus-visible{box-shadow:0 0 0 2px var(--accent)}@media (hover:hover){.hp-input-group input:not([type=checkbox]):not([type=range]):hover{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}.explode-slider-row:hover{opacity:1}}.hp-input-group input:not([type=checkbox]):not([type=range]):active{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}.hp-input-group input:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.hp-input-group input[type=text]{cursor:default}.hp-input-group .hp-adjust-btn:last-of-type{border-radius:0 var(--corner-radius) var(--corner-radius) 0;border-left:none}.explode-control-group{margin-top:0;display:none!important}html.view-mode-3d .explode-control-group{display:flex!important;flex-direction:column}.explode-slider-row{display:flex;align-items:center;gap:.5rem;opacity:.7;transition:opacity .2s}.explode-slider-row:active{opacity:1}.explode-slider-row input[type=range]{flex:1;min-width:0;height:28px;margin:0;padding:0;border:none;background:0 0;-webkit-appearance:none;appearance:none;cursor:pointer}.explode-slider-row input[type=range]:focus{outline:0}.explode-slider-row input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--accent)}.explode-slider-row input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--accent)}.explode-slider-row input[type=range]::-webkit-slider-runnable-track{height:2px;border-radius:1px;background:var(--border)}.explode-slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;margin-top:-5px;border-radius:50%;box-sizing:border-box;background:var(--bg-dark);border:1px solid var(--border);box-shadow:none;transition:background .2s,border-color .2s,box-shadow .2s}.explode-slider-row input[type=range]:active::-webkit-slider-thumb,.explode-slider-row:active input[type=range]::-webkit-slider-thumb{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}.explode-slider-row input[type=range]::-moz-range-track{height:2px;border-radius:1px;background:var(--border)}.explode-slider-row input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;box-sizing:border-box;background:var(--bg-dark);border:1px solid var(--border);box-shadow:none;transition:background .2s,border-color .2s,box-shadow .2s}.explode-slider-row input[type=range]:active::-moz-range-thumb,.explode-slider-row:active input[type=range]::-moz-range-thumb{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}html.theme-dark .explode-slider-row input[type=range]::-webkit-slider-thumb{background:var(--bg-surface);border-color:var(--border)}html.theme-dark .explode-slider-row input[type=range]:active::-webkit-slider-thumb,html.theme-dark .explode-slider-row:active input[type=range]::-webkit-slider-thumb{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}html.theme-dark .explode-slider-row input[type=range]::-moz-range-thumb{background:var(--bg-surface);border-color:var(--border)}html.theme-dark .explode-slider-row input[type=range]:active::-moz-range-thumb,html.theme-dark .explode-slider-row:active input[type=range]::-moz-range-thumb{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}.explode-value{flex-shrink:0;box-sizing:border-box;font-family:var(--font-app);font-size:.95rem;font-weight:400;font-variant-numeric:tabular-nums;width:4.2rem;min-width:4.2rem;text-align:right}.orbit-sliders-layer{--orbit-unit:calc(var(--nav-height) / 2);--orbit-half-t:calc(var(--orbit-unit) / 2);--orbit-thumb-d:12px;display:none;position:absolute;inset:0;z-index:50;pointer-events:none;overflow:visible}html.view-mode-3d .orbit-sliders-layer{display:block}.orbit-slider--x,.orbit-slider--y{opacity:.7;transition:opacity .2s}.orbit-slider--x:active,.orbit-slider--y:active{opacity:1}.orbit-slider--x:focus,.orbit-slider--y:focus{outline:0}.orbit-slider--x:focus-visible,.orbit-slider--y:focus-visible{opacity:1;outline:2px solid var(--accent);outline-offset:2px;z-index:1}.orbit-slider--x{--orbit-x-pct:50;position:absolute;left:calc(var(--orbit-unit) - var(--orbit-half-t));right:calc(2.5 * var(--orbit-unit) - var(--orbit-half-t));bottom:var(--orbit-unit);height:var(--orbit-unit);transform:translateY(50%);display:flex;align-items:center;pointer-events:auto;box-sizing:border-box;cursor:ew-resize;touch-action:none;overflow:visible}.orbit-slider--x .orbit-channel{position:absolute;left:var(--orbit-half-t);right:var(--orbit-half-t);top:50%;transform:translateY(-50%);display:flex;flex-direction:row;align-items:center;height:6px;pointer-events:none}.orbit-channel-seg--h-left,.orbit-channel-seg--h-right{flex:1;min-width:0;height:2px;background:color-mix(in srgb,var(--desktop-split-chrome) 35%,var(--content-bg));border-radius:1px}html.theme-dark .orbit-channel-seg--h-left,html.theme-dark .orbit-channel-seg--h-right{background:color-mix(in srgb,#fff 45%,var(--content-bg))}.orbit-channel-gap--h{flex:0 0 var(--orbit-thumb-d);width:var(--orbit-thumb-d);height:2px;align-self:center;pointer-events:none}.orbit-slider--x-thumb{position:absolute;top:50%;left:calc(var(--orbit-half-t) + (100% - 2 * var(--orbit-half-t)) * var(--orbit-x-pct)/ 100);width:var(--orbit-thumb-d);height:var(--orbit-thumb-d);margin-left:calc(-.5 * var(--orbit-thumb-d));margin-top:calc(-.5 * var(--orbit-thumb-d));border-radius:50%;background:color-mix(in srgb,var(--desktop-split-chrome) 35%,var(--content-bg));border:none;box-shadow:none;pointer-events:none;z-index:1}html.theme-dark .orbit-slider--x-thumb{background:color-mix(in srgb,#fff 35%,var(--content-bg))}.orbit-slider--x input.orbit-range--horizontal{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden;clip:rect(0,0,0,0);margin:0;padding:0;border:0}.orbit-slider--y{--orbit-y-pct:50;position:absolute;top:calc(var(--orbit-unit) - var(--orbit-half-t));right:var(--orbit-unit);bottom:calc(2.5 * var(--orbit-unit) - var(--orbit-half-t));width:var(--orbit-unit);height:auto;transform:translateX(50%);pointer-events:auto;box-sizing:border-box;cursor:ns-resize;touch-action:none;overflow:visible}.orbit-slider--y .orbit-channel--vertical{position:absolute;left:50%;top:var(--orbit-half-t);bottom:var(--orbit-half-t);width:var(--orbit-unit);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.orbit-channel-seg--v-bottom,.orbit-channel-seg--v-top{flex:1;min-height:0;width:2px;background:color-mix(in srgb,var(--desktop-split-chrome) 35%,var(--content-bg));border-radius:1px}html.theme-dark .orbit-channel-seg--v-bottom,html.theme-dark .orbit-channel-seg--v-top{background:color-mix(in srgb,#fff 45%,var(--content-bg))}.orbit-channel-gap--v{flex:0 0 var(--orbit-thumb-d);width:2px;min-height:0;pointer-events:none}.orbit-slider--y-thumb{position:absolute;left:50%;top:calc(var(--orbit-half-t) + (100% - 2 * var(--orbit-half-t)) * var(--orbit-y-pct)/ 100);width:var(--orbit-thumb-d);height:var(--orbit-thumb-d);margin-left:calc(-.5 * var(--orbit-thumb-d));margin-top:calc(-.5 * var(--orbit-thumb-d));border-radius:50%;background:color-mix(in srgb,var(--desktop-split-chrome) 35%,var(--content-bg));border:none;box-shadow:none;pointer-events:none;z-index:1}html.theme-dark .orbit-slider--y-thumb{background:color-mix(in srgb,#fff 35%,var(--content-bg))}.orbit-slider--y input.orbit-range--vertical{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden;clip:rect(0,0,0,0);margin:0;padding:0;border:0}.orbit-sliders-layer input.orbit-range{-webkit-appearance:none;appearance:none;background:0 0}.orbit-sliders-layer input.orbit-range:focus{outline:0}.orbit-navball{--navball-size:var(--orbit-unit);position:absolute;right:calc(var(--orbit-unit)/ 2);bottom:calc(var(--orbit-unit)/ 2);width:var(--navball-size);height:var(--navball-size);border-radius:50%;pointer-events:auto;box-sizing:border-box;cursor:grab;touch-action:none;opacity:.7;transition:opacity .2s;margin:0;padding:0;border:none;background:0 0;appearance:none;-webkit-appearance:none;font:inherit;color:inherit}.orbit-navball:focus{outline:0}.orbit-navball:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.orbit-navball:active{cursor:grabbing;opacity:1}.orbit-navball-disc{position:absolute;inset:0;border-radius:50%;border:2px solid color-mix(in srgb,var(--desktop-split-chrome) 35%,var(--content-bg));overflow:hidden;box-sizing:border-box;pointer-events:none}.orbit-navball-fill{position:absolute;left:0;right:0;bottom:0;height:50%;background:color-mix(in srgb,var(--desktop-split-chrome) 35%,var(--content-bg))}html.theme-dark .orbit-navball-disc{border-color:color-mix(in srgb,#fff 35%,var(--content-bg))}html.theme-dark .orbit-navball-fill{background:color-mix(in srgb,#fff 35%,var(--content-bg))}@keyframes orbit-navball-halo{0%{box-shadow:0 0 0 0 var(--accent-glow)}100%{box-shadow:0 0 0 22px transparent}}.orbit-navball.orbit-navball--halo{animation:.78s ease-out forwards orbit-navball-halo}@keyframes orbit-thumb-halo{0%{box-shadow:0 0 0 0 var(--accent-glow)}100%{box-shadow:0 0 0 22px transparent}}.orbit-slider--x.orbit-slider-strip--halo,.orbit-slider--y.orbit-slider-strip--halo{opacity:1;z-index:2}.orbit-slider--x-thumb.orbit-slider-thumb--halo,.orbit-slider--y-thumb.orbit-slider-thumb--halo{animation:.78s ease-out forwards orbit-thumb-halo}@media (max-width:900px){html.view-mode-3d .orbit-sliders-layer .orbit-navball,html.view-mode-3d .orbit-sliders-layer .orbit-slider--x,html.view-mode-3d .orbit-sliders-layer .orbit-slider--y{transition:opacity .2s,transform .3s cubic-bezier(.4, 0, .2, 1)}html.view-mode-3d.mobile-bottom-palette-expanded .orbit-sliders-layer .orbit-slider--x,html.view-mode-3d.mobile-menu-open .orbit-sliders-layer .orbit-slider--x{transform:translateY(50%) translate3d(0,calc(100% + 40px),0)}html.view-mode-3d.mobile-bottom-palette-expanded .orbit-sliders-layer .orbit-slider--y,html.view-mode-3d.mobile-menu-open .orbit-sliders-layer .orbit-slider--y{transform:translateX(50%) translate3d(calc(100% + 40px),0,0)}html.view-mode-3d.mobile-bottom-palette-expanded .orbit-sliders-layer .orbit-navball,html.view-mode-3d.mobile-menu-open .orbit-sliders-layer .orbit-navball{transform:translate3d(100%,100%,0)}html.mobile-bottom-palette-expanded .orbit-sliders-layer .orbit-navball,html.mobile-bottom-palette-expanded .orbit-sliders-layer .orbit-slider--x,html.mobile-bottom-palette-expanded .orbit-sliders-layer .orbit-slider--y,html.mobile-menu-open .orbit-sliders-layer .orbit-navball,html.mobile-menu-open .orbit-sliders-layer .orbit-slider--x,html.mobile-menu-open .orbit-sliders-layer .orbit-slider--y,html.orbit-controls-transitioning .orbit-sliders-layer .orbit-navball,html.orbit-controls-transitioning .orbit-sliders-layer .orbit-slider--x,html.orbit-controls-transitioning .orbit-sliders-layer .orbit-slider--y{pointer-events:none!important}html.view-mode-3d.mobile-bottom-palette-expanded .canvas-area .canvas-viewport,html.view-mode-3d.mobile-menu-open .canvas-area .canvas-viewport,html.view-mode-3d.orbit-controls-transitioning .canvas-area .canvas-viewport{overflow:hidden}}@media (max-width:900px) and (prefers-reduced-motion:reduce){html.view-mode-3d .orbit-sliders-layer .orbit-navball,html.view-mode-3d .orbit-sliders-layer .orbit-slider--x,html.view-mode-3d .orbit-sliders-layer .orbit-slider--y{transition:opacity .2s}}.hp-label{font-family:var(--font-app);font-size:.95rem;font-weight:400;letter-spacing:var(--nav-tracking);text-transform:uppercase;color:var(--text-muted);cursor:default;margin-left:.5rem;transition:color .2s}.component-palette{display:flex;flex-direction:column;gap:.5rem;width:100%;min-width:0}#componentsPalette,#graphicsPalette,#metaPalette{align-items:stretch}.component-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:0;cursor:grab;touch-action:none;transition:background .2s,border-color .2s,color .2s;width:100%;box-sizing:border-box}@media (hover:hover){.explode-slider-row:hover input[type=range]::-webkit-slider-thumb{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}.explode-slider-row:hover input[type=range]::-moz-range-thumb{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}html.theme-dark .explode-slider-row:hover input[type=range]::-webkit-slider-thumb{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}html.theme-dark .explode-slider-row:hover input[type=range]::-moz-range-thumb{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}.orbit-navball:hover,.orbit-slider--x:hover,.orbit-slider--y:hover{opacity:1}.component-item:hover{border-color:var(--ui-hover-border);background:var(--ui-hover-bg)}}.component-item:active{cursor:grabbing;border-color:var(--ui-hover-border);background:var(--ui-hover-bg)}.component-item.add-mode-active{border-color:var(--accent);background:var(--bg-surface)}.palette-grid{width:100%;max-width:100%;box-sizing:border-box}.palette-grid .palette-grid-btn,.palette-grid .palette-grid-spacer{border-radius:0}.left-rail-wrapper [data-section] .palette-grid>div,.right-rail-wrapper [data-section] .palette-grid>div{transition:background .2s}.palette-grid-btn{width:auto!important;padding:0!important;border-color:transparent!important;transition:background .2s,background-color .2s,border-color .2s,box-shadow .2s}.palette-grid .palette-grid-btn{border:none!important;border-right:1px solid!important;border-bottom:1px solid!important}.palette-grid .palette-grid-btn[data-col="0"]{border-left:1px solid!important}.palette-grid .palette-grid-btn[data-row="0"]{border-top:1px solid!important}@media (hover:hover){.palette-grid-btn:hover{border-color:var(--rail-line)!important;background-color:var(--ui-hover-bg)!important;box-shadow:inset 0 0 0 .5px var(--rail-line),inset 0 0 0 1px var(--ui-hover-border)!important}}.palette-grid-btn:active{border-color:var(--rail-line)!important;background-color:var(--ui-hover-bg)!important;box-shadow:inset 0 0 0 .5px var(--rail-line),inset 0 0 0 1px var(--ui-hover-border)!important}.palette-grid-btn.add-mode-active{border-color:var(--accent)!important;background:var(--bg-surface)!important;box-shadow:inset 0 0 0 1px var(--accent)!important}.graphics-palette-grid .palette-grid-btn{background-size:calc(100% / 4) var(--palette-cell-height,25%)}.palette-grid-btn,.palette-grid-btn *{cursor:grab!important}.palette-grid-btn:active,.palette-grid-btn:active *{cursor:grabbing!important}.left-rail-wrapper .palette-grid-btn,.mobile-bottom-panel .palette-grid-btn,.right-rail-wrapper .palette-grid-btn{touch-action:pan-y}.left-rail-wrapper .palette-grid-btn,.left-rail-wrapper .palette-grid-btn *,.mobile-bottom-panel .palette-grid-btn,.mobile-bottom-panel .palette-grid-btn *,.right-rail-wrapper .palette-grid-btn,.right-rail-wrapper .palette-grid-btn *{user-select:none;-webkit-user-select:none}.component-preview{flex-shrink:0;width:24px;min-width:24px;height:24px;min-height:24px;display:flex;align-items:center;justify-content:center}.knob-preview{width:24px;height:24px;background:radial-gradient(circle at 35% 35%,#4a4a4a,#1a1a1a);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.3)}.led-preview{width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#e4e6ec);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2),0 0 6px 2px rgba(255,255,255,.55),0 0 14px 4px rgba(255,255,255,.25)}.socket-preview{width:24px;height:24px;position:relative;display:flex;align-items:center;justify-content:center}.socket-preview::before{content:'';position:absolute;width:20px;height:20px;background:linear-gradient(135deg,#e0e0e0 0,#a0a0a0 50%,silver 100%);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.socket-preview::after{content:'';position:absolute;width:8px;height:8px;background:#1a1a1a;border-radius:50%}.component-name{font-family:var(--font-app);font-size:var(--mobile-chrome-ui-font-size);font-weight:400;letter-spacing:var(--nav-tracking);color:var(--mobile-chrome-ui-color);transition:color .2s}.options-panel{display:none;flex-direction:column;gap:1.25rem;padding-bottom:1.5rem}.right-palette-section{border-bottom:none}.options-panel.visible,.palette-section.options-panel.visible{display:flex}.palette-section.options-panel:not(.visible){display:none}.option-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;justify-content:flex-start}.option-row[style*="flex-direction: column"]{align-items:flex-start}.option-row .control-label{font-family:var(--font-app);font-size:var(--mobile-chrome-ui-font-size);font-weight:400;letter-spacing:var(--nav-tracking);text-transform:uppercase;color:var(--mobile-chrome-ui-color);cursor:default;text-align:left;align-self:flex-start;width:100%}.option-row--coord{gap:calc(var(--grid) * 1.5)}.option-row--coord .control-label{width:1.5em;min-width:1.5em;flex-shrink:0;text-align:center;align-self:center}.option-row:last-child{margin-bottom:0}.option-row input[type=checkbox]{width:20px;height:20px;min-width:20px;min-height:20px;cursor:pointer;border:1px solid var(--border);border-radius:0;appearance:none;-webkit-appearance:none;background:var(--bg-surface);transition:background .2s,border-color .2s,box-shadow .2s,color .2s}@media (hover:hover){.option-row input[type=checkbox]:hover{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}}.option-row input[type=checkbox]:active{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}.option-row input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:14px 14px;background-repeat:no-repeat;background-position:center}.option-row input[type=checkbox]:indeterminate{background:var(--accent);border-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Crect x='6' y='11' width='12' height='2'/%3E%3C/svg%3E");background-size:10px 10px;background-repeat:no-repeat;background-position:center}.option-row input[type=checkbox]:focus{outline:0;box-shadow:0 0 0 2px var(--accent)}.option-row input[type=number],.option-row input[type=text],.option-row textarea{width:100%;font-family:var(--font-app);font-size:var(--mobile-chrome-ui-font-size);padding:.5rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--corner-radius);color:var(--text-primary)}@media (hover:hover){.control-button:hover,.option-row input[type=number]:hover,.option-row input[type=text]:hover,.option-row textarea:hover{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}}.option-row input[type=number]:active,.option-row input[type=text]:active,.option-row textarea:active{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}.option-row input[type=text]:focus,.option-row textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.option-row label{font-family:var(--font-app);font-size:var(--mobile-chrome-ui-font-size);color:var(--mobile-chrome-ui-color);cursor:pointer;transition:color .2s}.control-button{padding:.5rem 1rem;font-family:var(--font-app);font-size:var(--mobile-chrome-ui-font-size);background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;transition:background .2s,border-color .2s}.control-button:active{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}.control-button.depressed{background:var(--accent);border-color:var(--accent);color:#fff}.option-row-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;flex:1;min-width:0}.panel-knob{position:absolute;background:radial-gradient(circle at 35% 35%,#4a4a4a,#1a1a1a);border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.4);cursor:move}.panel-knob.dragging{opacity:.8;z-index:100}.bnc-socket-container,.knob-container,.led-container,.rotary-switch-container,.slider-container,.socket-container,.toggle-switch-container,.trimmer-container{position:absolute;pointer-events:auto;touch-action:none}.component-label{position:absolute;font-family:var(--font-app);font-weight:500;transform:translate(-50%,-50%);cursor:text;color:#1a1a1a;user-select:none;text-transform:uppercase;min-height:1em;min-width:1em;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:center}.component-label:not([data-label-halign=left]):not([data-label-halign=right])::after,.component-label:not([data-label-halign=left]):not([data-label-halign=right])::before{content:"";flex:1 1 0;min-width:0}.component-label[data-label-halign=left]{justify-content:flex-start}.component-label[data-label-halign=right]{justify-content:flex-end}.component-label>.component-label-text{flex:0 1 auto;min-width:0;max-width:100%;overflow:hidden;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow-wrap:break-word}.component-label[data-label-halign=left]>.component-label-text,.component-label[data-label-halign=right]>.component-label-text{display:block;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:unset}.component-label[data-label-halign=left]>.component-label-text{text-align:left}.component-label[data-label-halign=right]>.component-label-text{text-align:right}.drag-ghost-text{font-family:var(--font-app);font-weight:500;text-transform:uppercase;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-label-container .group-label-text,.group-label-container .group-label-text.component-label,.group-label-text,.group-label-text.component-label{cursor:text!important;pointer-events:auto!important}.group-label-container .group-label-text[style*=cursor],.group-label-container .group-label-text[style*=cursor] *{cursor:text!important}.group-label-container .group-label-text{z-index:10;position:relative}.palette-grid:not(.graphics-palette-grid) .palette-grid-btn .component-label{display:none!important}.palette-grid .palette-grid-btn .group-label-text,.palette-grid .palette-grid-btn .group-label-text *{cursor:grab!important;pointer-events:none!important}body.add-mode-active *,body.add-mode-active ::after,body.add-mode-active ::before{cursor:crosshair!important}body.link-mode-active #canvasArea *{cursor:inherit!important}.component-label-input{position:absolute;font-family:var(--font-app);font-weight:500;text-align:center;transform:translate(-50%,-50%);background:#fff;border:1px solid var(--accent);border-radius:0;outline:0;padding:0;color:#1a1a1a;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:clip}.component-label-input.component-label-input-3d,.module-name.module-text-3d-fixed,.module-subtitle.module-text-3d-fixed{position:fixed;z-index:10000}.socket-label-bg{overflow:hidden}.components-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.components-layer-placed{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;overflow:hidden;pointer-events:none}.components-layer-placed>*,.components-layer>:not(.components-layer-placed){pointer-events:auto}.module-name{position:absolute;left:50%;transform:translate(-50%,-50%);font-family:var(--font-app);font-weight:500;color:var(--panel-silver);text-align:center;white-space:nowrap;overflow:hidden;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;z-index:6;outline:0;user-select:text;text-transform:uppercase;min-width:0;box-sizing:border-box;border:none}.module-name:focus{background:#fff;border:1px solid var(--accent);border-radius:0;color:#1a1a1a;padding:0;overflow:hidden;text-overflow:clip}.module-subtitle{position:absolute;left:50%;transform:translate(-50%,-50%);font-family:var(--font-app);font-weight:300;color:var(--panel-silver);text-align:center;white-space:nowrap;overflow:hidden;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;z-index:6;outline:0;user-select:text;text-transform:uppercase;min-width:0;box-sizing:border-box;border:none}.module-subtitle:focus{background:#fff;border:1px solid var(--accent);border-radius:0;color:#1a1a1a;padding:0;overflow:hidden;text-overflow:clip}.logo-container{position:absolute;pointer-events:none;z-index:6}.logo-container svg{display:block;width:100%;height:100%}.canvas-area{flex:1;display:flex;align-items:stretch;background:0 0;transition:background .2s;overflow:hidden;touch-action:none;min-width:0;position:relative}.panel-wrapper{position:relative;filter:drop-shadow(0 4px 12px rgba(0, 0, 0, .15));transform-origin:0 0;will-change:transform}.panel{touch-action:none;background:linear-gradient(180deg,#e4e4e7 0,#d4d4d8 20%,#c4c4c8 50%,#d4d4d8 80%,#e4e4e7 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.1)}.rail-band{position:absolute;left:0;right:0;background:linear-gradient(180deg,#2a2a2a 0,#1a1a1a 50%,#2a2a2a 100%);pointer-events:none;z-index:5}.rail-band.top{top:0}.rail-band.bottom{bottom:0}.panel.outline-mode{background:#fff;box-shadow:none;border:1px solid #000}.panel.outline-mode .rail-band{background:#fff;border:1px solid #000;box-shadow:none}.panel.outline-mode .rail-band.top{border-bottom:1px solid #000}.panel.outline-mode .rail-band.bottom{border-top:1px solid #000}.panel.outline-mode .module-name,.panel.outline-mode .module-subtitle{color:#1a1a1a}.panel.outline-mode .logo-container svg .cls-1,.panel.outline-mode .logo-container svg path{fill:#1a1a1a!important}.panel.outline-mode [data-output=true] .component-label,.panel.outline-mode [data-output=true] .group-label-text{color:#fff!important}.panel.graphics-mode{background:#fff;box-shadow:none}.panel.graphics-mode .rail-band{background:#141414}.panel.graphics-mode .module-name,.panel.graphics-mode .module-subtitle{color:#fff!important}.panel.graphics-mode .component-label-input,.panel.graphics-mode .group-label-text:focus,.panel.graphics-mode .module-name:focus,.panel.graphics-mode .module-subtitle:focus{color:#1a1a1a!important;background:#fff!important;border-radius:0}.panel.graphics-mode .logo-container svg .cls-1,.panel.graphics-mode .logo-container svg path{fill:#ffffff!important}.panel.graphics-mode [data-output=true] .component-label,.panel.graphics-mode [data-output=true] .group-label-text{color:#fff!important}.panel.graphics-mode .mounting-holes{display:none}.graphics-holes-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:none;z-index:6}.panel.graphics-mode .graphics-holes-layer{display:block}.graphics-mill-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:none;z-index:6}.panel.graphics-mode .graphics-mill-layer{display:block}.panel.graphics-mode .bnc-socket-container>svg,.panel.graphics-mode .button-container>div:first-child,.panel.graphics-mode .cable-container:not(.drag-ghost),.panel.graphics-mode .comp-body,.panel.graphics-mode .led-container>div:first-child,.panel.graphics-mode .panel-knob .comp-body,.panel.graphics-mode .panel-knob>div:not(.comp-body),.panel.graphics-mode .panel-knob>svg:first-of-type,.panel.graphics-mode .rotary-switch-container .panel-knob,.panel.graphics-mode .slider-container .slider-track,.panel.graphics-mode .slider-container>svg,.panel.graphics-mode .socket-container>svg,.panel.graphics-mode .toggle-switch-container>svg,.panel.graphics-mode .trimmer-container>svg,.panel.graphics-mode .xlr-socket-container>svg{display:none!important}.panel.graphics-mode .component-label,.panel.graphics-mode .group-label-text{color:#1a1a1a!important}.panel.view-3d-texture{background:linear-gradient(180deg,#e4e4e7 0,#d4d4d8 20%,#c4c4c8 50%,#d4d4d8 80%,#e4e4e7 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.1)!important}.panel.view-3d-texture .rail-band{background:linear-gradient(180deg,#2a2a2a 0,#1a1a1a 50%,#2a2a2a 100%)!important}.panel.view-3d-texture .module-name,.panel.view-3d-texture .module-subtitle{color:#e4e4e7!important}.panel.view-3d-texture .component-label-input,.panel.view-3d-texture .group-label-text:focus,.panel.view-3d-texture .module-name:focus,.panel.view-3d-texture .module-subtitle:focus{color:#1a1a1a!important;background:#fff!important;border-radius:0}.panel.view-3d-texture [data-output=true] .component-label,.panel.view-3d-texture [data-output=true] .group-label-text{color:#e4e4e7!important}.panel.view-3d-texture .text-container .component-label{min-width:max-content;overflow:visible}.panel.view-3d-texture .bnc-socket-container>svg,.panel.view-3d-texture .button-container>div:first-child,.panel.view-3d-texture .cable-container:not(.drag-ghost),.panel.view-3d-texture .comp-body,.panel.view-3d-texture .graphics-holes-layer,.panel.view-3d-texture .graphics-mill-layer,.panel.view-3d-texture .led-container>div:first-child,.panel.view-3d-texture .panel-knob .comp-body,.panel.view-3d-texture .panel-knob>div:not(.comp-body),.panel.view-3d-texture .panel-knob>svg:first-of-type,.panel.view-3d-texture .rotary-switch-container .panel-knob,.panel.view-3d-texture .slider-container .slider-track,.panel.view-3d-texture .slider-container>svg,.panel.view-3d-texture .socket-container>svg,.panel.view-3d-texture .toggle-switch-container>svg,.panel.view-3d-texture .trimmer-container>svg,.panel.view-3d-texture .xlr-socket-container>svg{display:none!important}.panel.view-3d-texture .mounting-holes{display:block!important}.panel.view-3d-texture .mounting-hole{background:#e4e4e7!important;box-shadow:inset 0 0 0 1.5px #c4c4c8!important}.mounting-holes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:6}.mounting-hole{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--content-bg);box-shadow:inset 0 0 0 1.5px #1a1a1a}.panel.outline-mode .mounting-hole.outline-mode{box-shadow:none;border:none;overflow:visible}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.grid-line-h,.grid-line-v{position:absolute;background:var(--grid-line)}.grid-line-h.minor,.grid-line-v.minor{background:var(--grid-line-minor)}.grid-line-h.highlight{background:var(--accent);height:3px;box-shadow:0 0 8px var(--accent-glow);z-index:10}.grid-line-v.highlight{background:var(--accent);width:3px;box-shadow:0 0 8px var(--accent-glow);z-index:10}.grid-line-h.highlight.minor{height:3px}.grid-line-v.highlight.minor{width:3px}.grid-line-h.highlight.illegal,.grid-line-v.highlight.illegal{background:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.55)}.grid-line-h{height:2px;left:0;right:0}.grid-line-v{width:2px;top:0;bottom:0}.grid-line-h.minor{height:1px}.grid-line-v.minor{width:1px}.drag-ghost{position:absolute;pointer-events:none;z-index:10000!important}.bounding-box-outline{position:absolute;left:0;top:0;pointer-events:none;border:1px dashed rgba(59,130,246,.7);box-sizing:border-box;display:none;z-index:9999}.hover-box-outline{position:absolute;left:0;top:0;pointer-events:none;border:2px solid rgba(59,130,246,.5);box-sizing:border-box;display:none;z-index:9997}.module-text-selection-box{position:absolute;left:0;top:0;pointer-events:none;border:2px solid #3b82f6;box-sizing:border-box;display:none;z-index:9998}.hitbox-overlays{position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;display:none;z-index:9998}.hitbox-overlays.visible{display:block}.hitbox-overlay-item{position:absolute;left:0;top:0;box-sizing:border-box;background:rgba(59,130,246,.2);border:2px solid #3b82f6}.hitbox-overlay-item.illegal{background:rgba(239,68,68,.2);border-color:#ef4444}.hitbox-overlay-outline{position:absolute;box-sizing:border-box;background:0 0!important;border:2px solid #3b82f6}.hitbox-overlay-outline.illegal{border-color:#ef4444}.link-highlight::after,.link-hover::after{content:'';position:absolute;inset:0;background:rgba(59,130,246,.28);mix-blend-mode:overlay;pointer-events:none}.drag-valid.component .component-label{color:#1a1a1a}.drag-invalid.component .component-label{color:#ef4444}.drag-valid.component.output-mode .component-label{color:var(--panel-silver)}.focus-greyed-out,.focus-greyed-out .component-label,.focus-greyed-out .group-label-text,.focus-greyed-out svg{filter:brightness(1.6) contrast(.65)}.selected.focus-greyed-out{filter:none!important;mix-blend-mode:normal!important}.selected.focus-greyed-out .component-label,.selected.focus-greyed-out .group-label-text,.selected.focus-greyed-out svg{filter:none!important}.coord-display{position:fixed;pointer-events:none;z-index:1001;font-family:var(--font-app);font-size:.75rem;background:var(--bg-surface);color:var(--text-primary);padding:.35rem .5rem;border-radius:0;border:1px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,.15);transition:background .2s,color .2s,border-color .2s;white-space:nowrap;transform:translate(12px,12px)}.coord-display .coord-value{color:var(--accent)}.selection-delete-btn{--selection-delete-color:#9f1f1f;position:fixed;left:0;top:0;width:32px;height:32px;padding:0;margin:0;border-radius:50%;background:var(--sidebar-bg);border:1.5px solid var(--selection-delete-color);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.12);transition:opacity .15s,background .2s,border-color .2s,transform .15s;transform:translate(-50%,-50%);z-index:var(--z-selection-delete)}.selection-delete-btn.visible{opacity:1;pointer-events:auto}.selection-delete-btn.visible:active{background:var(--selection-delete-color);border-color:var(--selection-delete-color)}.selection-delete-btn__icon{display:block;width:20px;height:20px;flex-shrink:0;color:var(--selection-delete-color);pointer-events:none;user-select:none;transition:color .2s}.selection-delete-btn__icon path{fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s}.selection-delete-btn.visible:active .selection-delete-btn__icon{color:#fff}.dialog-overlay{position:fixed;top:var(--nav-height);left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:var(--z-dialog-overlay)}.dialog-overlay.visible{display:flex}html:has(#aboutDialog.visible) .canvas-area,html:has(#exportDialog.visible) .canvas-area,html:has(#importDialog.visible) .canvas-area{pointer-events:none}html:has(#aboutDialog.visible) .mobile-bottom-panel,html:has(#exportDialog.visible) .mobile-bottom-panel,html:has(#importDialog.visible) .mobile-bottom-panel{pointer-events:none}html:has(#aboutDialog.visible) .selection-delete-btn,html:has(#exportDialog.visible) .selection-delete-btn,html:has(#importDialog.visible) .selection-delete-btn{pointer-events:none!important}.dialog{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--corner-radius);padding:1.5rem;transition:background .2s,border-color .2s;min-width:500px;max-width:80vw;max-height:min(80vh,calc(100dvh - var(--nav-height) - 2rem));display:flex;flex-direction:column;box-shadow:0 10px 40px rgba(0,0,0,.3)}.dialog-title{font-size:1.125rem;font-weight:500;margin-bottom:1rem;color:var(--text-primary);transition:color .2s;position:relative;display:flex;justify-content:space-between;align-items:center}.dialog-close-btn{background:0 0;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--corner-radius);transition:.2s;line-height:1}@media (hover:hover){.selection-delete-btn.visible:hover{background:var(--selection-delete-color);border-color:var(--selection-delete-color)}.selection-delete-btn.visible:hover .selection-delete-btn__icon{color:#fff}.dialog-close-btn:hover{background:var(--ui-hover-bg);color:var(--text-primary)}}.dialog-close-btn:active{background:var(--ui-hover-bg);color:var(--text-primary)}.dialog-content{flex:1;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.dialog-content--about-scroll{min-height:0;overflow-y:auto;margin-bottom:0;padding-right:.25rem}#aboutDialog .dialog.about-dialog{display:flex;flex-direction:row;align-items:stretch;gap:1.5rem;height:auto;max-height:min(90vh,calc(100dvh - var(--nav-height) - 2rem));overflow:hidden}.about-dialog__aside{flex-shrink:0;display:flex;align-items:flex-start}.about-dialog__brand{display:block;width:192px;height:192px}.about-dialog__main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.about-dialog__main .dialog-title{flex-shrink:0}#aboutDialog .about-dialog__main .dialog-content--about-scroll{flex:1 1 auto;min-height:0}@supports (-moz-appearance:none){.left-rail-wrapper .rail-scroll-inner,.right-rail-wrapper .rail-scroll-inner{scrollbar-width:thin;scrollbar-color:#bebebe var(--sidebar-bg)}html.theme-dark .left-rail-wrapper .rail-scroll-inner,html.theme-dark .right-rail-wrapper .rail-scroll-inner{scrollbar-color:#656565 var(--sidebar-bg)}#aboutDialog .dialog-content--about-scroll{scrollbar-width:thin;scrollbar-color:#bebebe var(--bg-dark)}html.theme-dark #aboutDialog .dialog-content--about-scroll{scrollbar-color:#656565 var(--bg-surface)}}#aboutDialog .dialog-content--about-scroll::-webkit-scrollbar{display:block;width:10px;height:10px}#aboutDialog .dialog-content--about-scroll::-webkit-scrollbar-thumb{background:#bebebe;border-radius:5px;border:2px solid var(--bg-dark)}html.theme-dark #aboutDialog .dialog-content--about-scroll::-webkit-scrollbar-thumb{background:#656565;border-color:var(--bg-surface)}#aboutDialog .dialog-content--about-scroll::-webkit-scrollbar-track{background:var(--bg-dark)}html.theme-dark #aboutDialog .dialog-content--about-scroll::-webkit-scrollbar-track{background:var(--bg-surface)}#aboutDialog .dialog-content--about-scroll::-webkit-scrollbar-button{display:none;width:0;height:0}.about-dialog-legal{font-size:var(--nav-font-size);line-height:1.5;color:var(--text-primary);font-family:var(--font-app)}.about-dialog-legal p{margin:0 0 .75rem}.about-dialog-legal p:last-child{margin-bottom:0}.about-dialog-legal__h{font-size:.95rem;font-weight:600;margin:1rem 0 .5rem;color:var(--text-primary)}.about-dialog-legal__h:first-of-type{margin-top:0}.about-dialog-legal ul{margin:0 0 .75rem;padding-left:1.25rem}.about-dialog-legal li{margin-bottom:.45rem}.about-dialog-legal li:last-child{margin-bottom:0}.right-rail-footer{flex-shrink:0;padding:.45rem calc(var(--grid) * 1.5) .55rem;border-top:1px solid var(--rail-line);background:var(--sidebar-bg)}.right-rail-footer__line{margin:0;font-size:10px;line-height:1.4;color:var(--text-muted);text-align:left;font-weight:400;letter-spacing:.03em}.right-rail-footer__gap{user-select:none}.about-dialog-legal a,.right-rail-footer__about{color:inherit;text-decoration:underline;text-underline-offset:2px;transition:color .15s}.right-rail-footer__about{display:inline;padding:0;margin:0;border:none;background:0 0;font:inherit;font-size:inherit;cursor:pointer;border-radius:0}.about-dialog-legal a:active,.right-rail-footer__about:active{color:var(--link-hover-on-muted)}.right-rail-footer__about:focus-visible{color:var(--link-hover-on-muted)}.about-dialog-legal a:focus{outline:0}.about-dialog-legal a:focus-visible{color:var(--link-hover-on-muted);box-shadow:0 0 0 2px var(--accent);border-radius:0}.dialog-textarea{font-family:var(--font-app);font-size:.875rem;padding:.75rem;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);border-radius:var(--corner-radius);transition:background .2s,border-color .2s,color .2s;resize:vertical;min-height:200px;width:100%;box-sizing:border-box}@media (hover:hover){.about-dialog-legal a:hover,.right-rail-footer__about:hover{color:var(--link-hover-on-muted)}.dialog-textarea:hover{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}}.dialog-textarea:active{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}.dialog-textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.dialog-buttons{display:flex;gap:.5rem;justify-content:flex-end}.dialog-btn{font-family:var(--font-app);font-size:.875rem;padding:.5rem 1rem;border:1px solid var(--border);background:var(--bg-dark);color:var(--text-primary);cursor:pointer;border-radius:var(--corner-radius);transition:background .2s,border-color .2s,color .2s}.dialog-btn:active{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}.dialog-btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}@media (hover:hover){.dialog-btn:hover{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}.dialog-btn-primary:hover{background:color-mix(in srgb,#2563eb 88%,#000);border-color:color-mix(in srgb,#2563eb 88%,#000)}.theme-toggle-btn:hover{color:var(--scrollable-bg)}}.dialog-btn-primary:active{background:color-mix(in srgb,#2563eb 88%,#000);border-color:color-mix(in srgb,#2563eb 88%,#000)}.group-label-container,.group-label-container svg{display:block!important;visibility:visible!important;opacity:1!important}.group-label-container .group-label-text{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;cursor:text!important}.group-label-container .group-label-text.component-label{left:0;width:100%;max-width:100%;top:50%;transform:translateY(-50%)}.group-label-container .group-label-endpoint-hit{z-index:20}.group-label-container .group-label-endpoint{z-index:21}.marquee-selection{position:fixed;border:1px dashed var(--accent);background:var(--accent-glow);pointer-events:none;z-index:var(--z-marquee)}.theme-toggle--desktop{position:fixed;top:0;right:0;width:var(--rail-width);height:var(--nav-height);display:flex;align-items:center;justify-content:center;z-index:calc(var(--z-nav-chrome) + 1)}.theme-toggle-btn{width:var(--rail-width);height:var(--nav-height);padding:0;background:0 0;border:none;cursor:pointer;color:var(--nav-text);transition:color .15s;display:flex;align-items:center;justify-content:center;border-radius:0}.theme-toggle .theme-icon{width:20px;height:20px;position:absolute;display:none}.theme-toggle.theme-current-dark .theme-icon-dark,.theme-toggle.theme-current-light .theme-icon-light{display:block}.theme-icon-dark{transform:translateX(1.67px)}.theme-toggle-btn:active{color:var(--scrollable-bg)}.theme-toggle-btn:focus-visible{color:var(--scrollable-bg)}.menu-btn{display:none;background:0 0;border:none;padding:0;width:var(--rail-width);height:var(--nav-height);cursor:pointer;color:#fff;opacity:.7;transition:opacity .2s;align-items:center;justify-content:center;border-radius:0}@media (hover:hover){.menu-btn:hover,.mobile-bottom-panel .mobile-panel-handle:hover{opacity:1}}.menu-btn:active{opacity:1}.menu-btn svg{width:20px;height:20px}.menu-btn svg line{transition:transform .1s}.menu-btn.open svg line:first-child{transform:translateY(-2px)}.menu-btn.open svg line:nth-child(2){transform:translateY(2px)}.mobile-menu{display:none}.mobile-bottom-panel{display:none;position:fixed;bottom:0;left:0;right:0;flex-direction:column;--mobile-panel-handle-h:calc(var(--nav-height) / 2);background:0 0;border-top:none;z-index:var(--z-mobile-bottom-panel);transition:height .3s cubic-bezier(.4, 0, .2, 1),transform .3s cubic-bezier(.4, 0, .2, 1);height:20svh;overflow:hidden;box-sizing:border-box}.mobile-bottom-panel.dragging{transition:transform .3s cubic-bezier(.4, 0, .2, 1)}.mobile-bottom-panel.compact{height:20svh}.mobile-bottom-panel.expanded{height:80svh}.mobile-bottom-panel .mobile-panel-handle{position:absolute;top:0;left:0;right:0;height:var(--mobile-panel-handle-h);width:100%;padding:0 1rem;margin:0;background:0 0;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;z-index:20;pointer-events:auto;touch-action:pan-x pan-y;box-sizing:border-box;appearance:none;-webkit-appearance:none;font:inherit;color:inherit;opacity:.7;transition:opacity .2s}.mobile-bottom-panel .mobile-panel-handle:focus{outline:0}.mobile-bottom-panel .mobile-panel-handle:focus-visible{opacity:1;outline:2px solid var(--accent);outline-offset:2px}.mobile-bottom-panel .mobile-panel-handle:active,.mobile-bottom-panel .mobile-panel-handle:focus-visible{opacity:1}.mobile-bottom-panel .mobile-panel-handle-bar{width:min(160px,90vw);max-width:90vw;height:4px;border-radius:9999px;flex-shrink:0;background:color-mix(in srgb,var(--desktop-split-chrome) 35%,var(--content-bg))}html.theme-dark .mobile-bottom-panel .mobile-panel-handle-bar{background:color-mix(in srgb,#fff 35%,var(--content-bg))}.mobile-panel-swipe{flex:1 1 0;min-height:0;width:100%;display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-snap-stop:always;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.mobile-panel-swipe::-webkit-scrollbar{display:none}.mobile-panel-page{flex:0 0 100%;width:100%;min-width:100%;scroll-snap-align:start;box-sizing:border-box;display:flex;flex-direction:column;min-height:0;height:100%;background:var(--sidebar-bg);position:relative;isolation:isolate;overflow:hidden}.mobile-panel-page-gap{flex:0 0 var(--mobile-split-gap,4px);width:var(--mobile-split-gap,4px);min-width:var(--mobile-split-gap,4px);align-self:stretch;background:var(--desktop-split-chrome);scroll-snap-align:none}.mobile-bottom-panel .mobile-panel-content{position:absolute;inset:0;z-index:0;overflow-y:auto;overflow-x:hidden;flex:none;min-height:0;width:100%;padding:0;padding-top:var(--mobile-panel-handle-h);-webkit-overflow-scrolling:touch;box-sizing:border-box}.mobile-panel-section{padding:.75rem;margin-bottom:1.25rem}.mobile-panel-section:first-child{padding-top:.75rem}.mobile-panel-section:last-child{margin-bottom:0;padding-bottom:1rem}.mobile-panel-section-title{font-family:var(--font-app);font-weight:400;font-size:var(--nav-font-size);text-transform:uppercase;letter-spacing:var(--nav-tracking);color:var(--rail-marker-color);margin-bottom:.5rem;transition:color .2s}.mobile-bottom-panel .mobile-panel-section-title{color:var(--mobile-chrome-ui-color)}.mobile-component-grid{width:100%;max-width:100%;box-sizing:border-box}.mobile-bottom-panel .palette-grid-btn.dragging{opacity:.5}.mobile-bottom-panel .palette-grid-btn.last-used{border-color:var(--accent)!important;box-shadow:inset 0 0 0 1px var(--accent)!important}.mobile-bottom-panel .palette-grid-btn.touch-hold-active{box-shadow:inset 0 0 0 1px var(--accent)!important;position:relative;z-index:1}@media (max-width:900px){:root{--mobile-split-radius:8px;--mobile-split-gap:4px;--palette-narrow-icon-factor:0.7407407407;--mobile-menu-h:calc(100dvh - var(--nav-height))}body{background:var(--desktop-split-chrome)}.app-container,body,html{height:100vh;max-height:100vh;height:100dvh;max-height:100dvh}.left-rail-wrapper,.right-rail-wrapper{display:none!important}.canvas-area .canvas-viewport{border-radius:var(--mobile-split-radius);border-bottom-left-radius:0;border-bottom-right-radius:0;overflow:hidden}.mobile-bottom-panel{display:flex;flex-direction:column;left:0;right:0;width:100%;max-width:none;box-sizing:border-box;border-top:none;background:0 0;overflow:visible}.mobile-bottom-panel::before{content:'';position:absolute;z-index:-1;bottom:calc(100% - var(--mobile-split-radius));left:0;right:0;height:calc(var(--mobile-split-gap) + var(--mobile-split-radius));background:var(--desktop-split-chrome);pointer-events:none}.mobile-bottom-panel::after{content:'';position:absolute;bottom:calc(100% + var(--mobile-split-gap));left:0;right:0;height:var(--mobile-split-radius);background:radial-gradient(circle at 100% 0,transparent calc(var(--mobile-split-radius) - .5px),var(--desktop-split-chrome) var(--mobile-split-radius)) bottom left/var(--mobile-split-radius) var(--mobile-split-radius) no-repeat,radial-gradient(circle at 0 0,transparent calc(var(--mobile-split-radius) - .5px),var(--desktop-split-chrome) var(--mobile-split-radius)) bottom right/var(--mobile-split-radius) var(--mobile-split-radius) no-repeat;pointer-events:none}.mobile-bottom-panel .mobile-panel-handle,.mobile-bottom-panel .palette-grid-btn{touch-action:pan-x pan-y}.mobile-bottom-panel .mobile-panel-page--elements,.mobile-bottom-panel .mobile-panel-page--options{border-radius:var(--mobile-split-radius) var(--mobile-split-radius) 0 0;overflow:hidden}.mobile-bottom-panel .mobile-panel-content{border-bottom-left-radius:0;border-bottom-right-radius:0}.mobile-bottom-panel .mobile-component-grid,.mobile-bottom-panel .mobile-panel-content,.mobile-bottom-panel .mobile-panel-section{width:100%;min-width:0;box-sizing:border-box}.mobile-bottom-panel .graphics-palette-grid,.mobile-bottom-panel .palette-grid{width:100%;max-width:100%;min-width:0;box-sizing:border-box;grid-template-columns:repeat(var(--mobile-palette-grid-cols,4),minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:auto!important;grid-auto-flow:dense!important;aspect-ratio:unset!important}.mobile-bottom-panel .graphics-palette-grid .palette-grid-btn,.mobile-bottom-panel .palette-grid .palette-grid-btn{grid-column:span 1!important;grid-row:span 1!important;box-sizing:border-box;aspect-ratio:1;border:none!important;box-shadow:inset 0 0 0 .5px var(--rail-line)}.mobile-bottom-panel .palette-grid .palette-grid-btn[data-type=slider]{grid-row:span 2!important;aspect-ratio:1/2}header{padding:0 0 0 var(--rail-width);z-index:var(--z-nav-chrome)}.header-logo{z-index:1}header h1{font-size:calc(var(--nav-font-size) * 1.414);position:absolute;left:50%;transform:translateX(-50%);z-index:0;justify-items:center;pointer-events:none;user-select:none}.header-actions{display:none}.menu-btn{display:flex;position:absolute;right:0;top:0;width:var(--rail-width);height:var(--nav-height);z-index:1002}.mobile-menu{position:fixed;top:var(--nav-height);left:0;right:0;height:var(--mobile-menu-h);background:var(--desktop-split-chrome);border-bottom:var(--mobile-split-gap) solid var(--desktop-split-chrome);z-index:var(--z-mobile-menu-flyout);display:flex;flex-direction:column;overflow:visible;box-sizing:border-box;transform:translateY(calc(-1 * var(--mobile-menu-h)));transition:transform .3s cubic-bezier(.4, 0, .2, 1);pointer-events:none}.mobile-menu::before{content:'';position:absolute;z-index:-1;top:calc(-1 * var(--mobile-split-gap));left:0;right:0;height:calc(var(--mobile-split-gap) + var(--mobile-split-radius));background:var(--desktop-split-chrome);pointer-events:none}.mobile-menu::after{content:'';position:absolute;z-index:0;top:calc(-1 * var(--mobile-split-gap) - var(--mobile-split-radius));left:0;right:0;height:var(--mobile-split-radius);background:radial-gradient(circle at 100% 100%,transparent calc(var(--mobile-split-radius) - .5px),var(--desktop-split-chrome) var(--mobile-split-radius)) top left/var(--mobile-split-radius) var(--mobile-split-radius) no-repeat,radial-gradient(circle at 0 100%,transparent calc(var(--mobile-split-radius) - .5px),var(--desktop-split-chrome) var(--mobile-split-radius)) top right/var(--mobile-split-radius) var(--mobile-split-radius) no-repeat;pointer-events:none}.mobile-menu-stack{position:relative;z-index:1;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;box-sizing:border-box}.mobile-menu-palette{flex-shrink:0;background:#2e2e2e;border-radius:var(--mobile-split-radius);overflow:hidden}.mobile-menu-palette--files{position:relative;isolation:isolate}.mobile-menu-palette--files .mobile-menu-item{position:relative;z-index:0}.mobile-menu-palette-gap{flex:0 0 var(--mobile-split-gap);height:var(--mobile-split-gap);min-height:var(--mobile-split-gap);background:var(--desktop-split-chrome)}.mobile-menu.open{transform:translateY(0);pointer-events:auto}.main-content{transition:transform .3s cubic-bezier(.4, 0, .2, 1)}html.mobile-menu-open .main-content,html.mobile-menu-open .mobile-bottom-panel{transform:translateY(var(--mobile-menu-h,0))}.mobile-menu-item{font-family:var(--font-app);font-weight:400;font-size:var(--mobile-chrome-ui-font-size);letter-spacing:var(--nav-tracking);color:var(--nav-text);text-decoration:none;display:flex;align-items:center;width:100%;height:var(--nav-height);padding-left:calc((var(--rail-width) - 28px)/ 2);padding-right:var(--grid);box-sizing:border-box;background:0 0;border:none;cursor:pointer;text-align:left;transition:color .15s}.mobile-menu-item:active,.mobile-menu-item:focus-visible{background:0 0;color:var(--scrollable-bg)}.mobile-menu-item.mobile-menu-item--active{opacity:.35;pointer-events:none;cursor:default}.mobile-menu-grid-row{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;min-height:var(--nav-height);padding-left:calc((var(--rail-width) - 28px)/ 2);padding-right:var(--grid);box-sizing:border-box}.mobile-menu-grid-label{font-family:var(--font-app);font-weight:400;font-size:var(--mobile-chrome-ui-font-size);letter-spacing:var(--nav-tracking);color:var(--nav-text);flex-shrink:0;user-select:none}.mobile-menu-grid-sizes{display:flex;align-items:center;flex-shrink:0;gap:0}.mobile-menu-grid-size{font-family:var(--font-app);font-weight:400;font-size:var(--mobile-chrome-ui-font-size);letter-spacing:var(--nav-tracking);color:var(--nav-text);width:var(--nav-height);height:var(--nav-height);padding:0;margin:0;border:none;background:0 0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box;transition:color .15s;-webkit-tap-highlight-color:transparent}@media (hover:hover){.header-logo:hover+h1 .header-title-default{opacity:1}.header-logo:hover+h1 .header-title-hover{opacity:0}.mobile-menu-grid-size:hover:not(.mobile-menu-grid-size--active),.mobile-menu-item:hover{background:0 0;color:var(--scrollable-bg)}}.mobile-menu-grid-size:active:not(.mobile-menu-grid-size--active),.mobile-menu-grid-size:focus-visible:not(.mobile-menu-grid-size--active){background:0 0;color:var(--scrollable-bg)}.mobile-menu-grid-size.mobile-menu-grid-size--active{opacity:.35;pointer-events:none;cursor:default}.mobile-menu-palette--files .theme-toggle--flyout{display:flex;position:absolute;bottom:0;right:0;z-index:10;width:var(--rail-width);height:var(--rail-width);align-items:center;justify-content:center;pointer-events:auto}.mobile-menu-palette--files .theme-toggle--flyout .theme-toggle-btn{position:relative;z-index:1}.theme-toggle--desktop{display:none!important}.canvas-area{padding-bottom:calc(20svh + var(--mobile-split-gap));box-sizing:border-box;background:0 0!important}#importDialog.dialog-overlay{top:var(--nav-height);align-items:stretch;justify-content:stretch;padding:0;background:0 0}#importDialog .dialog{min-width:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:none;border-radius:0;box-shadow:none;background:var(--bg-surface);padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom,0px));box-sizing:border-box}html.theme-dark #importDialog .dialog{border:none;background:var(--bg-surface)}#importDialog .dialog-content{flex:1;min-height:0;margin-bottom:1.5rem}#importDialog .dialog-textarea{flex:1;min-height:120px;resize:none}#importDialog .dialog-buttons{flex-shrink:0}#aboutDialog.dialog-overlay{top:var(--nav-height);align-items:stretch;justify-content:stretch;padding:0;background:0 0}#aboutDialog .dialog.about-dialog{min-width:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:none;border-radius:0;box-shadow:none;background:var(--bg-surface);padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom,0px));box-sizing:border-box;gap:1rem;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr);align-items:stretch}html.theme-dark #aboutDialog .dialog.about-dialog{border:none;background:var(--bg-surface)}#aboutDialog .about-dialog__aside{display:flex;justify-content:center;align-items:center;width:100%;grid-row:2;grid-column:1}#aboutDialog .about-dialog__brand{width:min(160px,40vw);height:min(160px,40vw);max-width:100%;margin-bottom:1.5rem}#aboutDialog .about-dialog__main{display:contents}#aboutDialog .about-dialog__main .dialog-title{grid-row:1;grid-column:1;margin-bottom:0}#aboutDialog .about-dialog__main .dialog-content.dialog-content--about-scroll{grid-row:3;grid-column:1;max-height:none;min-height:0;width:100%;box-sizing:border-box;margin-bottom:0;flex:none}}@media (min-width:901px) and (max-width:1200px){:root{--palette-narrow-icon-factor:0.7407407407}.left-rail-wrapper .rail-scroll,.rail-scroll,.right-rail-wrapper .rail-scroll{min-width:calc(var(--rail-width) + 200px)}.left-rail-wrapper .rail-scroll-inner{grid-template-columns:var(--rail-width) minmax(0,200px)}.right-rail-wrapper .rail-scroll-inner{grid-template-columns:minmax(0,200px) var(--rail-width)}}@media (min-width:901px){html.view-mode-3d .orbit-sliders-layer .orbit-slider--x{transform:translateY(50%)!important;pointer-events:auto!important}html.view-mode-3d .orbit-sliders-layer .orbit-slider--y{transform:translateX(50%)!important;pointer-events:auto!important}html.view-mode-3d .orbit-sliders-layer .orbit-navball{transform:none!important;pointer-events:auto!important}.theme-toggle--flyout{display:none!important}.main-content{gap:var(--desktop-split-gap);background:var(--desktop-split-chrome)}.left-rail-wrapper{border-right:none;border-top-right-radius:var(--desktop-split-radius);border-bottom-right-radius:var(--desktop-split-radius);overflow:hidden}.right-rail-wrapper{border-left:none;border-top-left-radius:var(--desktop-split-radius);border-bottom-left-radius:var(--desktop-split-radius);overflow:hidden}.canvas-area,html.theme-dark .canvas-area{background:0 0!important}.canvas-viewport{border-radius:var(--desktop-split-radius);overflow:hidden}}.mobile-options-section{margin-bottom:1.5rem}#mobileOptionsPaletteInner>.mobile-options-section:not(:last-child),.mobile-options-section:last-child{margin-bottom:0}#mobileOptionsPaletteInner>.right-palette-divider{width:calc(100% + 2 * (var(--mobile-palette-inset,.75rem) + var(--mobile-palette-section-pad,.75rem)));max-width:none;margin-left:calc(-1 * (var(--mobile-palette-inset,.75rem) + var(--mobile-palette-section-pad,.75rem)));margin-right:calc(-1 * (var(--mobile-palette-inset,.75rem) + var(--mobile-palette-section-pad,.75rem)));margin-top:.75rem;margin-bottom:.75rem}#mobileOptionsPaletteInner>.right-palette-divider:has(+ .right-palette-divider){margin-bottom:0}#mobileOptionsPaletteInner>.right-palette-divider+.right-palette-divider{margin-top:0}.mobile-options-section-title{font-family:var(--font-app);font-size:var(--mobile-chrome-ui-font-size);font-weight:400;text-transform:uppercase;letter-spacing:var(--nav-tracking);color:var(--mobile-chrome-ui-color);margin-bottom:.75rem}.mobile-option-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.mobile-option-row:last-child{margin-bottom:0}.mobile-option-row label{font-family:var(--font-app);font-size:var(--mobile-chrome-ui-font-size);font-weight:400;letter-spacing:var(--nav-tracking);color:var(--mobile-chrome-ui-color);transition:color .2s}.mobile-option-row input[type=checkbox]{width:20px;height:20px;min-width:20px;min-height:20px;cursor:pointer;border:1px solid var(--border);border-radius:0;appearance:none;-webkit-appearance:none;background:var(--bg-surface);transition:background .2s,border-color .2s,box-shadow .2s}@media (hover:hover){.mobile-option-row input[type=checkbox]:hover{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}}.mobile-option-row input[type=checkbox]:active{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}.mobile-option-row input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:14px 14px;background-repeat:no-repeat;background-position:center}.mobile-option-row input[type=checkbox]:indeterminate{background:var(--accent);border-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Crect x='6' y='11' width='12' height='2'/%3E%3C/svg%3E");background-size:12px 12px;background-repeat:no-repeat;background-position:center}.mobile-option-row input[type=checkbox]:focus{outline:0;box-shadow:0 0 0 2px var(--accent)}.mobile-option-row input[type=number],.mobile-option-row input[type=text]{font-family:var(--font-app);font-size:var(--mobile-chrome-ui-font-size);padding:.5rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--corner-radius);color:var(--text-primary);min-height:44px;transition:background .2s,border-color .2s}.mobile-option-row input[type=number]:active,.mobile-option-row input[type=text]:active{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}.mobile-option-row select{font-family:var(--font-app);font-size:var(--mobile-chrome-ui-font-size);padding:.5rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--corner-radius);color:var(--text-primary);min-height:44px;cursor:pointer;transition:background .2s,border-color .2s}@media (hover:hover){.mobile-option-row input[type=number]:hover,.mobile-option-row input[type=text]:hover,.mobile-option-row select:hover{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}html:not(.theme-dark) .left-rail-wrapper .palette-grid-btn:hover,html:not(.theme-dark) .mobile-bottom-panel .palette-grid-btn:hover,html:not(.theme-dark) .right-rail-wrapper .palette-grid-btn:hover{background-color:var(--ui-hover-bg)!important;border-color:var(--rail-line)!important}}.mobile-option-row select:active{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}.mobile-options-dialog .option-row,.mobile-panel-content--options .option-row{margin-bottom:1rem}.mobile-options-dialog .control-label,.mobile-panel-content--options .control-label{font-size:var(--mobile-chrome-ui-font-size)}.mobile-options-dialog button,.mobile-options-dialog input,.mobile-options-dialog select,.mobile-panel-content--options button,.mobile-panel-content--options input,.mobile-panel-content--options select{min-height:44px}.mobile-options-dialog .hp-adjust-btn,.mobile-options-dialog .hp-input-group input,.mobile-panel-content--options .hp-adjust-btn,.mobile-panel-content--options .hp-input-group input{height:44px;min-height:44px}.mobile-bottom-panel .mobile-panel-content--elements{--mobile-palette-inset:0.75rem;display:flex;flex-direction:column;overflow:hidden;padding:0;box-sizing:border-box}.mobile-bottom-panel #mobilePanelContent.mobile-elements-palette-scroll{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;margin-left:calc(-1 * var(--mobile-palette-inset));margin-right:calc(-1 * var(--mobile-palette-inset));width:calc(100% + 2 * var(--mobile-palette-inset));padding:calc(var(--mobile-panel-handle-h) + var(--mobile-palette-inset)) var(--mobile-palette-inset) 0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-bottom-panel #mobilePanelContent.mobile-elements-palette-scroll>.mobile-elements-palette-scroll-inner{flex:1 1 auto;display:flex;flex-direction:column;width:100%;box-sizing:border-box;gap:.75rem}.mobile-bottom-panel #mobilePanelContent .mobile-elements-palette-scroll-inner>.mobile-elements-palette-inner{flex:0 0 auto;min-width:0}.mobile-panel-content--elements #mobilePanelContent>.mobile-elements-palette-scroll-inner>.right-rail-footer{width:calc(100% + 2 * var(--mobile-palette-inset));max-width:none;margin-left:calc(-1 * var(--mobile-palette-inset));margin-right:calc(-1 * var(--mobile-palette-inset));margin-top:auto;flex-shrink:0;box-sizing:border-box;padding:var(--mobile-palette-inset) calc(var(--grid) * 1.5)}.mobile-panel-content--elements #mobilePanelContent>.mobile-elements-palette-scroll-inner>.right-rail-footer .right-rail-footer__line{text-align:center}.mobile-bottom-panel .mobile-panel-content--options{--mobile-palette-inset:0.75rem;--mobile-palette-section-pad:0.75rem;display:flex;flex-direction:column;overflow:hidden;padding:0;box-sizing:border-box}.mobile-bottom-panel .mobile-panel-content--options #mobileOptionsPaletteInner{padding:var(--mobile-palette-section-pad);padding-bottom:1rem;box-sizing:border-box}.mobile-bottom-panel #mobileOptionsPaletteContent.mobile-options-palette-scroll{flex:1 1 auto;min-height:0;margin-left:calc(-1 * var(--mobile-palette-inset));margin-right:calc(-1 * var(--mobile-palette-inset));width:calc(100% + 2 * var(--mobile-palette-inset));padding:calc(var(--mobile-panel-handle-h) + var(--mobile-palette-inset)) var(--mobile-palette-inset) 0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}html:not(.theme-dark) .left-palette-section,html:not(.theme-dark) .left-rail-cell,html:not(.theme-dark) .rail-cell,html:not(.theme-dark) .right-palette-section,html:not(.theme-dark) .right-rail-cell{background:var(--sidebar-bg)}html:not(.theme-dark) .left-rail-wrapper .component-item,html:not(.theme-dark) .left-rail-wrapper .palette-grid-btn,html:not(.theme-dark) .mobile-bottom-panel .palette-grid-btn,html:not(.theme-dark) .right-rail-wrapper .component-item,html:not(.theme-dark) .right-rail-wrapper .palette-grid-btn{background-color:var(--sidebar-bg)!important;border-color:var(--rail-line)!important}html:not(.theme-dark) .left-rail-wrapper .palette-grid .palette-grid-btn,html:not(.theme-dark) .mobile-bottom-panel .palette-grid .palette-grid-btn,html:not(.theme-dark) .right-rail-wrapper .palette-grid .palette-grid-btn{background:var(--sidebar-bg)!important}html:not(.theme-dark) .left-rail-wrapper .palette-grid-btn:active,html:not(.theme-dark) .mobile-bottom-panel .palette-grid-btn:active,html:not(.theme-dark) .right-rail-wrapper .palette-grid-btn:active{background-color:var(--ui-hover-bg)!important;border-color:var(--rail-line)!important}html:not(.theme-dark) .left-rail-wrapper .palette-grid .palette-grid-btn:active,html:not(.theme-dark) .mobile-bottom-panel .palette-grid .palette-grid-btn:active,html:not(.theme-dark) .right-rail-wrapper .palette-grid .palette-grid-btn:active{background-color:var(--ui-hover-bg)!important;border-color:var(--rail-line)!important;box-shadow:inset 0 0 0 .5px var(--rail-line),inset 0 0 0 1px var(--ui-hover-border)!important}html:not(.theme-dark) .left-rail-wrapper [data-section] .palette-grid>div{background:var(--sidebar-bg)!important}html.theme-dark{color-scheme:dark;--bg-dark:#1e1e1e;--bg-surface:#1e1e1e;--sidebar-bg:#2e2e2e;--content-bg:#323232;--canvas-gradient-center:#3e3e3e;--canvas-viewport-bg:radial-gradient(
                circle at 50% 50%,
                var(--canvas-gradient-center) 0%,
                var(--content-bg) 55%,
                var(--content-bg) 100%
            );--grid-line:rgba(96, 165, 250, 0.6);--grid-line-minor:rgba(96, 165, 250, 0.3);--text-primary:#e0e0e0;--text-muted:#a0a0a0;--link-hover-on-muted:#ffffff;--border:#666666;--graphics-icon-color:var(--border);--rail-line:#666666;--rail-marker-color:#e0e0e0;--accent:#60a5fa;--accent-glow:rgba(96, 165, 250, 0.3);--hover-bg:#f6fafe;--hover-text:#141414;--ui-hover-bg:color-mix(in srgb, white 8%, var(--bg-surface));--ui-hover-border:color-mix(in srgb, white 14%, var(--border));--nav-hover-bg:rgba(255, 255, 255, 0.08);--mobile-chrome-ui-color:var(--text-primary)}html.theme-dark .left-rail-cell,html.theme-dark .rail-cell,html.theme-dark .right-rail-cell{background:var(--sidebar-bg)}html.theme-dark .left-rail-wrapper,html.theme-dark .right-rail-wrapper{border-color:var(--rail-line)}html.theme-dark .rail-line{background:var(--rail-line)}html.theme-dark .left-palette-section,html.theme-dark .right-palette-section{background:var(--sidebar-bg);border-color:var(--rail-line)}html.theme-dark .canvas-area{background:0 0}html.theme-dark .component-name,html.theme-dark .control-label{color:var(--mobile-chrome-ui-color)}html.theme-dark .hp-label{color:var(--text-muted)}html.theme-dark .hp-adjust-btn,html.theme-dark .hp-input-group input{background:var(--bg-surface);border-color:var(--border);color:var(--text-primary)}html.theme-dark .dialog-textarea:active,html.theme-dark .hp-input-group input:not([type=checkbox]):not([type=range]):active{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}html.theme-dark .component-item,html.theme-dark .coord-display,html.theme-dark .dialog{background:var(--bg-surface);border-color:var(--border);color:var(--text-primary)}html.theme-dark .selection-delete-btn{--selection-delete-fg:#f472b6;border-color:var(--selection-delete-fg)}html.theme-dark .selection-delete-btn__icon{color:var(--selection-delete-fg)}html.theme-dark .dialog-btn,html.theme-dark .dialog-textarea{background:var(--bg-surface);border-color:var(--border);color:var(--text-primary)}@media (hover:hover){html:not(.theme-dark) .left-rail-wrapper .palette-grid .palette-grid-btn:hover,html:not(.theme-dark) .mobile-bottom-panel .palette-grid .palette-grid-btn:hover,html:not(.theme-dark) .right-rail-wrapper .palette-grid .palette-grid-btn:hover{background-color:var(--ui-hover-bg)!important;border-color:var(--rail-line)!important;box-shadow:inset 0 0 0 .5px var(--rail-line),inset 0 0 0 1px var(--ui-hover-border)!important}html.theme-dark .dialog-btn:not(.dialog-btn-primary):hover,html.theme-dark .dialog-textarea:hover,html.theme-dark .hp-input-group input:not([type=checkbox]):not([type=range]):hover{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}html.theme-dark .dialog-btn-primary:hover{background:color-mix(in srgb,#2563eb 88%,#000);border-color:color-mix(in srgb,#2563eb 88%,#000)}}html.theme-dark .dialog-btn:not(.dialog-btn-primary):active{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}html.theme-dark .dialog-btn-primary:active{background:color-mix(in srgb,#2563eb 88%,#000);border-color:color-mix(in srgb,#2563eb 88%,#000)}html.theme-dark .mobile-bottom-panel{background:0 0}html.theme-dark .mobile-bottom-panel .mobile-panel-handle{background:0 0;border:none}html.theme-dark .export-dropdown-menu{border:none}html.theme-dark .export-dropdown-item:active,html.theme-dark .export-dropdown-item:focus-visible{background:0 0;color:var(--scrollable-bg)}@media (hover:hover){html.theme-dark .export-dropdown-item:hover{background:0 0;color:var(--scrollable-bg)}html.theme-dark .export-dropdown-item[data-export-type=svg]:disabled:hover,html.theme-dark .mobile-menu-item[data-export-type=svg]:disabled:hover{background:0 0!important;color:var(--nav-text)!important}html.theme-dark .component-item:hover,html.theme-dark .hp-adjust-btn:hover{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}html.theme-dark .left-rail-wrapper .palette-grid .palette-grid-btn:hover,html.theme-dark .mobile-bottom-panel .graphics-palette-grid .palette-grid-btn:hover,html.theme-dark .mobile-bottom-panel .palette-grid .palette-grid-btn:hover,html.theme-dark .right-rail-wrapper .palette-grid .palette-grid-btn:hover{background:var(--ui-hover-bg)!important;border-color:var(--ui-hover-border)!important;box-shadow:none!important}html.theme-dark .selection-delete-btn.visible:hover{background:var(--selection-delete-color);border-color:var(--selection-delete-color)}html.theme-dark .selection-delete-btn.visible:hover .selection-delete-btn__icon{color:#fff}html.theme-dark .left-rail-wrapper .component-item:hover:not(.palette-grid-btn),html.theme-dark .right-rail-wrapper .component-item:hover:not(.palette-grid-btn){background-color:var(--ui-hover-bg)!important;border-color:var(--ui-hover-border)!important}}html.theme-dark .component-item:active,html.theme-dark .hp-adjust-btn:active{background:var(--ui-hover-bg);border-color:var(--ui-hover-border)}html.theme-dark .left-rail-wrapper .palette-grid .palette-grid-btn:active,html.theme-dark .mobile-bottom-panel .graphics-palette-grid .palette-grid-btn:active,html.theme-dark .mobile-bottom-panel .palette-grid .palette-grid-btn:active,html.theme-dark .right-rail-wrapper .palette-grid .palette-grid-btn:active{background:var(--ui-hover-bg)!important;border-color:var(--ui-hover-border)!important;box-shadow:none!important}html.theme-dark .selection-delete-btn.visible:active{background:var(--selection-delete-color);border-color:var(--selection-delete-color)}html.theme-dark .selection-delete-btn.visible:active .selection-delete-btn__icon{color:#fff}html.theme-dark .left-rail-wrapper .palette-grid .palette-grid-btn:focus-visible,html.theme-dark .mobile-bottom-panel .graphics-palette-grid .palette-grid-btn:focus-visible,html.theme-dark .mobile-bottom-panel .palette-grid .palette-grid-btn:focus-visible,html.theme-dark .right-rail-wrapper .palette-grid .palette-grid-btn:focus-visible,html:not(.theme-dark) .left-rail-wrapper .palette-grid .palette-grid-btn:focus-visible,html:not(.theme-dark) .mobile-bottom-panel .graphics-palette-grid .palette-grid-btn:focus-visible,html:not(.theme-dark) .mobile-bottom-panel .palette-grid .palette-grid-btn:focus-visible,html:not(.theme-dark) .right-rail-wrapper .palette-grid .palette-grid-btn:focus-visible{outline:0;box-shadow:0 0 0 2px var(--accent)!important}html.theme-dark .left-rail-wrapper .palette-grid .palette-grid-btn.add-mode-active:focus-visible,html.theme-dark .mobile-bottom-panel .graphics-palette-grid .palette-grid-btn.add-mode-active:focus-visible,html.theme-dark .mobile-bottom-panel .palette-grid .palette-grid-btn.add-mode-active:focus-visible,html.theme-dark .right-rail-wrapper .palette-grid .palette-grid-btn.add-mode-active:focus-visible,html:not(.theme-dark) .left-rail-wrapper .palette-grid .palette-grid-btn.add-mode-active:focus-visible,html:not(.theme-dark) .mobile-bottom-panel .graphics-palette-grid .palette-grid-btn.add-mode-active:focus-visible,html:not(.theme-dark) .mobile-bottom-panel .palette-grid .palette-grid-btn.add-mode-active:focus-visible,html:not(.theme-dark) .right-rail-wrapper .palette-grid .palette-grid-btn.add-mode-active:focus-visible{box-shadow:inset 0 0 0 1px var(--accent),0 0 0 2px var(--accent)!important}html.theme-dark .mobile-bottom-panel .palette-grid .palette-grid-btn.last-used:focus-visible,html.theme-dark .mobile-bottom-panel .palette-grid .palette-grid-btn.touch-hold-active:focus-visible,html:not(.theme-dark) .mobile-bottom-panel .palette-grid .palette-grid-btn.last-used:focus-visible,html:not(.theme-dark) .mobile-bottom-panel .palette-grid .palette-grid-btn.touch-hold-active:focus-visible{box-shadow:inset 0 0 0 1px var(--accent),0 0 0 2px var(--accent)!important}#componentsPalette .palette-preview-icon svg *,#graphicsPalette .palette-preview-icon svg *,#metaPalette .palette-preview-icon svg *,#mobileComponentsGrid .palette-preview-icon svg *,#mobileGraphicsGrid .palette-preview-icon svg *,#mobileMetaGrid .palette-preview-icon svg *{transition:stroke .2s,fill .2s}#componentsPalette .palette-preview-icon svg text,#graphicsPalette .palette-preview-icon svg text,#metaPalette .palette-preview-icon svg text,#mobileComponentsGrid .palette-preview-icon svg text,#mobileGraphicsGrid .palette-preview-icon svg text,#mobileMetaGrid .palette-preview-icon svg text{font-family:var(--font-app)}html.theme-dark #componentsPalette .palette-preview-icon svg [stroke="#000000"],html.theme-dark #componentsPalette .palette-preview-icon svg [stroke="#1a1a1a"],html.theme-dark #componentsPalette .palette-preview-icon svg [stroke="#b8941f"],html.theme-dark #componentsPalette .palette-preview-icon svg [stroke="rgba(0, 0, 0, 0.15)"],html.theme-dark #graphicsPalette .palette-preview-icon svg [stroke="#000000"],html.theme-dark #graphicsPalette .palette-preview-icon svg [stroke="#1a1a1a"],html.theme-dark #graphicsPalette .palette-preview-icon svg [stroke="#b8941f"],html.theme-dark #graphicsPalette .palette-preview-icon svg [stroke="rgba(0, 0, 0, 0.15)"],html.theme-dark #mobileComponentsGrid .palette-preview-icon svg [stroke="#000000"],html.theme-dark #mobileComponentsGrid .palette-preview-icon svg [stroke="#1a1a1a"],html.theme-dark #mobileComponentsGrid .palette-preview-icon svg [stroke="#b8941f"],html.theme-dark #mobileComponentsGrid .palette-preview-icon svg [stroke="rgba(0, 0, 0, 0.15)"],html.theme-dark #mobileGraphicsGrid .palette-preview-icon svg [stroke="#000000"],html.theme-dark #mobileGraphicsGrid .palette-preview-icon svg [stroke="#1a1a1a"],html.theme-dark #mobileGraphicsGrid .palette-preview-icon svg [stroke="#b8941f"],html.theme-dark #mobileGraphicsGrid .palette-preview-icon svg [stroke="rgba(0, 0, 0, 0.15)"]{stroke:var(--mobile-chrome-ui-color)!important}html.theme-dark #componentsPalette .palette-preview-icon svg [fill="#ffffff"],html.theme-dark #graphicsPalette .palette-preview-icon svg [fill="#ffffff"],html.theme-dark #mobileComponentsGrid .palette-preview-icon svg [fill="#ffffff"],html.theme-dark #mobileGraphicsGrid .palette-preview-icon svg [fill="#ffffff"]{fill:#1e1e1e!important}html.theme-dark #componentsPalette .palette-preview-icon svg [fill="#000000"],html.theme-dark #componentsPalette .palette-preview-icon svg [fill="#1a1a1a"],html.theme-dark #graphicsPalette .palette-preview-icon svg [fill="#1a1a1a"],html.theme-dark #graphicsPalette .palette-preview-icon svg polygon[fill="#000000"],html.theme-dark #mobileComponentsGrid .palette-preview-icon svg [fill="#000000"],html.theme-dark #mobileComponentsGrid .palette-preview-icon svg [fill="#1a1a1a"],html.theme-dark #mobileGraphicsGrid .palette-preview-icon svg [fill="#1a1a1a"],html.theme-dark #mobileGraphicsGrid .palette-preview-icon svg polygon[fill="#000000"]{fill:var(--mobile-chrome-ui-color)!important}html.theme-dark .left-rail-wrapper .palette-preview-icon .component-label,html.theme-dark .left-rail-wrapper .palette-preview-icon .drag-ghost-text,html.theme-dark .left-rail-wrapper .palette-preview-icon .group-label-text,html.theme-dark .mobile-bottom-panel .palette-preview-icon .component-label,html.theme-dark .mobile-bottom-panel .palette-preview-icon .drag-ghost-text,html.theme-dark .mobile-bottom-panel .palette-preview-icon .group-label-text,html.theme-dark .right-rail-wrapper .palette-preview-icon .component-label,html.theme-dark .right-rail-wrapper .palette-preview-icon .drag-ghost-text,html.theme-dark .right-rail-wrapper .palette-preview-icon .group-label-text{color:var(--mobile-chrome-ui-color)!important}html.theme-dark .left-rail-wrapper .palette-preview-icon svg text,html.theme-dark .mobile-bottom-panel .palette-preview-icon svg text,html.theme-dark .right-rail-wrapper .palette-preview-icon svg text{fill:var(--mobile-chrome-ui-color)!important}html.theme-dark .left-rail-wrapper .component-item,html.theme-dark .left-rail-wrapper .palette-grid-btn,html.theme-dark .mobile-bottom-panel .palette-grid-btn,html.theme-dark .right-rail-wrapper .component-item,html.theme-dark .right-rail-wrapper .palette-grid-btn{background-color:var(--bg-surface)!important;border-color:var(--border)!important;color:var(--text-primary)!important}html.theme-dark .left-rail-wrapper .component-item:active:not(.palette-grid-btn),html.theme-dark .right-rail-wrapper .component-item:active:not(.palette-grid-btn){background-color:var(--ui-hover-bg)!important;border-color:var(--ui-hover-border)!important}html.theme-dark .left-rail-wrapper .component-name,html.theme-dark .left-rail-wrapper .control-label,html.theme-dark .right-rail-wrapper .component-name,html.theme-dark .right-rail-wrapper .control-label{color:var(--mobile-chrome-ui-color)!important}html.theme-dark .left-rail-wrapper .hp-label,html.theme-dark .right-rail-wrapper .hp-label{color:var(--text-primary)!important}html.theme-dark .left-rail-wrapper [data-section] .palette-grid>div,html.theme-dark .mobile-bottom-panel .palette-grid>div,html.theme-dark .right-rail-wrapper [data-section] .palette-grid>div{background:var(--bg-surface)!important}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}@media (prefers-contrast:more){:root{--text-muted:#333333}html.theme-dark{--text-muted:#cccccc}}