:root{--bg:#fdf8fd;--surface:#f3edf7;--surface-2:#e8e0ee;--line:#ded6e5;--text:#211c29;--muted:#6a6275;--primary:#6750a4;--on-primary:#fff;--soft:#e8def8;--dot:#7d5260;--error:#b3261e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#141218;--surface:#242129;--surface-2:#302b37;--line:#433b4b;--text:#ece5f2;--muted:#bfb4cd;--primary:#d0bcff;--on-primary:#381e72;--soft:#403351;--dot:#efb8c8;--error:#f2b8b5}}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}header{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:24px 32px;display:flex}header h1{letter-spacing:-.5px;margin:0;font-size:20px;font-weight:650}.brand p{color:var(--muted);margin:3px 0 0;font-size:12px}.spacer{flex:1}.history{gap:8px;display:flex}main{grid-template-columns:176px minmax(0,1fr) 320px;align-items:start;gap:28px;max-width:1440px;margin:auto;padding:28px 32px;display:grid}main>section{min-width:0}.col-picker{grid-row:1/3}.col-center{grid-area:1/2/3;position:sticky;top:20px}.col-export{border-top:1px solid var(--line);grid-column:3;padding-top:24px}#change-shape{display:none}.construction{fill:none;stroke:var(--dot);stroke-width:1px;stroke-dasharray:4 4;vector-effect:non-scaling-stroke;pointer-events:none}h2{margin:0 0 18px;font-size:14px;font-weight:600}.section-heading,.export-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-heading h2{margin-bottom:14px}.count{color:var(--muted);margin-bottom:14px;font-size:12px}button{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:12px;padding:8px 14px}button:hover:not(:disabled){background:var(--surface-2)}button.primary{background:var(--primary);color:var(--on-primary);border-color:#0000}button.primary:hover:not(:disabled){opacity:.9;background:var(--primary)}button.small{padding:6px 12px;font-size:12px}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.thumb{background:0 0;border:2px solid #0000;border-radius:12px;min-width:0;padding:9px;line-height:0}.thumb svg{aspect-ratio:1;width:100%;display:block}.thumb path{fill:var(--muted)}.thumb:hover path,.thumb[aria-pressed=true] path{fill:var(--primary)}.thumb[aria-pressed=true]{border-color:var(--primary);background:var(--soft)}.caption{color:var(--muted);min-height:3em;margin:14px 0 0;font-size:12px}.stage{background:var(--surface);border-radius:28px;padding:24px}.stage-heading{justify-content:space-between;align-items:start;gap:12px;min-height:60px;display:flex}.stage-heading h2{overflow-wrap:anywhere;margin:0;font-size:20px;font-weight:600}.shape-status{color:var(--muted);margin:4px 0 0;font-size:12px}#reset[hidden]{visibility:hidden;pointer-events:none;display:inline-block!important}svg.preview{touch-action:none;width:100%;height:340px;margin:12px auto;display:block}.dot{fill:var(--bg);stroke:var(--dot);stroke-width:2.5px;vector-effect:non-scaling-stroke;cursor:grab}.dot-target{fill:#0000;stroke:#0000;stroke-width:24px;vector-effect:non-scaling-stroke;pointer-events:all;cursor:grab}.dot:hover{fill:var(--soft)}.dot.selected{fill:var(--dot)}.hint{color:var(--muted);min-height:3em;margin:12px 0 0;font-size:12px}.hint[hidden]{visibility:hidden;display:block!important}.error{color:var(--error);margin:8px 0 0;font-size:13px}[data-url-notice]{justify-content:space-between;align-items:center;gap:16px;max-width:1440px;margin:auto;padding:16px 32px;display:flex}[data-url-notice] p{margin:0}.in-use{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;min-height:92px;margin-top:22px;display:flex}.in-use figure{flex-direction:column;align-items:center;gap:8px;margin:0;display:flex}.in-use svg{width:64px;height:64px}.in-use figcaption{color:var(--muted);font-size:11px}.in-use .label{display:none}.col-adjust{padding:4px 0}.control{margin:20px 0 0}.control:first-child{margin-top:0}.control-space{visibility:hidden}.control .top{justify-content:space-between;align-items:center;gap:8px;min-height:32px;display:flex}.control-value{white-space:nowrap;align-items:center;gap:4px;display:flex}.control input[type=number]{border:1px solid var(--line);width:68px;min-width:0;height:32px;color:var(--text);background:var(--bg);font:inherit;font-variant-numeric:tabular-nums;border-radius:8px;padding:4px}.control .top label{font-weight:500}.why{color:var(--muted);margin:4px 0 0;font-size:12px}.control input[type=range]{width:100%;accent-color:var(--primary);margin:10px 0 0;display:block}.colour{flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px;font-weight:500;display:flex}.colour .why{flex-basis:100%;margin:0}.colour input{border:1px solid var(--line);background:0 0;border-radius:8px;width:40px;height:32px;padding:0}.buttons{flex-wrap:wrap;gap:8px;min-height:38px;margin-top:16px;display:flex}details{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}summary{cursor:pointer;color:var(--muted);font-weight:500}details .control:first-child{margin-top:16px}.export-heading h2{margin:0}.export-heading{flex-direction:column;align-items:start}.tabs{background:var(--surface);border-radius:14px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.tabs button{background:0 0;border:0;padding:6px 8px;font-size:12px}.tabs button[aria-selected=true]{background:var(--soft);font-weight:600}.about{color:var(--muted);min-height:4.5em;margin:16px 0 0;font-size:12px}pre{background:var(--surface);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:16px;height:300px;margin:16px 0 0;padding:20px;font:12px/1.6 ui-monospace,Menlo,monospace;overflow:auto}pre:empty{display:none}footer{max-width:1440px;color:var(--muted);margin:auto;padding:0 32px 24px;font-size:12px}footer a{color:var(--primary)}.connect-main{flex-direction:column;gap:16px;max-width:760px;margin:0 auto;display:flex}.connect-intro h2{letter-spacing:-.5px;margin:8px 0;font-size:24px}.connect-intro p{color:var(--muted);margin:0;font-size:15px;line-height:1.55}.facts{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.facts li{background:var(--soft);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:500}.connect-card{background:var(--surface);border-radius:24px;min-width:0;padding:24px}.connect-card h2{align-items:center;gap:10px;margin-bottom:8px;font-size:16px;display:flex}.connect-card p{margin:0 0 12px;line-height:1.55}.connect-card code{overflow-wrap:anywhere}.step-number{background:var(--primary);width:24px;height:24px;color:var(--on-primary);border-radius:50%;place-items:center;font-size:12px;display:inline-grid}.command{position:relative}.command pre{background:var(--surface-2);border-radius:12px;height:auto;max-height:260px;margin:0;padding:14px 76px 14px 16px}.command button{background:var(--bg);position:absolute;top:8px;right:8px}.host-tabs{background:var(--surface-2);width:fit-content;max-width:100%;margin:8px 0 16px}.host-tabs button{padding:6px 12px;font-size:13px}.host+.host{margin-top:24px}.host h3{margin:0 0 12px;font-size:15px}.host .kind{color:var(--muted);margin-left:6px;font-size:13px;font-weight:400}.steps{flex-direction:column;gap:14px;margin:0;padding-left:20px;display:flex}.steps p{margin:0 0 6px}.note{color:var(--muted);font-size:12px;margin:12px 0 0!important}a.button{border-radius:12px;padding:8px 16px;font-weight:500;text-decoration:none;display:inline-block}a.button.primary{background:var(--primary);color:var(--on-primary)}.agent-file{color:var(--muted);text-align:center;margin:0;font-size:12px}.agent-file a,.connect-card a:not(.button){color:var(--primary)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=1050px){main{grid-template-columns:144px minmax(0,1fr) 280px;gap:20px;padding:24px}header{padding:20px 24px}.stage{padding:20px}svg.preview{height:280px}.in-use{gap:16px}.in-use svg{width:56px;height:56px}}@media (width<=800px){main{grid-template-columns:144px minmax(0,1fr)}.col-picker{grid-row:1/4}.col-center{grid-row:auto;position:static}.col-adjust,.col-export{grid-column:2}.export-heading{flex-direction:column;align-items:start}svg.preview{height:300px}}@media (width<=540px){header{flex-wrap:wrap;gap:12px;padding:16px}header h1{font-size:18px}.spacer{display:none}.history{margin-left:auto}main{grid-template-columns:minmax(0,1fr);gap:24px;padding:20px 16px}.col-picker{grid-row:auto}#change-shape{text-align:left;width:100%;display:block}#change-shape:after{content:" +";float:right}#change-shape[aria-expanded=true]:after{content:" −"}#change-shape[aria-expanded=false]+#shape-catalogue{display:none}#shape-catalogue{padding-top:16px}.col-center{display:contents}.col-adjust,.col-export{grid-column:1}.picker{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.thumb{padding:7px}.caption{min-height:1.5em}.stage{z-index:2;border-radius:20px;padding:12px 16px;position:sticky;top:0;box-shadow:0 4px 12px #0000000a}.stage-heading{min-height:48px}.stage-heading h2{font-size:16px}svg.preview{height:120px;margin:4px auto}.hint,.hint[hidden]{display:none!important}.in-use{min-height:64px;margin-top:0}.in-use svg{width:40px;height:40px}.control input{scroll-margin-top:260px}.about{min-height:6em}footer{padding:0 16px 24px}}@media (pointer:coarse){button,summary{min-height:44px}.control input[type=range]{min-height:32px}.picker{grid-template-columns:repeat(auto-fit,minmax(44px,1fr))}.thumb{min-height:44px}}