:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-ui:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--window:#f5f5f7;--sidebar:#e8e8ed;--card:#fff;--canvas:#fff;--label:#1d1d1f;--label-secondary:#6e6e73;--fill:#7676801f;--backdrop:#00000040;--danger:var(--bus-plus);--fill-strong:#76768038;--thumb:#fff;--accent:#007aff;--on-accent:#fff;--ok:#34c759;--bus-plus:#d70015;--wire-black:#000;--wire-white:#fff;--wire-red:#d70015;--wire-blue:#0040dd;--wire-yellow:#d9a900;--wire-green:#248a3d;--wire-brown:#7f6545;--wire-gray:#8e8e93;--wire-orange:#c93400;--wire-violet:#8944ab;--wire-outline-black:transparent;--wire-outline-white:#8e8e93;--wire-outline-yellow:#8e8e93;--grid-minor:#f1f1f4;--grid-major:#e4e4e9;--glass:#ffffffb8;--popover:#fafafceb;--scrim:#00000040;--shadow-sm:0 1px 2px #0000000f, 0 0 0 .5px #0000000d;--shadow-lg:0 8px 30px #0000001f, 0 0 0 .5px #0000000f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--window:#161617;--sidebar:#1f1f21;--card:#2c2c2e;--canvas:#1c1c1e;--label:#f5f5f7;--label-secondary:#a1a1a6;--fill:#7676803d;--fill-strong:#76768061;--thumb:#636366;--accent:#0a84ff;--ok:#30d158;--bus-plus:#ff453a;--wire-red:#ff453a;--wire-blue:#409cff;--wire-yellow:#ffd60a;--wire-green:#30d158;--wire-brown:#ac8e68;--wire-gray:#98989d;--wire-orange:#ff9f0a;--wire-violet:#bf5af2;--wire-outline-black:#98989d;--wire-outline-white:transparent;--wire-outline-yellow:transparent;--grid-minor:#242426;--grid-major:#303033;--glass:#2c2c2eb8;--popover:#2c2c2ef0;--scrim:#00000073;--shadow-sm:0 1px 2px #0006, 0 0 0 .5px #ffffff0f;--shadow-lg:0 8px 30px #00000080, 0 0 0 .5px #ffffff1a}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--window:#161617;--sidebar:#1f1f21;--card:#2c2c2e;--canvas:#1c1c1e;--label:#f5f5f7;--label-secondary:#a1a1a6;--fill:#7676803d;--fill-strong:#76768061;--thumb:#636366;--accent:#0a84ff;--ok:#30d158;--bus-plus:#ff453a;--wire-red:#ff453a;--wire-blue:#409cff;--wire-yellow:#ffd60a;--wire-green:#30d158;--wire-brown:#ac8e68;--wire-gray:#98989d;--wire-orange:#ff9f0a;--wire-violet:#bf5af2;--wire-outline-black:#98989d;--wire-outline-white:transparent;--wire-outline-yellow:transparent;--grid-minor:#242426;--grid-major:#303033;--glass:#2c2c2eb8;--popover:#2c2c2ef0;--scrim:#00000073;--shadow-sm:0 1px 2px #0006, 0 0 0 .5px #ffffff0f;--shadow-lg:0 8px 30px #00000080, 0 0 0 .5px #ffffff1a}html,body,#root{height:100%;margin:0}body{touch-action:manipulation;background:var(--window);color:var(--label);font:13px/1.35 var(--font-ui);-webkit-font-smoothing:antialiased;overflow:hidden}button,select{color:inherit;font:inherit}button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{box-sizing:border-box;grid-template-columns:244px minmax(0,1fr);gap:8px;height:100dvh;padding:8px;display:grid}.workspace{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:4px;min-width:0;min-height:0;display:grid;container:workspace/inline-size}.sidebar{background:var(--sidebar);min-height:0;box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;display:flex;overflow-y:auto}.sidebar-title{color:var(--label-secondary);margin:0;padding:14px 14px 8px;font-size:13px;font-weight:600}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;padding:0 10px 10px;display:grid}.palette-item{--pin-fill:var(--card);background:var(--card);box-shadow:var(--shadow-sm);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;transition:transform .15s,box-shadow .15s;display:flex}.palette-item:hover{box-shadow:var(--shadow-lg)}.palette-item:active{transform:scale(.97)}.palette-preview{justify-content:center;align-items:center;height:60px;display:flex}.palette-item--bus .palette-preview{height:24px}.palette-name{overflow-wrap:anywhere;text-align:center;max-width:100%;font-size:11px;line-height:1.25}.palette-ghost{z-index:10;opacity:.85;filter:drop-shadow(0 6px 14px #00000040);pointer-events:none;position:fixed;top:0;left:0}.toolbar{z-index:5;align-items:center;gap:8px;min-height:44px;padding:0 4px;display:flex;position:relative}.doc-name{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.doc-name-input{width:auto;min-width:40px;height:28px;color:inherit;font:inherit;letter-spacing:-.01em;text-overflow:ellipsis;background:0 0;border:0;border-radius:7px;flex:0 auto;padding:0 6px;font-size:15px;font-weight:600;transition:background-color .15s}.doc-name-input::placeholder{color:var(--label-secondary)}.doc-name-input:hover,.doc-name-input:focus{background:var(--fill)}.doc-name-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.doc-edited{background:var(--label-secondary);border-radius:50%;flex:none;width:7px;height:7px}.menu-root{flex:none;position:relative}.menu-button{background:var(--fill);cursor:default;border:0;border-radius:9px;align-items:center;gap:5px;height:32px;padding:0 8px;transition:background-color .15s;display:flex}.menu-button:hover,.menu-button[aria-expanded=true]{background:var(--fill-strong)}.menu{background:var(--popover);min-width:220px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-radius:12px;padding:5px;display:grid;position:absolute;top:calc(100% + 6px);left:0}.menu-item{text-align:left;cursor:default;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:24px;height:28px;padding:0 8px;display:flex}.menu-item:hover:not(:disabled),.menu-item:focus-visible{background:var(--accent);color:var(--on-accent);outline:0}.menu-item:disabled{opacity:.4}.menu-shortcut{color:var(--label-secondary);font-size:12px}.menu-item:hover .menu-shortcut,.menu-item:focus-visible .menu-shortcut{color:inherit}.menu-separator{background:var(--fill-strong);height:1px;margin:4px 8px}.alert{background:var(--popover);width:min(300px,100vw - 32px);box-shadow:var(--shadow-lg);color:var(--label);text-align:center;-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border:0;border-radius:14px;padding:20px 16px 16px}.alert::backdrop{background:var(--scrim)}.alert-title{margin:0 0 6px;font-size:14px;font-weight:600}.alert-text{margin:0 0 16px;font-size:12px}.alert-text--line{margin-bottom:4px}.alert-text--line:last-of-type{margin-bottom:16px}.alert-actions{gap:6px;display:grid}.alert-button{background:var(--fill);cursor:default;border:0;border-radius:8px;height:30px}.alert-button:hover{background:var(--fill-strong)}.alert-button--primary,.alert-button--primary:hover{background:var(--accent);color:var(--on-accent)}.icon-button{cursor:default;background:0 0;border:0;border-radius:9px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background-color .15s,opacity .15s;display:flex}.icon-button:hover:not(:disabled){background:var(--fill)}.icon-button:active:not(:disabled){background:var(--fill-strong)}.icon-button:disabled{opacity:.3}.button-pair{flex:none;gap:2px;display:flex}.control-group{background:var(--fill);border-radius:9px;flex:none;align-items:center;height:32px;padding:0 2px;display:flex}.control-group .icon-button{border-radius:7px;width:28px;height:28px}.zoom-value{font-variant-numeric:tabular-nums;text-align:center;min-width:40px;font-size:12px}.segmented{--segment-width:30px;grid-template-columns:repeat(var(--count,3), var(--segment-width));background:var(--fill);border-radius:9px;flex:none;height:28px;padding:2px;display:grid;position:relative}.segmented:before{width:var(--segment-width);background:var(--thumb);box-shadow:var(--shadow-sm);content:"";transform:translateX(calc(var(--selected) * 100%));border-radius:7px;transition:transform .2s cubic-bezier(.2,.8,.2,1);position:absolute;top:2px;bottom:2px;left:2px}.segmented button{cursor:default;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.segmented--wide{--segment-width:44px;font-size:12px}.select{background:var(--fill);border-radius:9px;flex:none;height:32px;display:flex;position:relative}.select select{border-radius:inherit;appearance:none;background:0 0;border:0;height:100%;padding:0 26px 0 10px}.select-chevron{color:var(--label-secondary);pointer-events:none;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.canvas{background:var(--canvas);min-height:0;box-shadow:var(--shadow-sm);border-radius:14px;position:relative;overflow:hidden;container:canvas/inline-size}.canvas-host{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0}.canvas-host.is-touch .pin-hit{r:var(--touch-pin-radius,14px)}.canvas-host.is-touch .pin-dot{r:5px}.canvas-host.is-touch .joint-type-auto-wire [joint-selector=wrapper]{stroke-width:26px}.canvas-host.is-touch .bus-handle,.canvas-host.is-touch .joint-type-auto-note [joint-selector=body]{stroke:#0000;stroke-width:14px}.canvas-host.is-panning{cursor:grabbing}.canvas text,.shape-preview text{font-family:var(--font-ui)}.joint-element{cursor:grab}.joint-type-auto-bus{cursor:ns-resize}.joint-link{cursor:pointer}.bus-strip--plus{stroke:var(--bus-plus)}.bus-handle--plus{fill:var(--bus-plus)}.bus-handle-label{fill:var(--canvas)}.bus-hit{cursor:crosshair;transition:fill-opacity .12s}.bus-hit:hover{fill:var(--accent);fill-opacity:.12}.wire-label-body{fill:var(--canvas)}.wire-label-text{fill:var(--label);font-variant-numeric:tabular-nums}.wire-line--black{stroke:var(--wire-black)}.wire-line--white{stroke:var(--wire-white)}.wire-line--red{stroke:var(--wire-red)}.wire-line--blue{stroke:var(--wire-blue)}.wire-line--yellow{stroke:var(--wire-yellow)}.wire-line--green{stroke:var(--wire-green)}.wire-line--brown{stroke:var(--wire-brown)}.wire-line--gray{stroke:var(--wire-gray)}.wire-line--orange{stroke:var(--wire-orange)}.wire-line--violet{stroke:var(--wire-violet)}.wire-outline--black{stroke:var(--wire-outline-black)}.wire-outline--white{stroke:var(--wire-outline-white)}.wire-outline--yellow{stroke:var(--wire-outline-yellow)}.pin-dot{fill:var(--pin-fill,var(--canvas))}.pin-label{fill:var(--label-secondary)}.pin-hit{cursor:crosshair;transition:fill-opacity .12s}.pin-hit:hover{fill:var(--accent);fill-opacity:.22}.available-magnet,.is-wiring .pin-hit,.is-wiring .bus-hit{fill:var(--ok);fill-opacity:.3}.pin--snap,.is-wiring .pin-hit:hover,.is-wiring .bus-hit:hover,.is-wiring .pin-hit.pin--start{fill:var(--accent);fill-opacity:.45}.marquee{fill:var(--accent);fill-opacity:.08;stroke:var(--accent);stroke-width:1px;vector-effect:non-scaling-stroke;pointer-events:none}.wire-ghost{stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:5 4;pointer-events:none}.hint{background:var(--glass);max-width:calc(100% - 48px);box-shadow:var(--shadow-lg);text-align:center;pointer-events:none;-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-radius:18px;padding:8px 14px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.inspector{box-sizing:border-box;background:var(--glass);width:max-content;max-width:calc(100% - 32px);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-radius:16px;gap:8px;padding:10px 14px;display:grid;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.inspector-row{align-items:center;gap:10px;display:flex}.inspector-label{min-width:96px;color:var(--label-secondary);flex:none;font-size:12px}.chips,.swatches{flex-wrap:wrap;display:flex}.chips{gap:4px}.chip{background:var(--fill);font-variant-numeric:tabular-nums;cursor:default;border:0;border-radius:8px;min-width:32px;height:26px;padding:0 6px;font-size:12px;transition:background-color .15s}.chip:hover{background:var(--fill-strong)}.chip[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.swatches{gap:8px}.swatch{width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--fill-strong);cursor:default;border:0;border-radius:50%;padding:0}.swatch[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.inspector-row--top{align-items:flex-start}.inspector-row--top .inspector-label{padding-top:6px}.label-input{box-sizing:border-box;background:var(--fill);width:300px;max-width:100%;color:inherit;font:inherit;resize:none;border:0;border-radius:8px;padding:5px 8px;line-height:1.3}.label-input::placeholder{color:var(--label-secondary)}.label-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.element-label{fill:var(--label);font-family:var(--font-ui)}.note-leader{stroke:var(--label-secondary)}.note-leader-dot{fill:var(--label-secondary)}.note-ghost{color:var(--label);font-family:var(--font-ui);white-space:nowrap}.inspector-row--note{justify-content:space-between;min-height:20px}.inspector-note{color:var(--label-secondary);font-size:11px}.inspector-row--anchor .text-button{margin-left:auto}.text-button{color:var(--accent);cursor:default;background:0 0;border:0;flex:none;padding:0;font-size:12px;font-weight:500}.wire-handle--horizontal{cursor:ns-resize}.wire-handle--vertical{cursor:ew-resize}.wire-handle-hit{fill:var(--accent);fill-opacity:0}.wire-handle-body{fill:var(--canvas);stroke:var(--accent);stroke-width:1.5px;vector-effect:non-scaling-stroke;transition:fill .12s}.wire-handle:hover .wire-handle-body{fill:var(--accent)}.view-settings{flex:none;position:relative}.view-settings-toggle{display:none}.view-settings-panel{align-items:center;gap:8px;display:flex}.multi-select-toggle{background:var(--glass);height:34px;box-shadow:var(--shadow-lg);color:var(--label);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border:0;border-radius:17px;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:flex;position:absolute;top:10px;right:10px}.multi-select-toggle[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}@container workspace (width<=720px){.menu-label{display:none}.view-settings-toggle{display:flex}.view-settings-panel{background:var(--popover);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-radius:12px;flex-direction:column;align-items:stretch;gap:8px;padding:8px;display:none;position:absolute;top:calc(100% + 6px);right:0}.view-settings.is-open .view-settings-panel{display:flex}}@container workspace (width<=460px){.toolbar{gap:4px;padding:0}.menu-chevron,.control-group{display:none}.menu-button{padding:0 7px}.doc-name-input{font-size:14px}}@container canvas (width<=560px){.inspector{width:auto;max-width:none;padding:10px 12px;bottom:8px;left:8px;right:8px;transform:none}.inspector-row,.inspector-row--top{flex-wrap:wrap;gap:6px 10px}.inspector-row:not(.inspector-row--note):not(.inspector-row--anchor){flex-direction:column;align-items:stretch}.inspector-row--top .inspector-label{padding-top:0}.inspector-label{min-width:0}.label-input{width:100%}.hint{max-width:calc(100% - 16px);bottom:8px}.multi-select-toggle{top:8px;right:8px}}.sidebar-title-row{justify-content:space-between;align-items:baseline;padding-right:14px;display:flex}.sidebar-edit{padding:4px 0}.sidebar-note{color:var(--label-secondary);margin:0;padding:0 14px 8px;font-size:11px}.palette-item{position:relative}.palette-item--editable{outline:1.5px solid var(--accent);outline-offset:-1.5px}.palette-item--muted{opacity:.35}.palette-edit-badge{background:var(--accent);width:22px;height:22px;color:var(--on-accent);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:6px;right:6px}.block-preview *{vector-effect:non-scaling-stroke}.block-dialog{width:min(320px,100vw - 32px)}.block-dialog-input{margin-bottom:12px}.block-dialog-message{color:var(--danger)}.palette-item--new{border:1.5px dashed var(--fill-strong);box-shadow:none;color:var(--accent);background:0 0}.calc{box-sizing:border-box;background:var(--window);width:min(440px,100vw - 16px);max-height:calc(100dvh - 16px);box-shadow:var(--shadow-lg);color:var(--label);border:0;border-radius:14px;outline:none;padding:0}.calc[open]{grid-template-rows:auto minmax(0,1fr);display:grid}.calc::backdrop{background:var(--scrim)}.calc-header{align-items:center;gap:12px;padding:12px 14px 8px;display:flex}.calc-title{flex:1;margin:0;font-size:15px;font-weight:600}.calc-done{flex:none;padding:0 14px}.calc-body{gap:14px;padding:4px 14px 14px;display:grid;overflow-y:auto}.calc-field{justify-items:start;gap:6px;display:grid}.calc-label{color:var(--label-secondary);text-align:left;font-size:12px;font-weight:600}.calc-input-row{align-items:center;gap:8px;display:flex}.calc-input{width:120px}.calc-unit{color:var(--label-secondary)}.calc-hint{color:var(--label-secondary);margin:0;font-size:12px}.calc-result{background:var(--card);box-shadow:var(--shadow-sm);border-radius:12px;gap:8px;padding:12px;display:grid}.calc-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.calc-values dt{color:var(--label-secondary);font-size:11px}.calc-values dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:20px;font-weight:600}.calc-warning{color:var(--danger);margin:0;font-size:13px}.calc-apply{justify-self:start;padding:0 12px}.calc-settings-toggle{justify-self:start;align-items:center;gap:4px;display:flex}.calc-settings-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.calc-settings{gap:12px;display:grid}.calc-table{border-collapse:collapse;font-size:13px}.calc-table caption{padding-bottom:6px}.calc-table th{color:var(--label-secondary);text-align:left;padding:0 16px 4px 0;font-size:11px;font-weight:500}.calc-table td{font-variant-numeric:tabular-nums;padding:2px 16px 2px 0}.calc-table-input{width:72px;height:26px}.calc-note{color:var(--label-secondary);margin:0;font-size:11px}.element-editor{box-sizing:border-box;background:var(--window);width:calc(100vw - 32px);max-width:1100px;height:calc(100dvh - 32px);max-height:820px;box-shadow:var(--shadow-lg);color:var(--label);border:0;border-radius:14px;outline:none;padding:0}.element-editor[open]{grid-template-rows:auto minmax(0,1fr);display:grid}.element-editor::backdrop{background:var(--scrim)}.element-editor-header{align-items:center;gap:8px;padding:10px 12px;display:flex}.element-editor-title{flex:none;margin:0;font-size:15px;font-weight:600}.element-editor-name{background:var(--fill);min-width:80px;height:30px;color:inherit;font:inherit;border:0;border-radius:8px;flex:1;padding:0 10px}.element-editor-name:focus-visible,.editor-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.element-editor-button{flex:none;padding:0 14px}.element-editor-button:disabled{opacity:.4}.element-editor-body{grid-template-columns:auto minmax(0,1fr) 220px;gap:8px;min-height:0;padding:0 12px 12px;display:grid}.element-editor-tools{background:var(--sidebar);border-radius:12px;flex-direction:column;gap:4px;padding:6px;display:flex}.element-editor-tools .icon-button{width:40px;height:40px}.element-editor-tools .icon-button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.element-editor-canvas{background:var(--canvas);min-height:0;box-shadow:var(--shadow-sm);border-radius:12px;position:relative;overflow:hidden}.element-editor-svg{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.element-editor-svg:not(.tool-select){cursor:crosshair}.element-editor-svg text{font-family:var(--font-ui)}.ee-grid-minor,.ee-grid-major{fill:none;stroke-width:1px;vector-effect:non-scaling-stroke}.ee-grid-minor{stroke:var(--grid-minor)}.ee-grid-major{stroke:var(--grid-major)}.ee-frame{fill:none;stroke:var(--label-secondary);stroke-width:1px;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.ee-frame-handle{fill:var(--canvas);stroke:var(--label-secondary);cursor:nwse-resize}.ee-part{color:var(--label);pointer-events:none}.ee-part.is-selected,.ee-pin.is-selected{color:var(--accent)}.ee-pin{color:var(--label);pointer-events:none}.ee-pin-dot{fill:var(--canvas);stroke:currentColor;stroke-width:1.5px}.ee-pin-label{fill:var(--label-secondary)}.ee-pin.is-selected .ee-pin-label{fill:var(--accent)}.ee-pin-stub{stroke:var(--label-secondary);stroke-width:1px;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}.ee-hit{fill:none;stroke:#0000;pointer-events:stroke;cursor:move}.ee-hit--area{fill:#0000;stroke:none;pointer-events:all}.ee-handle{fill:var(--canvas);stroke:var(--accent);cursor:grab}.element-editor-hint{color:var(--label-secondary);text-align:center;pointer-events:none;margin:0;font-size:12px;position:absolute;bottom:10px;left:12px;right:12px}.element-editor-props{background:var(--sidebar);border-radius:12px;flex-direction:column;gap:16px;min-height:0;padding:12px;display:flex;overflow-y:auto}.editor-field{justify-items:start;gap:8px;display:grid}.editor-field-label{color:var(--label-secondary);font-size:12px;font-weight:600}.editor-stepper{grid-template-columns:1fr auto 40px auto;align-items:center;gap:4px;width:100%;font-size:12px;display:grid}.editor-stepper-value{font-variant-numeric:tabular-nums;text-align:center}.editor-input{box-sizing:border-box;background:var(--fill);width:100%;height:30px;color:inherit;font:inherit;border:0;border-radius:8px;padding:0 8px}.editor-note{color:var(--label-secondary);margin:0;font-size:12px}.element-editor-error{background:var(--glass);box-shadow:var(--shadow-lg);color:var(--danger);text-align:center;pointer-events:none;-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-radius:10px;margin:0;padding:8px 12px;font-size:13px;position:absolute;top:10px;left:10px;right:10px}.element-editor-name[aria-invalid=true]{outline:2px solid var(--danger);outline-offset:1px}.text-button--danger{color:var(--danger)}.editor-field--bottom{margin-top:auto}.editor-confirm{gap:8px;width:100%;display:grid}.editor-confirm-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.editor-confirm-danger,.editor-confirm-danger:hover{background:var(--danger);color:var(--on-accent)}@media (width<=760px){.element-editor{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.element-editor-header{flex-wrap:wrap}.element-editor-title{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.element-editor-header .button-pair{margin-right:auto}.element-editor-name{flex-basis:100%;order:5}.element-editor-body{grid-template-rows:auto minmax(0,1fr) 30dvh;grid-template-columns:minmax(0,1fr)}.element-editor-tools{flex-direction:row;justify-content:center}}@media (pointer:coarse){.chip{min-width:40px;height:34px}.swatches{gap:10px}.swatch{width:30px;height:30px}.segmented--wide{--segment-width:48px;height:34px}.menu-item{height:40px}.text-button{padding:6px 0}}.palette-toggle,.palette-backdrop{display:none}@media (width<=760px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:20;width:min(244px,100vw - 48px);transition:transform .2s;position:fixed;top:8px;bottom:8px;left:8px;transform:translate(calc(-100% - 16px))}.is-palette-open .sidebar{box-shadow:var(--shadow-lg);transform:none}.palette-toggle{display:contents}.is-palette-open .palette-backdrop{z-index:19;background:var(--backdrop);display:block;position:fixed;inset:0}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}