@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";@layer legacy{:root{color:#29382f;--green:#386b4e;--line:#dde5d9;--panel:#fffffff5;--tester:190px;background:#f9fbf7;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{height:100dvh;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);color:#48564b;background:#fff;border-radius:7px;padding:9px 12px;font-size:12px;font-weight:500}button:hover{background:#edf3e8}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #739e77}.primary{background:var(--green);color:#fff;border-color:var(--green)}.primary:hover{background:#2d593f}header{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;height:43px;display:flex;position:fixed;top:16px;left:18px;right:18px}.brand{color:#283d2d;letter-spacing:-1px;pointer-events:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;padding:6px 11px;font-size:23px;font-weight:700;text-decoration:none;display:flex;box-shadow:0 2px 9px #223d2010}.logo{color:#fff;text-align:center;background:#426c4d;border-radius:6px;width:26px;height:28px;font-family:Georgia;font-size:25px}.top-actions{pointer-events:auto;align-items:center;gap:7px;display:flex}.local{color:#829179;margin-right:8px;font-size:10px}i{background:#7b9b70;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}main{height:100%;position:relative}.canvas-wrap{inset:0 0 var(--tester);background-color:#fafcf8;background-image:radial-gradient(#d6dfd0 .8px,#0000 .8px);background-size:20px 20px;position:absolute}#canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.toolbar{z-index:3;background:var(--panel);border:1px solid var(--line);white-space:nowrap;border-radius:10px;align-items:center;gap:3px;padding:5px;display:flex;position:absolute;top:17px;left:50%;transform:translate(-50%);box-shadow:0 3px 12px #3040220a}.toolbar button{background:0 0;border:0;align-items:center;gap:6px;height:32px;padding:7px 9px;font-size:17px;display:flex}.toolbar button:hover{background:#edf3e8}.toolbar button span{font-size:11px}.separator{background:var(--line);width:1px;height:20px;margin:0 3px}.inspector{z-index:2;width:224px;max-height:calc(100dvh - var(--tester) - 132px);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:13px 16px 17px;position:absolute;top:78px;right:18px;overflow:auto;box-shadow:0 3px 15px #3040220b}.properties-hidden .inspector{display:none}.inspector-title{color:#6d7c64;border-bottom:1px solid #e9eee5;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;font-size:11px;display:flex}.inspector-title button{border:0;padding:3px 5px;font-size:10px}.selection-label{letter-spacing:1.3px;color:#95a08b;font-size:8px}.property-name{overflow-wrap:anywhere;margin:8px 0 17px;font-size:16px;font-weight:500}.prop-field{color:#7f8f74;margin:13px 0;font-size:10px;display:block}.prop-field input,.prop-field select{border:1px solid var(--line);color:#405638;background:#fff;border-radius:5px;width:100%;margin-top:6px;padding:8px;font-size:11px;display:block}.check{color:#718366;align-items:center;gap:6px;margin:13px 0;font-size:11px;display:flex}input[type=checkbox]{accent-color:var(--green)}.prop-note{color:#99a38f;font-size:9px;line-height:1.8}.transitions-title{letter-spacing:1.1px;color:#8c9982;border-top:1px solid var(--line);margin:17px 0 8px;padding-top:15px;font-size:8px}.transition-item{text-align:left;overflow-wrap:anywhere;background:#f5f8f0;border:0;width:100%;margin:5px 0;padding:8px;font:10px IBM Plex Mono,monospace;display:block}.danger{color:#a76b5c;background:0 0;margin-top:13px;padding:7px 9px;font-size:10px}.edge{fill:none;stroke:#798b79;stroke-width:1.6px;marker-end:url(#arrow)}.selected-edge{stroke:#386b4e;stroke-width:2.5px}.edge-hit{fill:none;stroke:#0000;stroke-width:18px;cursor:pointer}.edge-text{fill:#62785a;paint-order:stroke;stroke:#fafcf8;stroke-width:7px;stroke-linejoin:round;cursor:pointer;font:11px IBM Plex Mono,monospace}.node{cursor:grab}.node circle{fill:#f9fbf5;stroke:#8b9d7d;stroke-width:1.7px}.node.selected circle{fill:#eaf1e2;stroke:#5b7b48;stroke-width:2px}.node.connecting circle{stroke:#386b4e;stroke-dasharray:5 3;stroke-width:3px}.node .inner{fill:none;stroke-width:1px}.node text{fill:#4b6041;text-anchor:middle;pointer-events:none;font:12px DM Sans,sans-serif}.node .token-label{fill:#8a9a7a;font:9px IBM Plex Mono,monospace}.connection-preview{stroke:#386b4e;stroke-width:1.5px;stroke-dasharray:6 5;fill:none;pointer-events:none}.pan-ready #canvas,.pan-ready .node{cursor:grab}.panning #canvas,.panning .node{cursor:grabbing}.canvas-status{left:20px;right:20px;bottom:calc(var(--tester) + 12px);pointer-events:none;color:#8f9c85;justify-content:flex-end;align-items:center;gap:18px;font-size:10px;display:flex;position:absolute}#modehint{background:#fafcf8de;border-radius:5px;padding:6px 9px}.tester{height:var(--tester);border-top:1px solid var(--line);z-index:4;background:#fcfdf9;padding:11px 22px 16px;position:absolute;bottom:0;left:0;right:0}.panel-title{justify-content:space-between;align-items:center;height:29px;display:flex}.panel-title h2{margin:0;font-size:12px;font-weight:500}.tester-actions{align-items:center;gap:12px;display:flex}.tester-actions button{background:0 0;border:0;padding:3px 8px;font-size:16px}.test-grid{grid-template-columns:1fr 1fr;gap:22px;height:calc(100% - 40px);min-height:0;margin-top:10px;display:grid}.test-grid>div{min-width:0;min-height:0}.field-label{color:#909e85;letter-spacing:1.3px;margin-bottom:7px;font-size:8px;font-weight:600;display:block}textarea{resize:none;color:#53634b;background:#fff;border:1px solid #dfe5da;border-radius:6px;width:100%;padding:11px;font:12px/1.7 IBM Plex Mono,monospace}#input{height:calc(100% - 18px)}.output-label{justify-content:space-between;display:flex}#tokens{background:#f0f4ec;border:1px solid #e1e7dc;border-radius:6px;flex-wrap:wrap;align-content:flex-start;gap:6px;height:calc(100% - 18px);padding:9px;display:flex;overflow:auto}.token{background:#fafff6;border:1px solid #d5dfcb;border-radius:4px;height:48px;padding:6px 9px;font:11px IBM Plex Mono,monospace}.token b{color:#80916d;margin-bottom:5px;font-size:8px;font-weight:500;display:block}.token.number{color:#9a8052;background:#f9f1e1;border-color:#e8dcc4}.token.error{color:#b54f3c;background:#fff0ec;border-color:#eacac0}.empty{color:#8c9783;font-size:11px}.tester-collapsed{--tester:48px}.tester-collapsed .test-grid{display:none}dialog{color:#30402c;border:1px solid #dce4d6;border-radius:12px;width:720px;max-width:calc(100vw - 24px);padding:24px;box-shadow:0 25px 100px #24372122}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#26322266}.dialog-heading{justify-content:space-between;align-items:start;display:flex}.dialog-heading h2{margin:0 0 20px;font-size:21px;font-weight:500}.export-options{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;font-size:11px;display:flex}.export-options select{border:1px solid var(--line);color:#526649;background:#fff;border-radius:5px;margin-top:7px;padding:8px;display:block}#export-preview{resize:vertical;background:#f6f8f2;height:280px;font-size:11px}.export-help{color:#8b9782;font-size:10px}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}#toast{bottom:calc(var(--tester) + 48px);color:#fff;z-index:10;background:#304d37;border-radius:7px;max-width:90vw;padding:11px 19px;font-size:11px;position:fixed;left:50%;transform:translate(-50%)}@media (width<=1150px){.toolbar{top:76px;left:18px;transform:none}.inspector{top:76px}.local{display:none}.canvas-status #modehint{max-width:55%;font-size:9px}}@media (width<=650px){:root{--tester:190px}header{top:10px;left:10px;right:10px}.brand{padding:5px 8px;font-size:19px}.top-actions button{padding:8px;font-size:11px}.top-actions .primary span{display:none}.toolbar{gap:0;padding:4px;top:65px;left:10px}.toolbar button{padding:6px 8px}.toolbar button span{font-size:10px}.inspector{width:208px;max-height:calc(100dvh - var(--tester) - 155px);padding:12px;top:114px;right:10px}.canvas-status{gap:8px;font-size:8px;left:12px;right:12px}.canvas-status #modehint{max-width:56%;font-size:8px}.test-grid{gap:10px}.tester{padding:9px 12px 12px}.export-options{flex-direction:column;align-items:flex-start}#export-preview{height:250px}.prop-note{display:none}}.minimap{z-index:2;bottom:calc(var(--tester) + 12px);border:1px solid var(--line);background:#fffffff0;border-radius:8px;width:172px;padding:0;position:absolute;left:18px;overflow:hidden;box-shadow:0 3px 12px #3040220a}#minimap{cursor:crosshair;touch-action:none;width:170px;height:106px;display:block}#minimap line{stroke:#a4b397;stroke-width:2px;vector-effect:non-scaling-stroke}#minimap circle{fill:#839b70}.map-viewport{fill:#719b5520;stroke:#779b61;stroke-width:1px;vector-effect:non-scaling-stroke;pointer-events:none}@media (width<=650px){.minimap{width:122px;left:10px;bottom:calc(var(--tester) + 12px)}#minimap{width:120px;height:75px}.canvas-status #modehint{max-width:52%;line-height:1.5}}.inspector{z-index:5;max-height:calc(100dvh - var(--tester) - 90px);background:#fffffff9;position:fixed;top:100px;left:calc(100vw - 250px);right:auto;box-shadow:0 10px 35px #30402224}.inspector-title{cursor:default}@media (width<=650px){.inspector{width:220px;right:auto}}.inspector{width:240px;padding:11px 14px 13px}.inspector .selection-label,.inspector .property-name,.inspector .prop-note{display:none}.inspector-title{margin-bottom:9px}.inspector .prop-field{margin:10px 0}.inspector .check{gap:4px;margin:7px 8px 3px 0;font-size:10px;display:inline-flex}.inspector .transitions-title{margin:12px 0 6px;padding-top:12px}.inspector .danger{margin-top:8px}.inspector .transition-item{padding:7px;font-size:9px}.node.selected .inner{stroke-width:1.2px}kbd{color:#899b7b;background:#f5f8f1;border:1px solid #dfe7d8;border-radius:3px;margin-left:3px;padding:1px 4px;font:9px IBM Plex Mono,monospace}.portal path{fill:#edf5e9;stroke:#386b4e;stroke-width:1.2px}.portal text{fill:#386b4e;pointer-events:none;font:10px IBM Plex Mono,monospace}.portal.invalid path{stroke:#b54f3c;fill:#fff0ec}.portal.invalid text{fill:#b54f3c}.portal-wire{stroke:#386b4e;stroke-width:1.2px;fill:none}#minimap path{fill:none;stroke:#a4b397;stroke-width:1px;vector-effect:non-scaling-stroke}.toolbar button[aria-pressed=true]{color:#386b4e;background:#e7efdf}.selection-box{fill:#729b4b18;stroke:#729b4b;stroke-width:1px;stroke-dasharray:5 3;pointer-events:none}.comment-label{cursor:move}.comment-label rect{fill:#fff9da;stroke:#cbb879;stroke-width:1px}.comment-label text{fill:#756536;pointer-events:none;font:11px DM Sans,sans-serif}.comment-label.selected rect{stroke:#386b4e;stroke-width:2px}.selection-summary{color:#6c7e60;font-size:12px}.prop-field textarea{resize:vertical;margin-top:8px;font:12px/1.5 DM Sans,sans-serif;display:block}.inspector #copy-group{margin-right:6px}@media (width<=650px){.toolbar button{padding:6px}.toolbar .separator{margin:0 2px}}.minimap .map-comment{fill:#fff5c4;stroke:#cbb879;stroke-width:1px;vector-effect:non-scaling-stroke}@media (width<=650px){.toolbar{max-width:calc(100vw - 20px);overflow-x:auto}}.tool-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.toolbar #layout-mode,.toolbar #layout-density{border:1px solid var(--line);color:#48564b;background:#fff;border-radius:5px;width:66px;height:30px;padding:6px 4px;font-size:11px}.toolbar{max-width:calc(100vw - 36px);overflow-x:auto}.toolbar #layout-density{width:110px}.edge-label-box{fill:#fff;stroke:#798b79;stroke-width:1px;cursor:pointer}.edge-text.boxed{stroke:none}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.theme-sun{display:none}#theme-toggle{justify-content:center;align-items:center;padding:8px;display:flex}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf1f5;--green:#8bd5a5;--line:#46515a;--panel:#24292ef5;scrollbar-color:#687783 #24292e;background:#151719}[data-theme=dark] .theme-moon{display:none}[data-theme=dark] .theme-sun{display:block}[data-theme=dark] button{color:#e9eff5;background:#292f35}[data-theme=dark] button:hover{background:#39434c}[data-theme=dark] .brand{color:#f1f5f9}[data-theme=dark] .local,[data-theme=dark] .canvas-status{color:#c0cbd5}[data-theme=dark] .toolbar button,[data-theme=dark] .tester-actions button,[data-theme=dark] .inspector-title button{background:0 0}[data-theme=dark] .toolbar button:hover{background:#39434c}[data-theme=dark] .inspector,[data-theme=dark] .minimap,[data-theme=dark] .tester,[data-theme=dark] dialog{color:#edf1f5;border-color:var(--line);background:#22282e}[data-theme=dark] .inspector-title,[data-theme=dark] .transitions-title{border-color:var(--line);color:#ccd5df}[data-theme=dark] textarea,[data-theme=dark] .prop-field input,[data-theme=dark] .prop-field select,[data-theme=dark] .export-options select,[data-theme=dark] .toolbar #layout-mode,[data-theme=dark] .toolbar #layout-density,[data-theme=dark] #export-preview{color:#eff4f8;background:#171c21;border-color:#596975}[data-theme=dark] .prop-field,[data-theme=dark] .check,[data-theme=dark] .field-label,[data-theme=dark] .export-help,[data-theme=dark] .prop-note,[data-theme=dark] .empty,[data-theme=dark] .selection-summary{color:#c5d0da}[data-theme=dark] .transition-item,[data-theme=dark] kbd{color:#e2eaf1;border-color:var(--line);background:#303940}[data-theme=dark] .danger{color:#ffb5a5}[data-theme=dark] .edge{stroke:#bdcbd7;stroke-width:1.9px}[data-theme=dark] #arrow path{fill:#bdcbd7}[data-theme=dark] .edge-text{fill:#f1f5f9;stroke:#15191d}[data-theme=dark] .edge-text.boxed{stroke:none}[data-theme=dark] .node circle{fill:#29323a;stroke:#d1dce5;stroke-width:2px}[data-theme=dark] .node .inner{fill:none}[data-theme=dark] .node text{fill:#fff}[data-theme=dark] .node .token-label{fill:#d2dce6}[data-theme=dark] #modehint{color:#cbd5df;background:#242d35ed}[data-theme=dark] #tokens{border-color:var(--line);background:#171d22}[data-theme=dark] .token.number{color:#f1db9b;background:#403622;border-color:#71613a}[data-theme=dark] .token.error{color:#ffc7b9;background:#422a25;border-color:#805146}[data-theme=dark] .portal.invalid path{fill:#442c26;stroke:#f2a28d}[data-theme=dark] .portal.invalid text{fill:#ffc3ad}[data-theme=dark] .comment-label rect{fill:#3c3720;stroke:#a99755}[data-theme=dark] .comment-label text{fill:#f3e3a5}[data-theme=dark] .comment-label.selected rect{stroke:#eddfb2}[data-theme=dark] #minimap path{stroke:#a9bccb}[data-theme=dark] #minimap circle{fill:#d5e4ef}[data-theme=dark] .map-viewport{fill:#a3c9e025;stroke:#c0d8e9}[data-theme=dark] .minimap .map-comment{fill:#62572b;stroke:#c4b064}[data-theme=dark] .selection-box{fill:#a3c9e020;stroke:#b5d8ef}[data-theme=dark] dialog::backdrop{background:#06090cbb}:root[data-theme=dark]{--line:#5b666c;--panel:#3e4549f5;scrollbar-color:#818d93 #394044;background:#272d30}[data-theme=dark] .canvas-wrap{background-color:#2b3135;background-image:radial-gradient(#505b60 .8px,#0000 .8px)}[data-theme=dark] .inspector,[data-theme=dark] .minimap,[data-theme=dark] .tester,[data-theme=dark] dialog{background:#3e4549}[data-theme=dark] textarea,[data-theme=dark] .prop-field input,[data-theme=dark] .prop-field select,[data-theme=dark] .export-options select,[data-theme=dark] .toolbar #layout-mode,[data-theme=dark] .toolbar #layout-density,[data-theme=dark] #export-preview,[data-theme=dark] #tokens{background:#2d3337}[data-theme=dark] .edge-text{stroke:#2b3135}[data-theme=dark] .edge-label-box{fill:#444d52;stroke:#c3d0d7}[data-theme=dark] .node circle{fill:#465157;stroke:#d1dce5}[data-theme=dark] .node.selected circle{fill:#365343}[data-theme=dark] #modehint{background:#3e4549ed}.node.trace-highlight circle{stroke:#14864d;stroke-width:4px;filter:drop-shadow(0 0 5px #42cc8066)}.node.trace-highlight text{fill:#146a3d;font-weight:700}[data-edge].trace-highlight .edge{stroke:#159653;stroke-width:4px;filter:drop-shadow(0 0 3px #42cc8066)}[data-edge].trace-highlight .edge-text{fill:#145f39;font-weight:700}.token{cursor:help}.token:focus-visible{outline-offset:2px;outline:2px solid #32875a}:root[data-theme=dark]{--green:#a9d5ff}[data-theme=dark] .primary{color:#183047;background:#b8ddff;border-color:#d7edff}[data-theme=dark] .primary:hover{background:#cbe7ff}[data-theme=dark] button:focus-visible,[data-theme=dark] input:focus-visible,[data-theme=dark] textarea:focus-visible,[data-theme=dark] select:focus-visible{outline-color:#a9d5ff}[data-theme=dark] .toolbar button[aria-pressed=true]{color:#e5f3ff;background:#3c566c}[data-theme=dark] .selected-edge,[data-theme=dark] .connection-preview{stroke:#a9d5ff}[data-theme=dark] .node.selected circle{fill:#3d566b;stroke:#c7e5ff}[data-theme=dark] .node.connecting circle{stroke:#b8ddff}[data-theme=dark] .token{color:#edf7ff;background:#34414a;border-color:#7997af}[data-theme=dark] .token b{color:#c9e5ff}[data-theme=dark] .portal path{fill:#344958;stroke:#b7ddfa}[data-theme=dark] .portal text{fill:#e2f2ff}[data-theme=dark] .portal-wire{stroke:#b7ddfa}[data-theme=dark] .node.trace-highlight circle{stroke:#c5e4ff;filter:drop-shadow(0 0 6px #75bfffaa)}[data-theme=dark] .node.trace-highlight text{fill:#e7f5ff}[data-theme=dark] [data-edge].trace-highlight .edge{stroke:#c5e4ff;filter:drop-shadow(0 0 4px #75bfffaa)}[data-theme=dark] [data-edge].trace-highlight .edge-text{fill:#e7f5ff}[data-theme=dark] .token:focus-visible{outline-color:#a9d5ff}[data-theme=dark] #toast,[data-theme=dark] .logo{color:#183047;background:#b8ddff}.token-color-0{--token-bg:#e8f2fb;--token-border:#bcd5ec;--token-fg:#285a85;--token-accent:#3d7fb8}.token-color-1{--token-bg:#e8f5ec;--token-border:#bfdcc8;--token-fg:#2f6643;--token-accent:#478f60}.token-color-2{--token-bg:#fbf2df;--token-border:#ead6ad;--token-fg:#7f6224;--token-accent:#b88a33}.token-color-3{--token-bg:#fbeaed;--token-border:#efc8cf;--token-fg:#8a3a48;--token-accent:#c25a6c}.token-color-4{--token-bg:#f0ebfa;--token-border:#d6c8ee;--token-fg:#5c4787;--token-accent:#8567bf}.token-color-5{--token-bg:#e6f5f3;--token-border:#bcded9;--token-fg:#2c6761;--token-accent:#3f968c}.token-color-6{--token-bg:#fceee5;--token-border:#efd0bb;--token-fg:#8a512d;--token-accent:#c47a43}.token-color-7{--token-bg:#ebedfa;--token-border:#cbd0ee;--token-fg:#4a518a;--token-accent:#6f79bf}.token-color-8{--token-bg:#fbeaf4;--token-border:#eec9df;--token-fg:#863e68;--token-accent:#bf5d92}.token-color-9{--token-bg:#eff6e4;--token-border:#d3e2b8;--token-fg:#5a6c2a;--token-accent:#8aa13c}.token.token-tinted{background:var(--token-bg);border-color:var(--token-border);color:var(--token-fg)}.token.token-tinted b{color:var(--token-accent)}.input-wrap{background:#fff;border:1px solid #dfe5da;border-radius:6px;height:calc(100% - 18px);position:relative}.input-wrap:focus-within{outline-offset:2px;outline:2px solid #739e77}#input{z-index:1;color:#53634b;caret-color:#53634b;scrollbar-gutter:stable;background:0 0;border:0;border-radius:0;height:100%;padding:11px;position:relative}#input:focus-visible{outline:none}.input-highlights{z-index:0;pointer-events:none;white-space:pre-wrap;overflow-wrap:break-word;tab-size:4;color:#0000;border-radius:5px;padding:11px;font:12px/1.7 IBM Plex Mono,monospace;position:absolute;inset:0;overflow:hidden}.input-highlights .token-mark{background:var(--token-bg);box-shadow:inset 0 -1.5px 0 var(--token-accent);border-radius:2px}.input-highlights .token-mark.error{background:#ffe3dc;box-shadow:inset 0 -1.5px #c25a48}[data-theme=dark] .token-color-0{--token-bg:#25384a;--token-border:#3f6484;--token-fg:#d3e8ff;--token-accent:#7fb8e8}[data-theme=dark] .token-color-1{--token-bg:#24382b;--token-border:#3f6a4f;--token-fg:#c9f0d6;--token-accent:#72c08d}[data-theme=dark] .token-color-2{--token-bg:#3b3323;--token-border:#6f5b33;--token-fg:#f4dfad;--token-accent:#d9b45f}[data-theme=dark] .token-color-3{--token-bg:#3d282d;--token-border:#71434c;--token-fg:#ffd3db;--token-accent:#e58b9b}[data-theme=dark] .token-color-4{--token-bg:#322b43;--token-border:#5b4b7d;--token-fg:#e3d6ff;--token-accent:#b39ae6}[data-theme=dark] .token-color-5{--token-bg:#223b38;--token-border:#3b6b64;--token-fg:#c8f2ec;--token-accent:#6fc6bb}[data-theme=dark] .token-color-6{--token-bg:#3d2f25;--token-border:#73503a;--token-fg:#ffdbc2;--token-accent:#e19b65}[data-theme=dark] .token-color-7{--token-bg:#2a2d45;--token-border:#4d537e;--token-fg:#d9ddff;--token-accent:#9aa5ea}[data-theme=dark] .token-color-8{--token-bg:#3c2934;--token-border:#71445d;--token-fg:#ffd4e9;--token-accent:#e28bb9}[data-theme=dark] .token-color-9{--token-bg:#303822;--token-border:#5b6939;--token-fg:#e6f2c4;--token-accent:#b5c86b}[data-theme=dark] .input-wrap{background:#2d3337;border-color:#596975}[data-theme=dark] .input-wrap:focus-within{outline-color:#a9d5ff}[data-theme=dark] #input{color:#eff4f8;caret-color:#eff4f8;background:0 0}[data-theme=dark] .input-highlights .token-mark.error{background:#4a2d27;box-shadow:inset 0 -1.5px #e08a74}.placing-comment #canvas,.placing-comment .node,.placing-comment .comment-label{cursor:crosshair}.comment-link{fill:none;stroke:#948559;stroke-width:1.4px;stroke-dasharray:6 5;pointer-events:none}[data-theme=dark] .comment-link{stroke:#a9d5ff;opacity:.8}.comment-preview{opacity:.7}.toolbar{width:max-content;max-width:calc(100% - 36px);top:76px;left:50%;right:auto;overflow-x:auto;transform:translate(-50%)}.toolbar>*{flex-shrink:0}.tool-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}.top-actions button{align-items:center;gap:6px;display:inline-flex}.selecting-mode #canvas{cursor:default}.comment-link{stroke-width:1.8px;vector-effect:non-scaling-stroke}[data-theme=dark] .comment-link{opacity:1}@media (width<=650px){.toolbar{max-width:calc(100% - 20px)}.top-actions .primary span{display:inline}}@media (width<=430px){.brand{letter-spacing:0;gap:0;font-size:0}.top-actions{gap:4px}.top-actions button{gap:4px;padding:8px}}#import-json{resize:vertical;height:260px}#import-error{color:#b54f3c;min-height:1.5em;margin:8px 0;font-size:12px}[data-theme=dark] #import-error{color:#ffc7b9}.comment-link-hit{fill:none;stroke:#0000;stroke-width:14px;vector-effect:non-scaling-stroke;pointer-events:stroke;cursor:pointer}[data-comment-link].selected .comment-link{stroke:var(--green);stroke-width:3px}.comment-label.connecting rect{stroke:var(--green);stroke-width:2px;stroke-dasharray:6 4}.layout-popover{border:1px solid var(--line);background:var(--panel);width:240px;max-width:calc(100vw - 24px);color:inherit;border-radius:10px;margin:0;padding:14px;position:fixed;inset:auto;box-shadow:0 8px 30px #0003}.layout-popover:popover-open{gap:14px;display:grid}.layout-popover strong{font-size:13px}.layout-field{font-size:12px}.layout-field select{border:1px solid var(--line);width:100%;color:inherit;background:#fff;border-radius:6px;margin-top:6px;padding:8px;display:block}.layout-chevron{width:12px;height:12px}[data-theme=dark] .layout-field select{color:#eff4f8;background:#2d3337;border-color:#596975}header .top-actions{display:none}.toolbar{max-width:calc(100% - 182px);top:16px;left:164px;right:auto;transform:none}.toolbar button[hidden]{display:none}.app-menu:popover-open{gap:4px}.app-menu button{text-align:left;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:10px;display:flex}.app-menu #theme-toggle{justify-content:flex-start;padding:9px 12px}.map-controls{border-bottom:1px solid var(--line);display:flex}.map-controls button{background:0 0;border:0;border-radius:0;flex:1;justify-content:center;align-items:center;height:32px;padding:6px;display:flex}#tips-panel{pointer-events:auto;position:relative}#hide-tips{opacity:0;background:var(--panel);border:0;width:20px;height:20px;margin:0;padding:0;font-size:16px;line-height:20px;position:absolute;top:0;right:0}#tips-panel:hover #hide-tips,#tips-panel:focus-within #hide-tips{opacity:1}#tips-panel #modehint{max-width:none;padding-right:25px;display:block}#show-tips{pointer-events:auto;background:var(--panel);justify-content:center;align-items:center;margin:0;padding:7px;display:flex}#show-tips[hidden],#tips-panel[hidden]{display:none}@media (width<=650px){.toolbar{max-width:calc(100% - 150px);top:10px;left:140px}}@media (width<=430px){.toolbar{max-width:calc(100% - 76px);left:66px}}@media (hover:none){#hide-tips{opacity:1}}.canvas-status #tips-panel{max-width:calc(100% - 190px)}@media (width<=650px){.canvas-status #tips-panel{max-width:calc(100% - 132px)}}:root{--error:#b73232}[data-theme=dark]{--error:#f99}[data-edge].transition-error .edge,[data-edge].runtime-error .edge,[data-edge].trace-error .edge{stroke:var(--error);stroke-width:3px}[data-edge].transition-error .edge-text,[data-edge].runtime-error .edge-text,[data-edge].trace-error .edge-text{fill:var(--error);font-weight:700}[data-edge].transition-error .edge-label-box,[data-edge].runtime-error .edge-label-box{stroke:var(--error)}.node.failure-state circle,.node.trace-error circle{stroke:var(--error);stroke-width:3px}.node.trace-error text,.lexer-error{color:var(--error);fill:var(--error)}.lexer-error{font-size:12px;line-height:1.5}body{--dock-top:0px;--dock-bottom:var(--tester);--dock-left:0px;--dock-right:0px}body[data-tester-dock=top]{--dock-top:var(--tester);--dock-bottom:0px}body[data-tester-dock=left]{--dock-left:var(--tester-width,min(320px, 45vw));--dock-bottom:0px}body[data-tester-dock=right]{--dock-right:var(--tester-width,min(320px, 45vw));--dock-bottom:0px}body:is([data-tester-dock=left],[data-tester-dock=right]).tester-collapsed{--dock-left:0px;--dock-right:0px}.canvas-wrap{inset:var(--dock-top) var(--dock-right) var(--dock-bottom) var(--dock-left)}header{top:calc(var(--dock-top) + 16px);left:calc(var(--dock-left) + 18px);right:calc(var(--dock-right) + 18px)}body[data-tester-dock=top] .tester{border-top:0;border-bottom:1px solid var(--line);top:0;bottom:auto}body:is([data-tester-dock=left],[data-tester-dock=right]) .tester{height:100%;width:var(--tester-width,min(320px, 45vw));border-top:0;padding:12px;top:0;bottom:0}body[data-tester-dock=left] .tester{border-right:1px solid var(--line);left:0;right:auto}body[data-tester-dock=right] .tester{border-left:1px solid var(--line);left:auto;right:0}body:is([data-tester-dock=left],[data-tester-dock=right]) .test-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr;gap:16px}body:is([data-tester-dock=left],[data-tester-dock=right]).tester-collapsed .tester{height:48px;width:var(--tester-width,320px);border-top:1px solid var(--line);padding:8px 12px;top:auto;bottom:0}body:is([data-tester-dock=left],[data-tester-dock=right]).tester-collapsed .panel-title{flex-direction:row;gap:8px;height:29px}body[data-tester-dock=left].tester-collapsed .minimap,body[data-tester-dock=right].tester-collapsed .canvas-status{bottom:60px}.panel-title{gap:8px}.panel-title h2{flex:1}.tester-actions{flex-shrink:0}.toolbar{top:calc(var(--dock-top) + 16px);left:calc(var(--dock-left) + 164px);max-width:calc(100% - var(--dock-left) - var(--dock-right) - 182px)}body[data-toolbar-dock=bottom] .toolbar{top:auto;bottom:calc(var(--dock-bottom) + 12px);left:calc(var(--dock-left) + 202px);max-width:calc(100% - var(--dock-left) - var(--dock-right) - 220px)}body:is([data-toolbar-dock=left],[data-toolbar-dock=right]) .toolbar{top:calc(var(--dock-top) + 76px);max-height:calc(100% - var(--dock-top) - var(--dock-bottom) - 260px);flex-direction:column;width:48px;max-width:48px;padding:4px;bottom:auto;overflow:hidden auto}body[data-toolbar-dock=left] .toolbar{left:calc(var(--dock-left) + 18px)}body[data-toolbar-dock=right] .toolbar{left:auto;right:calc(var(--dock-right) + 18px)}.toolbar[data-orientation=vertical] .separator{width:24px;height:1px;margin:3px}.toolbar[data-orientation=vertical] .layout-chevron{display:none}.toolbar .dock-grip,.dock-grip{cursor:grab;touch-action:none;color:inherit;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.docking,.docking .dock-grip{cursor:grabbing;-webkit-user-select:none;user-select:none}.minimap{left:calc(var(--dock-left) + 18px);bottom:calc(var(--dock-bottom) + 12px)}.canvas-status{left:calc(var(--dock-left) + 20px);right:calc(var(--dock-right) + 20px);bottom:calc(var(--dock-bottom) + 12px)}body[data-toolbar-dock=bottom] .canvas-status{bottom:calc(var(--dock-bottom) + 66px)}.dock-preview{z-index:10000;pointer-events:none;background:color-mix(in srgb, var(--green) 20%, transparent);border:2px solid var(--green);border-radius:8px;position:fixed}.dock-preview.dock-outline{background:0 0;border-style:dashed}.dock-preview[data-panel=tester]{width:auto;height:var(--tester-height,190px)}.dock-preview[data-panel=tester][data-side=top]{inset:0 0 auto}.dock-preview[data-panel=tester][data-side=bottom]{inset:auto 0 0}.dock-preview[data-panel=tester]:is([data-side=left],[data-side=right]){width:var(--tester-width,min(320px, 45vw));height:100%;top:0;bottom:0}.dock-preview[data-panel=tester][data-side=left]{left:0}.dock-preview[data-panel=tester][data-side=right]{right:0}@media (width<=650px){header{top:calc(var(--dock-top) + 10px);left:calc(var(--dock-left) + 10px)}.toolbar{top:calc(var(--dock-top) + 10px);left:calc(var(--dock-left) + 140px);max-width:calc(100% - var(--dock-left) - var(--dock-right) - 150px)}.minimap{left:calc(var(--dock-left) + 10px)}body[data-toolbar-dock=bottom] .toolbar{left:calc(var(--dock-left) + 146px);max-width:calc(100% - var(--dock-left) - var(--dock-right) - 156px)}}@media (width<=430px){.toolbar{left:calc(var(--dock-left) + 66px);max-width:calc(100% - var(--dock-left) - var(--dock-right) - 76px)}}.token[data-token-index]{cursor:pointer}body{--tester:var(--tester-height,190px)}body.tester-collapsed{--tester:48px}#tester-resize{z-index:6;cursor:ns-resize;touch-action:none;height:9px;position:absolute;top:-4px;left:0;right:0}#tester-resize:after{content:"";background:0 0;transition:background .15s;position:absolute;inset:3px 0}#tester-resize:hover:after,#tester-resize:focus-visible:after,.resizing-tester #tester-resize:after{background:var(--green)}body[data-tester-dock=top] #tester-resize{top:auto;bottom:-4px}body:is([data-tester-dock=left],[data-tester-dock=right]) #tester-resize{cursor:ew-resize;width:9px;height:auto;inset:0 -4px 0 auto}body[data-tester-dock=right] #tester-resize{left:-4px;right:auto}body:is([data-tester-dock=left],[data-tester-dock=right]) #tester-resize:after{inset:0 3px}.tester-collapsed #tester-resize{display:none}.resizing-tester{-webkit-user-select:none;user-select:none}.token.input-active{outline:2px solid var(--green);outline-offset:1px;box-shadow:0 0 0 3px color-mix(in srgb, var(--green) 18%, transparent)}.show-skipped{white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:flex}.output-label{align-items:center;margin-bottom:5px}.output-label .field-label{margin-bottom:0}.show-skipped input{margin:0}.token-skipped{border-style:dashed}.dock-grip:hover{background:#edf3e8}[data-theme=dark] .dock-grip{color:#e9eff5;background:0 0}[data-theme=dark] .dock-grip:hover{background:#39434c}#toggle-tester{justify-content:center;align-items:center;width:28px;height:28px;padding:5px;line-height:1;display:flex}.tester-collapsed #toggle-tester .tool-icon{transform:rotate(180deg)}.layout-note{white-space:normal;color:inherit;opacity:.8;margin:0;font-size:11px;line-height:1.5}.layout-popover .check{margin:0;line-height:1.5}.step-controls{align-items:center;gap:5px;height:34px;margin-top:5px;display:flex}.step-controls[hidden],.tester-collapsed .step-controls{display:none}.step-controls button{background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:4px;display:flex}#step-status{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font:10px/1.4 IBM Plex Mono,monospace;overflow:hidden}:root{--step-color:#a71abb;--step-fill:#fae8ff;--step-text:#701a75}:root[data-theme=dark]{--step-color:#efb0ff;--step-fill:#593365;--step-text:#ffe5ff}.step-character{background:var(--step-color);color:#fff;outline:2px solid var(--step-color);border-radius:2px}[data-theme=dark] .step-character{color:#291333}[data-theme] .node.step-current circle{stroke:var(--step-color);stroke-width:4px;fill:var(--step-fill);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--step-color) 65%, transparent))}[data-theme] .node.step-current .inner{fill:none}[data-theme] .node.step-current text{fill:var(--step-text);font-weight:700}[data-theme] [data-edge].step-current .edge{stroke:var(--step-color);stroke-width:4px;filter:drop-shadow(0 0 4px var(--step-color))}[data-theme] [data-edge].step-current .edge-text{fill:var(--step-color);font-weight:700}#step-status{color:var(--step-color)}.tester-actions{gap:4px}#step-toggle{justify-content:center;align-items:center;width:28px;height:28px;padding:5px;display:flex}#step-toggle[aria-pressed=true]{color:var(--green)}.layout-popover{max-height:calc(100dvh - 24px);overflow-y:auto}.spring-forces{border-top:1px solid var(--line);gap:12px;padding-top:12px;display:grid}.spring-forces[hidden]{display:none}.force-field{grid-template-columns:1fr auto;gap:5px;font-size:11px;display:grid}.force-field input{width:100%;accent-color:var(--green);grid-column:1/-1;margin:0}.force-field output{font-variant-numeric:tabular-nums;opacity:.8}.spring-forces button{padding:6px;font-size:11px}#input,.input-highlights{tab-size:4;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;letter-spacing:normal;word-spacing:normal;font-kerning:none;font-variant-ligatures:none;font:12px/1.7 IBM Plex Mono,monospace}::highlight(lexica-token-color-0){background-color:#e8f2fb;-webkit-text-decoration:underline #3d7fb8;text-decoration:underline #3d7fb8;text-decoration-thickness:1.5px}[data-theme=dark] ::highlight(lexica-token-color-0){background-color:#25384a;-webkit-text-decoration:underline #7fb8e8;text-decoration:underline #7fb8e8;text-decoration-thickness:1.5px}::highlight(lexica-token-color-1){background-color:#e8f5ec;-webkit-text-decoration:underline #478f60;text-decoration:underline #478f60;text-decoration-thickness:1.5px}[data-theme=dark] ::highlight(lexica-token-color-1){background-color:#24382b;-webkit-text-decoration:underline #72c08d;text-decoration:underline #72c08d;text-decoration-thickness:1.5px}::highlight(lexica-token-color-2){background-color:#fbf2df;-webkit-text-decoration:underline #b88a33;text-decoration:underline #b88a33;text-decoration-thickness:1.5px}[data-theme=dark] ::highlight(lexica-token-color-2){background-color:#3b3323;-webkit-text-decoration:underline #d9b45f;text-decoration:underline #d9b45f;text-decoration-thickness:1.5px}::highlight(lexica-token-color-3){background-color:#fbeaed;-webkit-text-decoration:underline #c25a6c;text-decoration:underline #c25a6c;text-decoration-thickness:1.5px}[data-theme=dark] ::highlight(lexica-token-color-3){background-color:#3d282d;-webkit-text-decoration:underline #e58b9b;text-decoration:underline #e58b9b;text-decoration-thickness:1.5px}::highlight(lexica-token-color-4){background-color:#f0ebfa;-webkit-text-decoration:underline #8567bf;text-decoration:underline #8567bf;text-decoration-thickness:1.5px}[data-theme=dark] ::highlight(lexica-token-color-4){background-color:#322b43;-webkit-text-decoration:underline #b39ae6;text-decoration:underline #b39ae6;text-decoration-thickness:1.5px}::highlight(lexica-token-color-5){background-color:#e6f5f3;-webkit-text-decoration:underline #3f968c;text-decoration:underline #3f968c;text-decoration-thickness:1.5px}[data-theme=dark] ::highlight(lexica-token-color-5){background-color:#223b38;-webkit-text-decoration:underline #6fc6bb;text-decoration:underline #6fc6bb;text-decoration-thickness:1.5px}::highlight(lexica-token-color-6){background-color:#fceee5;-webkit-text-decoration:underline #c47a43;text-decoration:underline #c47a43;text-decoration-thickness:1.5px}[data-theme=dark] ::highlight(lexica-token-color-6){background-color:#3d2f25;-webkit-text-decoration:underline #e19b65;text-decoration:underline #e19b65;text-decoration-thickness:1.5px}::highlight(lexica-token-color-7){background-color:#ebedfa;-webkit-text-decoration:underline #6f79bf;text-decoration:underline #6f79bf;text-decoration-thickness:1.5px}[data-theme=dark] ::highlight(lexica-token-color-7){background-color:#2a2d45;-webkit-text-decoration:underline #9aa5ea;text-decoration:underline #9aa5ea;text-decoration-thickness:1.5px}::highlight(lexica-token-color-8){background-color:#fbeaf4;-webkit-text-decoration:underline #bf5d92;text-decoration:underline #bf5d92;text-decoration-thickness:1.5px}[data-theme=dark] ::highlight(lexica-token-color-8){background-color:#3c2934;-webkit-text-decoration:underline #e28bb9;text-decoration:underline #e28bb9;text-decoration-thickness:1.5px}::highlight(lexica-token-color-9){background-color:#eff6e4;-webkit-text-decoration:underline #8aa13c;text-decoration:underline #8aa13c;text-decoration-thickness:1.5px}[data-theme=dark] ::highlight(lexica-token-color-9){background-color:#303822;-webkit-text-decoration:underline #b5c86b;text-decoration:underline #b5c86b;text-decoration-thickness:1.5px}::highlight(lexica-error){background-color:#ffe3dc}[data-theme=dark] ::highlight(lexica-error){background-color:#4a2d27}::highlight(lexica-step){color:#0000;background-color:#a71abb}[data-theme=dark] ::highlight(lexica-step){color:#0000;background-color:#efb0ff}.input-label{justify-content:space-between;align-items:center;gap:8px;height:18px;margin-bottom:5px;display:flex}.input-label>.field-label{margin:0}.input-label+.input-wrap{height:calc(100% - 23px)}.lexer-error-actions{align-items:center;gap:8px;font-size:10px;display:flex}.lexer-error-actions .has-errors{color:var(--error);font-weight:600}#next-error{background:0 0;border:0;align-items:center;gap:3px;height:18px;padding:0 3px;font-size:10px;display:flex}#next-error .tool-icon{width:14px;height:14px}.step-memory{align-items:center;gap:6px;min-height:24px;padding:2px 0 4px;display:flex;overflow:auto}.step-memory[hidden]{display:none!important}.step-memory-cell{border:1px solid var(--line);background:var(--panel);white-space:nowrap;border-radius:5px;align-items:center;gap:6px;padding:3px 7px;font:10px IBM Plex Mono,monospace;display:inline-flex}.step-memory-cell b{color:#829087;font-weight:500}.step-memory-cell output{color:var(--step-color);font-weight:600}[data-theme=dark] .memory-rule input,[data-theme=dark] .memory-rule select{color:#eff4f8;background:#171c21;border-color:#596975}.memory-cell{border-top:1px solid var(--line);margin-top:10px;padding-top:5px}.memory-rule{grid-template-columns:minmax(0,1fr) auto minmax(55px,.7fr);gap:5px;margin:5px 0 12px;display:grid}.memory-rule input,.memory-rule select{border:1px solid var(--line);color:#405638;background:#fff;border-radius:5px;width:100%;min-width:0;padding:6px 5px;font-size:10px}.memory-rule input[type=number]{font-family:IBM Plex Mono,monospace}#settings-dialog{width:460px;max-width:calc(100vw - 28px);padding:22px}.settings-group{border:1px solid var(--line);border-radius:8px;margin:12px 0;padding:12px 14px}.settings-group legend{padding:0 5px;font-size:12px;font-weight:600}.settings-group label{align-items:center;gap:8px;margin:5px 0;font-size:12px;font-weight:600;display:flex}.settings-group p{color:#829087;margin:2px 0 12px 23px;font-size:11px}.settings-group input{accent-color:var(--green)}.settings-group button{margin-left:23px}.settings-icon{font-size:17px;line-height:1}.simple-endpoints{border:1px solid var(--line);background:#f2f5f0;border-radius:6px;justify-content:space-between;align-items:center;gap:7px;padding:8px 9px;font-size:11px;font-weight:600;display:flex}.simple-endpoints b{color:var(--green)}.simple-characters-label input{font-family:IBM Plex Mono,monospace}.advanced-expression{border:1px solid var(--line);border-radius:7px;margin:10px 0;padding:10px;font-size:11px}.advanced-expression p{color:#849087;line-height:1.45}[data-theme=dark] .settings-group p{color:#aebac3}[data-theme=dark] .simple-endpoints{background:#171c21}[data-theme=dark] .advanced-expression{border-color:var(--line)}#theme-control{margin:4px 0 8px}#theme-control #theme-toggle{justify-content:flex-start;gap:8px;margin:0;padding:8px 10px}.simple-memory{border-top:1px solid var(--line);margin-top:10px;padding-top:8px}.simple-memory summary{cursor:pointer;padding:5px 0;font-size:11px;font-weight:600}.simple-memory[open]{padding-bottom:4px}.inspector-title{justify-content:space-between;align-items:center;display:flex}[data-theme=dark] .simple-memory{border-color:var(--line)}.simplified-view .inspector{padding:14px 16px 16px}.simplified-view .inspector-title{margin:0 0 14px;padding:0 0 10px;font-size:12px}.simple-editor{flex-direction:column;gap:12px;display:flex}.simple-note,.simple-empty{color:#819087;margin:0;font-size:11px;line-height:1.5}.simple-field{color:#59675d;flex-direction:column;gap:6px;min-width:0;font-size:11px;font-weight:600;display:flex}.simple-field input,.simple-field select{border:1px solid var(--line);background:var(--panel);width:100%;min-width:0;color:inherit;border-radius:6px;padding:9px 10px;font-size:12px;display:block}.simple-field input[type=number]{font-family:IBM Plex Mono,monospace}.simple-field small,.simple-toggle small{color:#87938b;font-size:10px;font-weight:400;line-height:1.4}.simple-field code{font-family:IBM Plex Mono,monospace}.simple-toggle{border-top:1px solid var(--line);cursor:pointer;align-items:flex-start;gap:9px;margin:0;padding:10px 0;font-size:11px;display:flex}.simple-toggle>input{flex:none;margin:2px 0 0}.simple-toggle>span{gap:3px;display:grid}.simple-toggle strong{color:#46564b;font-size:11px;font-weight:600}.simple-route{align-items:center;gap:10px;min-width:0;font-size:12px;font-weight:600;display:flex}.simple-route span{overflow-wrap:anywhere;min-width:0}.simple-route b{color:var(--green);flex:none}.simple-editor .danger{align-self:flex-start;margin:2px 0 0}.simple-section{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:12px;display:flex}.simple-memory{border-top:1px solid var(--line);margin:0;padding-top:10px}.simple-memory summary{cursor:pointer;justify-content:space-between;gap:8px;padding:2px 0;font-size:11px;font-weight:600;display:flex}.simple-memory summary span{color:#839087;font-size:10px;font-weight:400}.simple-memory-content{flex-direction:column;gap:10px;padding-top:12px;display:flex}.simple-memory-content .simple-note{padding:0 0 2px}.memory-rule-section{flex-direction:column;gap:9px;display:flex}.memory-rule-section+.memory-rule-section{border-top:1px solid var(--line);padding-top:12px}.memory-rule-section h3{color:#526157;margin:0;font-size:11px;font-weight:600}.simple-rule-fields{grid-template-columns:1fr 1fr;gap:9px;display:grid}.simple-rule-fields .simple-field:first-child{grid-column:1/-1}.simple-rule-fields .simple-field input,.simple-rule-fields .simple-field select{font-size:11px}.simple-memory-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:end;gap:10px;padding-top:12px;display:grid}.simple-memory-row .danger{grid-column:1/-1;justify-self:start;margin:0;padding:5px 0}.simple-editor [data-add-stack]{align-self:flex-start}.top-actions{align-items:center;gap:8px;display:flex!important}.top-actions #memory-cells{background:var(--panel);border-color:var(--line);align-items:center;gap:6px;height:36px;padding:7px 11px;font-size:11px;display:inline-flex;box-shadow:0 3px 12px #3040220a}.top-actions #memory-cells>span:first-child{font-family:IBM Plex Mono,monospace;font-size:16px}[data-theme=dark] .simple-note,[data-theme=dark] .simple-empty,[data-theme=dark] .simple-field small,[data-theme=dark] .simple-toggle small,[data-theme=dark] .simple-memory summary span{color:#aebac3}[data-theme=dark] .simple-field,[data-theme=dark] .simple-toggle strong,[data-theme=dark] .memory-rule-section h3{color:#e0e8ee}.inspector-actions{align-items:center;gap:4px;display:flex}.inspector-actions .icon-button,.simple-memory-row .icon-button{width:30px;height:30px;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:5px;display:inline-flex}.inspector-actions .icon-button:hover,.simple-memory-row .icon-button:hover{background:#0001}.inspector-actions #delete-selection{color:#cf7770}.inspector-actions [hidden]{display:none!important}.simple-editor{gap:8px}.simple-memory-row{border:0;grid-template-columns:minmax(0,1fr) minmax(0,.72fr) 30px;align-items:center;gap:7px;margin:0;padding:0}.simple-memory-row>input{border:1px solid var(--line);background:var(--panel);width:100%;min-width:0;height:38px;color:inherit;border-radius:6px;padding:8px 9px;font-size:12px}.simple-memory-row .icon-button{grid-column:auto;margin:0}.simple-memory-row+.simple-memory-row{border-top:1px solid var(--line);padding-top:9px}.simple-memory-row .danger{display:none}.simple-toggle{padding:7px 0}.simple-section{gap:7px;padding-top:9px}.simple-memory-content{gap:8px;padding-top:8px}.memory-rule-section{gap:6px}.memory-rule-section h3{text-transform:uppercase;letter-spacing:.06em;font-size:10px}.simple-rule-fields{gap:7px}.simple-rule-fields .simple-field[hidden]{display:none!important}.simple-memory summary span{display:none}.inspector-title{margin-bottom:9px!important;padding-bottom:8px!important}#settings-dialog{width:720px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:20px 22px;overflow:auto}#settings-dialog .dialog-heading{border-bottom:1px solid var(--line);align-items:center;margin-bottom:3px;padding-bottom:12px}#settings-dialog .dialog-heading h2{margin:0;font-size:17px;font-weight:600}.setting-section{border-bottom:1px solid var(--line);gap:8px;padding:14px 0;display:grid}.setting-section:last-child{border-bottom:0;padding-bottom:0}.setting-section h3{text-transform:uppercase;letter-spacing:.08em;color:#829087;margin:0 0 3px;font-size:10px}.setting-choice,.setting-row{align-items:center;gap:10px;margin:0;padding:5px 0;font-size:12px;display:flex}.setting-choice input{accent-color:var(--green);margin:0}.setting-choice span,.setting-row>span{gap:3px;display:grid}.setting-choice strong,.setting-row strong{font-size:12px;font-weight:600}.setting-choice small,.setting-row small,.setting-section p{color:#839087;font-size:10px;line-height:1.4}.setting-section p{margin:0}.setting-row{justify-content:space-between}.setting-row button{align-items:center;gap:7px;padding:7px 9px;display:flex}.setting-row input[type=range]{width:100%;margin:5px 0}[data-theme=dark] .setting-choice small,[data-theme=dark] .setting-row small,[data-theme=dark] .setting-section p,[data-theme=dark] .setting-section h3{color:#b5c0c8}[data-theme=dark] .inspector-actions .icon-button:hover,[data-theme=dark] .simple-memory-row .icon-button:hover{background:#fff1}@media (width<=650px){#settings-dialog{padding:16px}.setting-section{padding:11px 0}.simple-memory-row{grid-template-columns:minmax(0,1fr) minmax(0,.72fr) 30px}}.input-token-hover{z-index:3;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:1px solid var(--token-border);background:var(--token-bg);max-width:calc(100% - 8px);color:var(--token-fg);border-radius:5px;padding:3px 7px;font:10px IBM Plex Mono,monospace;position:absolute;overflow:hidden;box-shadow:0 2px 8px #0003}.input-token-hover[hidden]{display:none}.input-token-hover.token-hover-error{--token-bg:#ffe3dc;--token-border:#e2a89c;--token-fg:#8a3427}[data-theme=dark] .input-token-hover.token-hover-error{--token-bg:#4a2d27;--token-border:#986253;--token-fg:#ffd9cf}.simple-editor .simple-toggle{padding:4px 0;border-top:0!important}.simple-editor .simple-section{padding-top:5px;border-top:0!important}.simple-editor .simple-memory{padding-top:4px;border-top:0!important}.simple-memory-content .memory-rule-section+.memory-rule-section{border-top:0;padding-top:4px}.simple-memory-row+.simple-memory-row{border:0;padding-top:3px}.compact-field{gap:0;padding-top:5px;position:relative}.compact-field>span{z-index:1;background:var(--panel);color:#829087;padding:0 4px;font-size:9px;font-weight:500;line-height:1.1;position:absolute;top:-3px;left:8px}.compact-field input,.compact-field select{padding:9px 9px 7px}[data-theme=dark] .compact-field>span{color:#b5c0c8}#shortcuts-dialog{width:700px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:20px 22px;overflow:auto}#shortcuts-dialog .dialog-heading{border-bottom:1px solid var(--line);align-items:center;padding-bottom:12px}#shortcuts-dialog .dialog-heading h2{margin:0;font-size:18px;font-weight:600}.shortcuts-intro{color:#839087;margin:12px 0;font-size:11px}.shortcut-groups{grid-template-columns:1fr 1fr;gap:10px 28px;display:grid}.shortcut-groups section{min-width:0;padding:8px 0}.shortcut-groups h3{color:#829087;letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:10px}.shortcut-row{border-bottom:1px solid color-mix(in srgb, var(--line) 65%, transparent);justify-content:space-between;align-items:center;gap:12px;min-height:30px;font-size:11px;display:flex}.shortcut-row:last-child{border-bottom:0}.shortcut-row kbd{border:1px solid var(--line);background:var(--panel);color:inherit;white-space:nowrap;border-radius:4px;flex:none;padding:3px 6px;font:10px IBM Plex Mono,monospace}[data-theme=dark] .shortcuts-intro,[data-theme=dark] .shortcut-groups h3{color:#b5c0c8}@media (width<=650px){#shortcuts-dialog{padding:16px}.shortcut-groups{grid-template-columns:1fr;gap:2px}}#show-tips{gap:0;width:30px;height:30px;padding:7px!important}#shortcuts-dialog{background:var(--panel);width:760px;color:inherit;padding:24px 28px}.shortcuts-intro{color:#66756c;margin:16px 0 20px;font-size:13px;line-height:1.5}.shortcut-groups{gap:16px 22px}.shortcut-groups section{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 88%, var(--line));border-radius:9px;padding:12px 14px}.shortcut-groups h3{color:var(--green);margin-bottom:8px;font-size:12px}.shortcut-row{border:0;min-height:38px;font-size:13px}.shortcut-row kbd{box-shadow:0 1px 0 var(--line);background:var(--panel);border-radius:6px;padding:5px 9px;font-size:12px}[data-theme=dark] .shortcuts-intro{color:#d0d8de}.simple-editor .simple-toggle,.simple-editor .simple-section,.simple-editor .simple-memory,.simple-editor .memory-rule-section+.memory-rule-section,.simple-editor .simple-memory-row+.simple-memory-row{box-shadow:none!important;border:0!important}.simple-editor .simple-toggle{padding:4px 0!important}.simple-editor .simple-section{padding:5px 0 0!important}.simple-editor .simple-memory{padding:4px 0 0!important}.simple-editor .memory-rule-section+.memory-rule-section{padding-top:4px!important}.tester.stepping .step-controls{grid-template-columns:auto auto minmax(0,1fr);gap:6px;min-height:60px;display:grid}.tester.stepping #step-status{background:color-mix(in srgb, var(--step-fill) 50%, var(--panel));min-height:25px;color:var(--step-color);border-radius:5px;grid-area:2/1/auto/-1;padding:5px 8px;font-size:12px}.tester.stepping .test-grid{height:calc(100% - 130px)}@media (width<=650px){#shortcuts-dialog{padding:16px}.shortcut-groups{grid-template-columns:1fr}.shortcut-groups section{padding:9px 12px}.shortcuts-intro{margin:10px 0 14px}}@property --recognized{syntax:"<number>";inherits:true;initial-value:0}.lexer-loading{gap:0;font-family:DM Sans,sans-serif}.loading-scene{width:min(360px,100vw - 48px)}.loading-brand{letter-spacing:-1px;justify-content:center;align-items:center;gap:10px;font-size:30px;font-weight:700;display:flex;position:absolute;top:clamp(24px,6vh,56px);left:50%;transform:translate(-50%)}.loading-brand>.logo{border-radius:8px;width:35px;height:37px;font-size:33px}.loading-code{justify-content:center;align-items:center;gap:0;min-height:78px;padding-top:14px;font:18px IBM Plex Mono,monospace;display:flex}.loading-token{--recognized:0;padding:10px calc(5px + var(--recognized) * 3px);margin-right:calc(var(--recognized) * 10px);border:1px solid hsl(var(--h) 50% 65% / calc(var(--recognized) * .6));background:hsl(var(--h) 65% 70% / calc(var(--recognized) * .2));border-radius:7px;animation:3.8s cubic-bezier(.2,.8,.2,1) infinite token-recognize-1;display:inline-block;position:relative}.loading-token:last-child{margin-right:0}.loading-token:nth-child(2){animation-name:token-recognize-2}.loading-token:nth-child(3){animation-name:token-recognize-3}.loading-token:nth-child(4){animation-name:token-recognize-4}.loading-token b{letter-spacing:.05em;opacity:var(--recognized);color:hsl(var(--h) 65% 42%);transform:translate(-50%);translate:0 calc((1 - var(--recognized)) * 5px);font:9px IBM Plex Mono,monospace;position:absolute;bottom:calc(100% + 8px);left:50%}.loading-track{background:var(--line);border-radius:2px;height:3px;margin:24px 0 0;overflow:hidden}.loading-track i{background:var(--green);border-radius:2px;width:22%;height:100%;margin:0;animation:3.8s ease-in-out infinite token-scan;display:block}@keyframes token-recognize-1{0%,8%,94%,to{--recognized:0;transform:translateY(0)scale(1)}18%{--recognized:1;transform:translateY(-8px)scale(1.08)}22%{--recognized:1;transform:translateY(2px)scale(.985)}26%,88%{--recognized:1;transform:translateY(0)scale(1)}}@keyframes token-recognize-2{0%,23%,94%,to{--recognized:0;transform:translateY(0)scale(1)}33%{--recognized:1;transform:translateY(-8px)scale(1.08)}37%{--recognized:1;transform:translateY(2px)scale(.985)}41%,88%{--recognized:1;transform:translateY(0)scale(1)}}@keyframes token-recognize-3{0%,38%,94%,to{--recognized:0;transform:translateY(0)scale(1)}48%{--recognized:1;transform:translateY(-8px)scale(1.08)}52%{--recognized:1;transform:translateY(2px)scale(.985)}56%,88%{--recognized:1;transform:translateY(0)scale(1)}}@keyframes token-recognize-4{0%,53%,94%,to{--recognized:0;transform:translateY(0)scale(1)}63%{--recognized:1;transform:translateY(-8px)scale(1.08)}67%{--recognized:1;transform:translateY(2px)scale(.985)}71%,88%{--recognized:1;transform:translateY(0)scale(1)}}@keyframes token-scan{0%,7%{transform:translate(-120%)}75%,to{transform:translate(460%)}}[data-theme=dark] .loading-token b{color:hsl(var(--h) 75% 78%)}@media (prefers-reduced-motion:reduce){.loading-token{--recognized:1;animation:none}.loading-track i{opacity:.4;width:100%;animation:none}}@media (width<=450px){.loading-code{font-size:16px}.loading-token{margin-right:calc(var(--recognized) * 7px)}}.tester{flex-direction:column;display:flex}.tester>.panel-title,.tester>.step-controls,.tester>.step-memory{flex-shrink:0}.tester>.test-grid{flex:1;min-height:0;height:auto!important}.tester.stepping .step-controls{align-items:center;gap:8px;min-height:32px;margin-top:4px;display:flex}.step-navigation{flex-shrink:0;align-items:center;gap:2px;display:flex}.step-controls .step-navigation button{flex:none;width:28px;min-width:0;height:27px;padding:0;font:22px/1 DM Sans,sans-serif}.tester.stepping #step-status{min-width:0;min-height:0;color:var(--step-color);background:0 0;flex:1;grid-area:auto;padding:0;font-size:11px;line-height:1.5}.input-token-hover{z-index:100;max-width:calc(100vw - 12px);position:fixed}::highlight(lexica-current-token){color:#0000;background-color:#e6a5ef35}[data-theme=dark] ::highlight(lexica-current-token){color:#0000;background-color:#efb0ff30}::highlight(lexica-error){background-color:#0000;-webkit-text-decoration:underline wavy #e56e69;text-decoration:underline wavy #e56e69;text-decoration-thickness:1.5px}[data-theme=dark] ::highlight(lexica-error){background-color:#0000;-webkit-text-decoration:underline wavy #e56e69;text-decoration:underline wavy #e56e69;text-decoration-thickness:1.5px}.input-highlights .token-mark.error,[data-theme=dark] .input-highlights .token-mark.error{box-shadow:none;text-underline-offset:3px;background:0 0;-webkit-text-decoration:underline wavy #e56e69;text-decoration:underline wavy #e56e69;text-decoration-thickness:1.5px}.input-highlights .step-token{box-shadow:none;background:#e6a5ef35}[data-theme=dark] .input-highlights .step-token{background:#efb0ff30}.input-highlights .step-character{background:var(--step-color);color:#0000;box-shadow:none;outline:0}.transition-rule-error{color:var(--error,#d36b60);margin:0 0 10px;font-size:11px;line-height:1.5}.output-label{height:18px}.output-label .lexer-error-actions{margin-left:auto}body.tester-collapsed .tester .step-controls,body.tester-collapsed .tester .step-memory{display:none!important}.input-highlights span.step-character,.input-highlights .token-mark.error.step-character{background:var(--step-color);color:#0000;box-shadow:none;outline:0}::highlight(lexica-hover-token-color-0){color:#0000;background-color:#3d7fb844}[data-theme=dark] ::highlight(lexica-hover-token-color-0){color:#0000;background-color:#7fb8e844}::highlight(lexica-hover-token-color-1){color:#0000;background-color:#478f6044}[data-theme=dark] ::highlight(lexica-hover-token-color-1){color:#0000;background-color:#72c08d44}::highlight(lexica-hover-token-color-2){color:#0000;background-color:#b88a3344}[data-theme=dark] ::highlight(lexica-hover-token-color-2){color:#0000;background-color:#d9b45f44}::highlight(lexica-hover-token-color-3){color:#0000;background-color:#c25a6c44}[data-theme=dark] ::highlight(lexica-hover-token-color-3){color:#0000;background-color:#e58b9b44}::highlight(lexica-hover-token-color-4){color:#0000;background-color:#8567bf44}[data-theme=dark] ::highlight(lexica-hover-token-color-4){color:#0000;background-color:#b39ae644}::highlight(lexica-hover-token-color-5){color:#0000;background-color:#3f968c44}[data-theme=dark] ::highlight(lexica-hover-token-color-5){color:#0000;background-color:#6fc6bb44}::highlight(lexica-hover-token-color-6){color:#0000;background-color:#c47a4344}[data-theme=dark] ::highlight(lexica-hover-token-color-6){color:#0000;background-color:#e19b6544}::highlight(lexica-hover-token-color-7){color:#0000;background-color:#6f79bf44}[data-theme=dark] ::highlight(lexica-hover-token-color-7){color:#0000;background-color:#9aa5ea44}::highlight(lexica-hover-token-color-8){color:#0000;background-color:#bf5d9244}[data-theme=dark] ::highlight(lexica-hover-token-color-8){color:#0000;background-color:#e28bb944}::highlight(lexica-hover-token-color-9){color:#0000;background-color:#8aa13c44}[data-theme=dark] ::highlight(lexica-hover-token-color-9){color:#0000;background-color:#b5c86b44}.input-highlights span.token-hover,.input-highlights .token-mark.error.token-hover{background:color-mix(in srgb, var(--token-accent,#e56e69) 27%, transparent);border-radius:2px}::highlight(lexica-hover-error){color:#0000;background-color:#e56e6944}.input-highlights .step-character.token-hover,.input-highlights .token-mark.error.step-character.token-hover{background:var(--step-color)}.tester-collapsed #step-toggle,.tester-actions #step-toggle[hidden]{display:none!important}.token{overflow-wrap:anywhere;white-space:pre-wrap;align-self:flex-start;max-width:100%;height:auto;min-height:48px;padding:8px 10px}.token b{white-space:normal}#step-stop .tool-icon{width:13px;height:13px}#settings-dialog[open]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;display:grid}#settings-dialog .dialog-heading{grid-column:1/-1}#settings-dialog .setting-section{border-bottom:0;align-self:start;min-width:0}@media (width<=700px){#settings-dialog{width:560px}#settings-dialog[open]{grid-template-columns:minmax(0,1fr)}}.top-actions #memory-cells[hidden]{display:none!important}::highlight(lexica-error){text-decoration:none}[data-theme=dark] ::highlight(lexica-error){text-decoration:none}.input-highlights .token-mark.error,[data-theme=dark] .input-highlights .token-mark.error{text-decoration:none}.input-error-lines{z-index:2;pointer-events:none;border-radius:5px;position:absolute;inset:0;overflow:hidden}.input-error-squiggle{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4'%3E%3Cpath d='M0 2 Q1.5 0 3 2 T6 2' fill='none' stroke='%23e56e69' stroke-width='1.2'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:6px 4px;height:4px;position:absolute}.simple-editor .simple-toggle{grid-template-columns:14px minmax(0,1fr);align-items:center;min-height:28px;display:grid}.simple-editor .simple-toggle>input{align-self:center;width:14px;height:14px;margin:0;display:block}.simple-editor .simple-toggle>span{align-items:center;min-height:18px;line-height:18px;display:flex}.simple-editor .simple-toggle strong{text-box:trim-both cap alphabetic;line-height:18px;display:block}@media (width<=650px){.simplified-view .inspector{padding:12px}}#canvas{touch-action:none;width:100%;height:100%;display:block}.minimap #minimap{touch-action:none;cursor:crosshair;width:170px;height:106px;display:block}@media (width<=650px){.minimap #minimap{width:112px;height:70px}}.placing-state #canvas{cursor:crosshair}.toolbar #memory-cells{padding:7px 9px;display:flex}.toolbar #memory-cells[hidden]{display:none}#settings-dialog #pinch-sensitivity{width:140px;max-width:45%;accent-color:var(--green)}.tester.analysis-pending #input-highlights,.tester.analysis-pending .input-error-lines{visibility:hidden}.tester.analysis-pending #tokens{pointer-events:none}.tester.analysis-pending #input{color:#53634b;-webkit-text-fill-color:#53634b}[data-theme=dark] .tester.analysis-pending #input{color:#edf1f5;-webkit-text-fill-color:#edf1f5}#tokens .token{content-visibility:auto;contain-intrinsic-size:auto 48px}.resizing-tester .canvas-wrap{overflow:hidden}.resizing-tester #canvas{width:100vw;height:100dvh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resizing-tester #input-highlights,.resizing-tester .input-error-lines{display:none}.resizing-tester #input{will-change:transform;contain:strict;transform:translateZ(0)}.resizing-tester #canvas{will-change:transform}#tokens.virtual-token-flow{scrollbar-gutter:stable;contain:strict;display:block}.virtual-token-surface{width:100%;position:relative}.token-measure{visibility:hidden;pointer-events:none;flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:9px;left:9px}#tokens .token-measure>.token{content-visibility:visible;contain-intrinsic-size:none;width:max-content;max-width:100%}#tokens[aria-busy=true]{pointer-events:none}#toast{inset:auto;bottom:calc(var(--tester) + 48px);border:0;margin:0;left:50%}.memory-rule-section .simple-rule-fields,.memory-rule-section .memory-rule{grid-template-columns:minmax(0,1fr)}.memory-rule-section .simple-field{min-width:0}.memory-rule-section .simple-field select,.memory-rule-section .simple-field input{width:100%;min-width:0}.extra-conditions{gap:9px;display:grid}.extra-conditions .simple-rule-fields{border-top:1px solid var(--line);padding-top:10px}.inspector{overscroll-behavior:contain;overflow-y:auto}.condition-toggle-row{align-items:center;gap:4px;display:flex}.condition-toggle-row>label{flex:1;min-width:0}.condition-clipboard{gap:2px;display:flex}.condition-clipboard button{width:26px;height:26px;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:4px;display:inline-flex}.condition-clipboard button:hover{background:#0001}.condition-clipboard .tool-icon{width:16px;height:16px}[data-theme=dark] .condition-clipboard button:hover{background:#fff1}.portal-preview{z-index:12;border:1px solid var(--line);background:var(--panel);max-width:220px;color:inherit;white-space:pre-line;pointer-events:none;border-radius:7px;padding:9px 11px;font-size:11px;line-height:1.5;position:fixed;box-shadow:0 4px 16px #0003}.portal-preview[hidden]{display:none}.group-navigation{z-index:3;background:var(--panel);border:1px solid var(--line);white-space:nowrap;border-radius:8px;align-items:center;gap:4px;max-width:calc(100% - 32px);padding:5px;display:flex;position:absolute;top:128px;left:16px;overflow:hidden;transform:none}.group-navigation button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 9px;font:600 11px DM Sans,sans-serif}.group-navigation button:hover,.group-navigation button[aria-current=page]{background:var(--green);color:#fff}.group-navigation strong{font-size:12px}.group-navigation small{opacity:.65;margin-left:3px}.group-dialog{border:1px solid var(--line);background:var(--panel);color:inherit;border-radius:12px;max-width:min(420px,100vw - 32px);padding:22px;box-shadow:0 16px 60px #0004}.group-dialog::backdrop{background:#17282480}.group-dialog h2{margin:0 0 8px;font-size:18px}.group-dialog p{font-size:12px;line-height:1.5}.group-dialog label{gap:6px;font-size:12px;font-weight:600;display:grid}.group-dialog input{border:1px solid var(--line);background:var(--panel);color:inherit;font:inherit;border-radius:6px;padding:9px}.group-dialog .dialog-actions{margin-top:18px}body:is([data-toolbar-dock=left],[data-toolbar-dock=right],[data-toolbar-dock=bottom]) .group-navigation{max-width:calc(100% - 96px);top:76px}body[data-toolbar-dock=left] .group-navigation{left:80px}.bundle-dialog{max-width:min(560px,100vw - 24px);max-height:80vh;overflow:auto}.bundle-dialog p{font-size:12px;line-height:1.5}.breadcrumb-menu{background:var(--panel);min-width:150px;color:inherit;border:1px solid var(--line);border-radius:8px;margin:0;padding:5px;position:fixed;inset:auto;box-shadow:0 4px 20px #0003}.breadcrumb-menu:popover-open{gap:3px;display:grid}.breadcrumb-menu button{color:inherit;text-align:left;background:0 0;border:0;padding:9px}a,button:not(:disabled),select,input[type=checkbox],input[type=radio],summary,[role=button],#minimap{cursor:pointer}label:has(input[type=checkbox]){cursor:pointer}label:has(input[type=radio]){cursor:pointer}#new-portal{display:none}.prop-field:has(#state-portal[value=""]){display:none}.simple-field:has(#state-portal[value=""]){display:none}.check:has(#via-portal:not(:checked)){display:none}.group-navigation[hidden],.group-overlay[hidden],.group-overview-backdrop[hidden]{display:none}.group-overview-backdrop{touch-action:none;cursor:grab;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.group-overlay{z-index:2;border:1px solid var(--line);background:inherit;border-radius:12px;flex-direction:column;transition:left .18s cubic-bezier(.2,.8,.2,1),top .18s cubic-bezier(.2,.8,.2,1),opacity .16s,scale .16s;display:flex;position:absolute;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 16px 44px #0004}.group-overlay-heading{background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:6px 9px;display:flex}.group-overlay #canvas{flex:1;min-height:0}#canvas:focus{outline:none}#group-presentation{border:1px solid var(--line);background:var(--panel);max-width:66%;color:inherit;cursor:pointer;border-radius:6px;padding:7px 9px}#pinch-sensitivity-value{opacity:.65;font-size:10px;font-weight:400}#group-overlay-title{color:inherit;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:4px 6px;font-weight:600;overflow:hidden}#group-overlay-title:hover,#group-overlay-title:focus{background:color-mix(in srgb, var(--panel) 65%, var(--green));outline:0}.group-overlay-actions{flex:none;gap:6px;display:flex}.group-overlay-actions button{width:28px;height:28px;color:inherit;background:0 0;border:0;place-items:center;padding:4px;display:grid}.group-overlay-actions button:hover{background:color-mix(in srgb, var(--panel) 75%, var(--green))}.group-overlay-actions [data-delete-group]{color:var(--error)}.group-overlay-actions .tool-icon{width:17px;height:17px}@media (prefers-reduced-motion:reduce){.group-overlay{transition:none}}.group-target-list{gap:5px;max-height:55vh;display:grid;overflow:auto}.group-target-list small{opacity:.72;display:block}.group-overlay{transition:opacity .16s ease, scale .16s ease, display .16s allow-discrete;transition-behavior:allow-discrete;scale:1}.group-overlay:not([hidden]){opacity:1}@starting-style{.group-overlay:not([hidden]){opacity:0;scale:.98}}.group-target-dialog{width:min(720px,100vw - 32px);max-width:calc(100vw - 32px);color:var(--green);overflow:hidden}.group-target-dialog h2{overflow-wrap:anywhere;max-width:calc(100% - 48px);color:var(--green);font-size:clamp(16px,4vw,21px);line-height:1.25}.group-target-dialog form{min-width:0}.group-target-graph{aspect-ratio:7/4;background:var(--panel);border:1px solid var(--line);border-radius:8px;width:100%;max-width:100%;height:min(55vh,420px);display:block;overflow:hidden}.target-edge{fill:none;stroke:#82918a;stroke-width:2px;opacity:.72}.target-edge-label{text-anchor:middle;fill:var(--text,#52634f);paint-order:stroke;stroke:var(--panel);stroke-width:5px;font:10px IBM Plex Mono,monospace}.target-state{cursor:pointer}.target-state circle{fill:var(--panel);stroke:var(--green);stroke-width:2px}.target-state:hover circle,.target-state:focus circle{fill:color-mix(in srgb, var(--green) 20%, var(--panel));stroke-width:3px}.target-state text{text-anchor:middle;fill:var(--text,#52634f);pointer-events:none;font:11px DM Sans,sans-serif}.target-state .target-token{fill:var(--green);font:8px IBM Plex Mono,monospace}[data-theme=dark] .target-state text{fill:#f1f5f9}[data-theme=dark] .target-state .target-token{fill:#a9d5bb}.group-overlay{background-color:var(--panel);background-image:radial-gradient(color-mix(in srgb, var(--line) 90%, transparent) .8px, transparent .8px)}#assign-group-select{border:1px solid var(--line);background:var(--panel);width:100%;color:inherit;border-radius:6px;margin-top:6px;padding:9px;font-size:12px;display:block}#arrange.arranging{align-items:center;gap:8px;display:flex}#arrange.arranging:before{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite layout-spin}@keyframes layout-spin{to{transform:rotate(360deg)}}:root{--token-accent-0:#3d7fb8;--token-accent-1:#478f60;--token-accent-2:#b88a33;--token-accent-3:#c25a6c;--token-accent-4:#8567bf;--token-accent-5:#3f968c;--token-accent-6:#c47a43;--token-accent-7:#6f79bf;--token-accent-8:#bf5d92;--token-accent-9:#8aa13c}[data-theme=dark]{--token-accent-0:#7fb8e8;--token-accent-1:#72c08d;--token-accent-2:#d9b45f;--token-accent-3:#e58b9b;--token-accent-4:#b39ae6;--token-accent-5:#6fc6bb;--token-accent-6:#e19b65;--token-accent-7:#9aa5ea;--token-accent-8:#e28bb9;--token-accent-9:#b5c86b}[data-theme=dark] .node.token-state circle{fill:color-mix(in srgb, var(--state-token) 20%, var(--node-fill,#f9fbf5))}.inspector{z-index:8;width:224px;position:fixed;bottom:auto;right:auto}}#root{width:100%;height:100dvh}.canvas-surface{position:absolute;inset:0}.canvas-surface>canvas{width:100%;height:100%}.group-overlay-heading>.prop-field{flex:1;min-width:0;margin:0}.group-overlay-heading input{width:100%}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#26322266;animation:.12s ease-out modal-fade;position:fixed;inset:0}.react-dialog{z-index:41;border:1px solid var(--line);background:var(--panel,#fff);width:720px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);color:var(--ink,#30402c);border-radius:12px;padding:24px;animation:.12s ease-out modal-fade;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 25px 100px #24372122}.react-dialog .dialog-heading button{flex:none}.react-dialog.layout-dialog{width:330px}.react-dialog.group-dialog{width:460px}.react-dialog.group-target-dialog{width:720px}.react-dialog .group-target-graph{width:100%;height:320px;display:block}.react-menu{z-index:45;max-height:var(--radix-dropdown-menu-content-available-height);flex-direction:column;display:flex;position:relative;inset:auto}.react-menu-item{cursor:pointer;border-radius:4px;outline:none;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.react-context-menu{z-index:45;flex-direction:column;margin:0;display:flex;position:fixed}.context-menu-anchor{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;position:fixed}#toast{z-index:60}#tokens .token{text-align:left;flex:none;max-width:100%}#tokens.react-virtual-tokens{contain:strict;scrollbar-gutter:stable;display:block}.virtual-token-row>.token{content-visibility:visible;contain-intrinsic-size:none;width:max-content;height:auto}.token.token-active{outline:2px solid var(--green);outline-offset:1px}.app-error{max-width:720px;margin:auto;padding:32px}[data-theme=dark] .react-dialog{color:#edf1f5;background:#3c4449}[data-theme=dark] .react-menu-item[data-highlighted]{background:#4a5963}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.modal-backdrop,.react-dialog{animation:none}}.rt-BaseButton.app-icon-button{box-sizing:border-box;flex:0 0 32px;width:32px;min-width:32px;height:32px;margin:0;padding:6px}.rt-BaseButton.app-icon-label,.rt-BaseButton.app-button{box-sizing:border-box;min-height:32px;margin:0;padding:6px 12px}.toolbar,.map-controls,.tester-actions,.inspector-actions,.group-overlay-actions,.debugger-controls{gap:6px}.toolbar{padding:8px}.dialog-heading,.window-heading{height:auto;min-height:32px;background:0 0!important}.dialog-heading h2,.window-heading h2{color:inherit;background:0 0;flex:1;padding:0;display:block}.brand-icon{flex:none;width:28px;height:30px;display:block}.brand{align-items:center;gap:8px}.canvas-wrap{inset:0}[data-tester-dock=left] #tester-grip .tool-icon,[data-tester-dock=right] #tester-grip .tool-icon{transform:none}.react-dialog.settings-panel{width:480px}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes backdrop-out{0%{opacity:1}to{opacity:0}}.modal-backdrop[data-state=open]{animation:.17s ease-out backdrop-in}.modal-backdrop[data-state=closed]{animation:.14s ease-in forwards backdrop-out}.react-dialog:is(.import-panel,.export-panel) button{box-sizing:border-box;height:32px;min-height:32px;padding-top:6px;padding-bottom:6px}.canvas-status{pointer-events:none;z-index:12;bottom:calc(var(--tester) + 12px)}#show-tips{pointer-events:auto;display:inline-flex}#tips-panel{border:1px solid var(--gray-6);border-radius:var(--radius-3);background:var(--color-panel-solid);pointer-events:auto;align-items:center;gap:8px;padding:8px 12px;display:flex}#tips-panel[hidden]{display:none}#modehint:empty:before{content:"V select · H pan · C comment · A accepting · ? shortcuts"}.property-editor{flex-direction:column;gap:12px;display:flex}.property-editor .prop-field{margin:0}.property-editor .prop-note{margin:0;line-height:1.5;display:block}#modehint{color:var(--gray-12);font-size:11px;line-height:1.4}.property-section{border-top:1px solid var(--gray-5);flex-direction:column;gap:10px;padding-top:14px;display:flex}.property-section h3{color:var(--gray-11);margin:0;font-size:12px;font-weight:600}.property-route{border:1px solid var(--gray-6);border-radius:var(--radius-2);background:var(--gray-2);grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);align-items:center;gap:10px;padding:10px;font-size:12px;display:grid}.property-route span{overflow-wrap:anywhere}.property-details{border-top:1px solid var(--gray-5);padding-top:12px}.property-details summary{cursor:pointer;padding:0 0 12px;font-size:12px;font-weight:600}.property-details .prop-field,.property-details .app-button{margin-bottom:12px}.inspector-title h2{margin:0;font-size:14px;font-weight:600}.rule-presets{flex-wrap:wrap;gap:6px;display:flex}.rule-presets .rt-BaseButton{min-height:28px;padding:4px 8px;font-size:11px}.connection-row.rt-BaseButton{white-space:normal;text-align:left;justify-content:space-between;gap:8px;height:auto;padding:8px;display:flex}.connection-expression{font-family:var(--code-font-family);overflow-wrap:anywhere}.group-overlay{max-width:none;max-height:none}.radix-themes[data-is-root-theme=true]{background:0 0;height:100%;min-height:0}.radix-themes{--default-font-family:"DM Sans", system-ui, sans-serif}.prop-field{gap:var(--space-2);margin:0 0 var(--space-3);font-size:var(--font-size-1);color:var(--gray-12);flex-direction:column;display:flex}.check{align-items:center;gap:var(--space-2);min-height:var(--space-6);padding:var(--space-1) 0;color:var(--gray-12);font-size:var(--font-size-1);margin:0;display:flex}.prop-field .rt-TextFieldRoot,.prop-field .rt-SelectTrigger,.prop-field .rt-TextArea{width:100%}.toolbar{padding:var(--space-2);gap:var(--space-2)}.toolbar,.brand{border:1px solid var(--gray-6);border-radius:var(--radius-3);background:var(--color-panel-solid);box-shadow:var(--shadow-2)}.toolbar .rt-BaseButton{flex-shrink:0}.rt-BaseButton[aria-pressed=true]{background:var(--accent-a4);color:var(--accent-11)}.rt-BaseButton[hidden]{display:none}.inspector,.react-dialog,.debugger-window{padding:var(--space-4);border:1px solid var(--gray-6);border-radius:var(--radius-3);background:var(--color-panel-solid);color:var(--gray-12);box-shadow:var(--shadow-4)}.inspector-title,.dialog-heading,.window-heading{justify-content:space-between;align-items:center;gap:var(--space-3);margin:0 0 var(--space-4);padding:0 0 var(--space-3);border-bottom:1px solid var(--gray-5);display:flex}.dialog-heading h2,.window-heading h2{font-size:var(--font-size-3);margin:0;font-weight:600;line-height:1.4}.dialog-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);margin-top:var(--space-4);display:flex}.property-name{margin:0 0 var(--space-3);font-size:var(--font-size-3)}.prop-note{color:var(--gray-11);font-size:var(--font-size-1);margin:var(--space-2) 0 var(--space-3);line-height:1.5}.transition-item{width:100%;margin:var(--space-1) 0;justify-content:flex-start}.memory-cell,.memory-rule-section{padding:var(--space-3) 0;border:0;border-bottom:1px solid var(--gray-5);margin:0}.memory-rule-fields{gap:var(--space-2);display:grid}.memory-rule-fields .prop-field{margin:0}.simple-memory{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--gray-5)}.simple-memory summary{font-size:var(--font-size-2);padding-bottom:var(--space-2);cursor:pointer;font-weight:600}.condition-clipboard{gap:var(--space-2);margin:var(--space-2) 0;display:flex}.tester{border:1px solid var(--gray-6);background:var(--color-panel-solid);padding:var(--space-3)}.panel-title{margin-bottom:var(--space-3)}.minimap{border:1px solid var(--gray-6);border-radius:var(--radius-3);background:var(--color-panel-solid);box-shadow:var(--shadow-2)}.map-controls{padding:var(--space-2);gap:var(--space-2);justify-content:space-around;display:flex}.react-menu{transform-origin:var(--radix-dropdown-menu-content-transform-origin,center);border:1px solid var(--gray-6);padding:var(--space-1);border-radius:var(--radius-3);background:var(--color-panel-solid);color:var(--gray-12);box-shadow:var(--shadow-3)}.react-menu-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-2)}.react-menu-item[data-highlighted]{background:var(--accent-a3)}[data-toolbar-dock=left] #toolbar-grip .tool-icon,[data-toolbar-dock=right] #toolbar-grip .tool-icon{transform:rotate(90deg)}.tool-panel{width:320px;max-width:calc(100vw - 24px);transform:none}.tool-panel.settings-panel{width:440px}.tool-panel.import-panel,.tool-panel.export-panel{width:560px}.tool-panel .dialog-heading{background:var(--color-panel-solid);z-index:1;padding-top:0;position:static}.rt-SelectContent{z-index:70}.settings-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.settings-stack{align-content:start;gap:var(--space-4);min-width:0;display:grid}.settings-section{min-width:0;margin:0;padding:0}.settings-section h3{margin:0 0 var(--space-2);font-size:var(--font-size-1);color:var(--gray-11);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.settings-wide{grid-column:1/-1}.machine-type-cards .rt-RadioCardsItem{text-align:left;justify-content:flex-start}.settings-section small{margin-top:var(--space-1);color:var(--gray-11);font-size:var(--font-size-1);display:block}.settings-section strong{font-size:var(--font-size-2);display:block}.settings-section .check+.prop-field{margin-top:var(--space-2)}.settings-slider-label{font-size:var(--font-size-1);margin:var(--space-2) 0 var(--space-3);justify-content:space-between;display:flex}.settings-theme{justify-content:space-between;align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--gray-5);flex-wrap:wrap;display:flex}.settings-theme h3{margin:0}.group-navigation :is([data-overview],[data-current]){appearance:none;padding:0 var(--space-1);box-shadow:none;background:0 0;border:0;flex:none;margin:0}.group-navigation [data-current]{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.group-navigation :is([data-overview],[data-current]):is(:hover,[aria-current=page]){color:inherit;text-decoration:underline}.group-navigation .dock-grip{flex:none}.group-overlay{opacity:1;background-color:var(--color-panel-solid);border:1px solid var(--gray-6);border-radius:var(--radius-3);min-width:0;min-height:0;box-shadow:var(--shadow-5);transition:none;transform:scale(1)}.group-overlay-heading{min-height:44px;padding:var(--space-2);gap:var(--space-2);background:var(--color-panel-solid);border-bottom:1px solid var(--gray-5);flex:none}.group-overlay-heading .prop-field{margin:0}.group-overlay #canvas{flex:1 1 0;height:0;min-height:0}.resizing-tester #canvas{width:100%;height:100%;position:static;top:auto;left:auto;transform:none}.resizing-tester .group-overlay #canvas{height:0}.group-overview-backdrop{opacity:.4}.canvas-surface[hidden]{display:none}[data-group-grip]{cursor:grab;touch-action:none}[data-group-grip]:active{cursor:grabbing}.group-window-resize{opacity:.6;cursor:nwse-resize;touch-action:none;z-index:1;position:absolute;bottom:3px;right:3px}#group-overlay-title{font-weight:600}.debugger-window{z-index:20;width:400px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 110px);position:fixed;top:80px;left:50%;overflow:auto;translate:-50%}.debugger-window .window-heading{margin-bottom:var(--space-3)}.debugger-window .window-heading h2{flex:1}.debugger-controls{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.debugger-offset{font-size:var(--font-size-1);color:var(--gray-11);margin-left:auto}.debugger-status{padding:var(--space-3);margin:var(--space-3) 0;background:var(--accent-a3);border-radius:var(--radius-2);color:var(--accent-12);font-size:var(--font-size-2);line-height:1.5}.debugger-memory h3{margin:0 0 var(--space-2);font-size:var(--font-size-1);color:var(--gray-11);font-weight:600}.debugger-stacks{gap:var(--space-2);display:grid}.debugger-stack{justify-content:space-between;align-items:baseline;gap:var(--space-2);font-size:var(--font-size-1);flex-wrap:wrap;display:flex}.debugger-stack output{font-family:var(--code-font-family);overflow-wrap:anywhere}.debugger-empty{font-size:var(--font-size-1);color:var(--gray-11);margin:0}#tokens{padding:var(--space-2);border:1px solid var(--gray-6);border-radius:var(--radius-2);background:var(--gray-2);flex-wrap:wrap;align-content:flex-start;gap:6px;display:flex}#tokens .token{border-radius:var(--radius-2);text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;border-style:solid;border-width:1px;flex:none;width:max-content;max-width:100%;height:auto;min-height:48px;margin:0;padding:8px 10px;font:11px/17px IBM Plex Mono,monospace;display:block}#tokens .token b{margin:0 0 4px;font-size:8px;font-weight:500;line-height:12px;display:block}#tokens.react-virtual-tokens{display:block}.virtual-token-row{align-items:flex-start;gap:6px;display:flex}.virtual-token-row .token{content-visibility:visible;flex:none}.input-wrap textarea{border-color:var(--gray-6);border-radius:var(--radius-2)}@media (width<=500px){.debugger-window{width:360px;top:76px}.settings-grid{gap:var(--space-3)}}.tester-collapsed .tester{height:48px;padding:7px 12px}.tester-collapsed .tester .panel-title{align-items:center;height:32px;min-height:32px;margin:0}#toggle-tester .tool-icon,.tester-collapsed #toggle-tester .tool-icon{transform:none}.map-controls{gap:0;padding:0}.map-controls .rt-BaseButton.app-icon-button{border-radius:0;flex:1;width:auto;min-width:0;height:32px;padding:6px}#tips-panel{display:none}.canvas-status{bottom:12px;left:auto;right:18px}body[data-tester-dock=bottom] .canvas-status{bottom:calc(var(--tester) + 12px)}body[data-tester-dock=right] .canvas-status{right:calc(var(--tester-width,320px) + 12px)}.rt-BaseButton.text-action{min-height:0;box-shadow:none;background:0 0;border:0;gap:4px;margin:0;padding:0;font-size:11px}.rt-BaseButton.text-action:hover{background:0 0;text-decoration:underline}.app-icon-button[aria-label^=Delete],.app-icon-button[data-delete-group]{color:var(--error,#b73232)}[data-theme=dark] .modal-backdrop{background:#06090cbb}#next-error.rt-BaseButton{box-shadow:none;background:0 0;border:0;min-height:0;padding:0}#next-error.rt-BaseButton:disabled{color:var(--muted);opacity:.45;text-decoration:none}body[data-tester-dock=right].tester-collapsed .canvas-status{right:calc(var(--tester-width,320px) + 12px);bottom:12px}body[data-tester-dock=left].tester-collapsed .canvas-status{bottom:8px}details>summary{align-items:center;gap:8px;list-style:none;display:flex}details>summary::-webkit-details-marker{display:none}details>summary:before{content:"";border-bottom:1.5px solid;border-right:1.5px solid;flex:none;width:6px;height:6px;transition:transform .14s;transform:rotate(-45deg)}.simple-memory>summary{flex-direction:row;justify-content:flex-start}.compact-memory .memory-rule-section{gap:8px}.compact-memory .memory-rule-section>h3,.compact-memory .prop-note{display:none}.compact-memory .memory-rule-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.compact-memory .memory-rule-tools{gap:4px;display:flex}.compact-memory .memory-rule-tools .app-icon-button,.compact-memory .extra-memory-rule>.app-icon-button{flex-basis:26px;width:26px;min-width:26px;height:26px;padding:4px}.compact-memory .memory-rule-fields{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:6px;display:grid}.compact-memory .memory-rule-fields:has(input){grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 56px}.compact-memory .memory-rule-fields .prop-field{gap:4px;min-width:0;font-size:10px}.compact-memory .memory-rule-fields button{width:100%;min-width:0}.compact-memory .extra-memory-rule{align-items:end;gap:4px;display:flex}.compact-memory .extra-memory-rule .memory-rule-fields{flex:1;min-width:0}.compact-memory .simple-memory-content{gap:8px;padding-top:8px}.compact-memory .memory-rule-section{margin:0;padding:8px 0}.compact-memory .extra-memory-rule{border:0;margin:0;padding:0}.compact-memory .memory-rule-fields .prop-field{gap:0;font-size:0}.compact-memory .memory-rule-fields :is(button,input,.rt-TextFieldRoot){font-size:11px}.compact-memory>summary{padding-bottom:0}.compact-memory>summary:before{margin-inline:auto var(--space-2);order:1}.compact-memory:not([open])>summary:before{transform:rotate(135deg)}.compact-memory .app-icon-button.danger{color:var(--error)}.react-dialog:not(.tool-panel){transform-origin:50%;transform:translate(-50%,-50%)}details[open]>summary:before{transform:rotate(45deg)}@keyframes debugger-open{0%{opacity:0;scale:.98}to{opacity:1;scale:1}}@keyframes debugger-close{0%{opacity:1;scale:1}to{opacity:0;scale:.98}}.debugger-window.animated-window[data-state=open]{animation:.14s ease-out debugger-open}.debugger-window.animated-window[data-state=closed]{animation:.12s ease-in forwards debugger-close}.react-dialog.export-panel{width:1000px}.react-dialog.shortcuts-dialog{overscroll-behavior:contain;width:760px}.shortcuts-dialog .shortcut-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.shortcuts-dialog .shortcut-row>*{overflow-wrap:anywhere;min-width:0}.shortcuts-dialog .shortcut-row kbd{white-space:normal;flex:0 auto;max-width:55%}@media (width<=650px){.shortcuts-dialog .shortcut-groups{grid-template-columns:minmax(0,1fr)}}.export-panel #export-preview{resize:vertical;height:min(48vh,480px);min-height:260px}.svg-preview{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:6px;width:100%;height:min(42vh,400px);margin:12px 0;display:block}button:not(:disabled),[role=button]:not([aria-disabled=true]),[role=menuitem],[role=option],.rt-SelectTrigger:not(:disabled),summary,.check{cursor:pointer}.debug-stop .tool-icon{fill:var(--error);color:var(--error)}@keyframes window-open{0%{scale:0}to{scale:1}}@keyframes window-close{0%{scale:1}to{scale:0}}.animated-window[data-state=open]{animation:.17s cubic-bezier(.2,.8,.2,1) window-open}.animated-window[data-state=closed]{pointer-events:none;animation:.14s ease-in forwards window-close}.properties-hidden .inspector.animated-window:not([hidden]){display:block}.inspector.animated-window[hidden]{display:none}[data-sonner-toaster]{z-index:60}[data-sonner-toast].lexica-toast{color:#fff;background:#304d37;border:0;font-family:inherit;font-size:11px}[data-theme=dark] [data-sonner-toast].lexica-toast{color:#183047;background:#b8ddff}[data-sonner-toast].lexica-toast [data-close-button]{background:inherit;color:inherit;border-color:currentColor}@media (prefers-reduced-motion:reduce){.animated-window[data-state]{animation-duration:1ms}}.radix-themes{--accent-1:#f9fbf7;--accent-2:#f0f5ed;--accent-3:#eaf1e2;--accent-4:#e2ecda;--accent-5:#d5dfcb;--accent-6:#bdceb3;--accent-7:#9ab58e;--accent-8:#718664;--accent-9:#386b4e;--accent-10:#2d593f;--accent-11:#386b4e;--accent-12:#304d37;--accent-a1:#386b4e03;--accent-a2:#386b4e08;--accent-a3:#386b4e12;--accent-a4:#386b4e20;--accent-a5:#386b4e30;--accent-a6:#386b4e40;--accent-a7:#386b4e60;--accent-a8:#386b4e90;--accent-a9:#386b4e;--accent-a10:#2d593f;--accent-a11:#386b4e;--accent-a12:#304d37;--accent-contrast:#fff;--accent-surface:#edf5e9;--accent-indicator:#386b4e;--accent-track:#386b4e;--gray-1:#f9fbf7;--gray-2:#f0f4ec;--gray-3:#edf3e8;--gray-4:#e7eee1;--gray-5:#e1e7dc;--gray-6:#dde5d9;--gray-7:#cbd7c5;--gray-8:#a4b397;--gray-9:#80916d;--gray-10:#627459;--gray-11:#718268;--gray-12:#29382f;--gray-a3:#3040220a;--gray-a4:#30402215;--gray-a5:#30402220;--gray-a6:#30402230;--gray-a7:#30402240;--gray-a8:#30402260;--gray-a9:#30402280;--gray-a10:#304022a0;--gray-a11:#627459;--gray-a12:#29382f;--color-background:#f9fbf7;--color-panel-solid:#fff;--color-panel:#fffffff5;--color-surface:#fff}.radix-themes.dark{--accent-1:#343b3f;--accent-2:#354452;--accent-3:#3d566b;--accent-4:#425d73;--accent-5:#4a6c86;--accent-6:#5f819c;--accent-7:#7a9bb4;--accent-8:#8eb7d6;--accent-9:#a9d5ff;--accent-10:#c7e5ff;--accent-11:#a9d5ff;--accent-12:#e7f5ff;--accent-a1:#a9d5ff03;--accent-a2:#a9d5ff08;--accent-a3:#a9d5ff16;--accent-a4:#a9d5ff25;--accent-a5:#a9d5ff35;--accent-a6:#a9d5ff50;--accent-a7:#a9d5ff70;--accent-a8:#a9d5ff90;--accent-a9:#a9d5ff;--accent-a10:#c7e5ff;--accent-a11:#a9d5ff;--accent-a12:#e7f5ff;--accent-contrast:#183047;--accent-surface:#3d566b;--accent-indicator:#a9d5ff;--accent-track:#a9d5ff;--gray-1:#303639;--gray-2:#343a3e;--gray-3:#3e4549;--gray-4:#444d52;--gray-5:#465157;--gray-6:#5b666c;--gray-7:#687783;--gray-8:#818d93;--gray-9:#96a5b0;--gray-10:#aebcc6;--gray-11:#bdcbd7;--gray-12:#edf1f5;--gray-a3:#edf1f50a;--gray-a4:#edf1f515;--gray-a5:#edf1f520;--gray-a6:#edf1f530;--gray-a7:#edf1f540;--gray-a8:#edf1f560;--gray-a9:#edf1f580;--gray-a10:#edf1f5a0;--gray-a11:#bdcbd7;--gray-a12:#edf1f5;--color-background:#272d30;--color-panel-solid:#3e4549;--color-panel:#3e4549f5;--color-surface:#2d3337}:root[data-theme=dark]{color:#edf1f5;--green:#a9d5ff;--line:#5b666c;--panel:#3e4549f5;background:#272d30}:root[data-theme=dark] .canvas-wrap{background-color:#2b3135}.canvas-wrap{background-color:#fafcf8}.brand-icon rect{fill:#426c4d}.brand-icon text{fill:#fff}[data-theme=dark] .brand-icon rect{fill:#b8ddff}[data-theme=dark] .brand-icon text{fill:#183047}.rt-BaseButton.app-icon-button,.rt-BaseButton.app-icon-label{box-shadow:none;background:0 0}.rt-BaseButton.app-icon-button:hover,.rt-BaseButton.app-icon-label:hover{background:#edf3e8}.rt-BaseButton.app-icon-button[aria-pressed=true]{color:#386b4e;background:#eaf1e2}[data-theme=dark] .rt-BaseButton.app-icon-button:hover,[data-theme=dark] .rt-BaseButton.app-icon-label:hover{background:#39434c}[data-theme=dark] .rt-BaseButton.app-icon-button[aria-pressed=true]{color:#e5f3ff;background:#3c566c}[data-theme=dark] .react-dialog,[data-theme=dark] .inspector,[data-theme=dark] .minimap,[data-theme=dark] .tester,[data-theme=dark] .debugger-window{color:#edf1f5;background:#3e4549}[data-theme=dark] #tokens{background:#2d3337}.rt-BaseButton.app-button:not(.primary):not(.danger){color:#48564b;background:#fff;box-shadow:inset 0 0 0 1px #dde5d9}.rt-BaseButton.app-button.text-action,[data-theme=dark] .rt-BaseButton.app-button.text-action{box-shadow:none;background:0 0;border:0;padding:0}[data-theme=dark] .rt-BaseButton.app-button:not(.primary):not(.danger){color:#e9eff5;background:#292f35;box-shadow:inset 0 0 0 1px #5b666c}