:root{--bg:#15171a;--panel:#1d2024;--line:#2c3036;--fg:#e8eaed;--faint:#8b929b;--accent:#6cb6ff;--sel:#ffb454;--preview:#7ee787;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);flex-direction:column;font:13px/1.4 -apple-system,system-ui,sans-serif;display:flex}.top,.status{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:6px 12px;display:flex}.status{border-top:1px solid var(--line);font-variant-numeric:tabular-nums;border-bottom:0}.grow{flex:1}.faint{color:var(--faint)}.small{font-size:12px}.work{flex:1;grid-template-columns:300px 1fr;min-height:0;display:grid}.side{border-right:1px solid var(--line);background:var(--panel);padding:4px 0 20px;overflow:auto}.side section{border-bottom:1px solid var(--line);padding:10px 12px}.side h2{text-transform:uppercase;letter-spacing:.04em;color:var(--faint);align-items:baseline;gap:6px;margin:0 0 8px;font-size:12px;display:flex}.side h2 output{color:var(--fg);text-transform:none;letter-spacing:0}.row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}button,.btn{font:inherit;color:var(--fg);border:1px solid var(--line);cursor:pointer;background:#272b31;border-radius:6px;padding:4px 10px}button:hover,.btn:hover{border-color:var(--faint)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);color:#0b1620;border-color:#0000;font-weight:600}.seg{align-items:center;gap:4px;display:inline-flex}input[type=range]{width:100%}input[type=number]{width:70px;font:inherit;color:var(--fg);border:1px solid var(--line);background:#0f1113;border-radius:4px;padding:3px 6px}.shapes{max-height:220px;margin:0;padding:0;list-style:none;overflow:auto}.shapes li{cursor:pointer;font-variant-numeric:tabular-nums;border-radius:4px;align-items:center;gap:8px;padding:3px 4px;display:flex}.shapes li:hover{background:#272b31}.shapes li.sel{outline:1px solid var(--sel);background:#3a3220}.shapes .sw{border-radius:2px;flex:none;width:10px;height:10px}.shapes .id{width:48px}.shapes .grp{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.stage{cursor:grab;background:#0f1113 radial-gradient(#23272d 1px,#0000 1px) 0 0/24px 24px;position:relative;overflow:hidden}.stage.drag{cursor:grabbing}.stage svg{width:100%;height:100%;display:block;position:absolute;inset:0}.stage.over{outline:2px dashed var(--accent);outline-offset:-6px}.empty[hidden]{display:none}.empty{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.shape{stroke:#000;stroke-opacity:.35;stroke-width:1px;vector-effect:non-scaling-stroke;cursor:pointer}.shape:hover{filter:brightness(1.15)}.shape.sel{stroke:var(--sel);stroke-opacity:1;stroke-width:2px}.preview{fill:var(--preview);fill-opacity:.25;stroke:var(--preview);stroke-width:1.5px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke;pointer-events:none}.canvas{fill:none;stroke:#444a52;stroke-width:1px;vector-effect:non-scaling-stroke}.ghost{fill:none;stroke:var(--fg);stroke-opacity:.5;stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;pointer-events:none}.stack{margin:0;padding:0;list-style:none}.stack li{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:4px 6px;display:flex}.stack li:hover{background:#272b31}.stack li.active{outline:1px solid var(--accent);background:#1f3042}.stack li .lbl{flex:1}.stack li .kind{color:var(--faint);text-transform:uppercase;letter-spacing:.04em;width:64px;font-size:11px}.stack li button{padding:0 6px;line-height:18px}.params{grid-template-columns:auto 1fr auto;align-items:center;gap:6px 8px;margin-top:8px;display:grid}.params label{color:var(--faint);font-size:12px}.params input[type=range]{width:100%}.params input[type=number]{width:72px}.params .op{grid-column:1/-1;gap:6px;display:flex}.shape.dim{fill-opacity:.35}.params textarea,.params select{font:inherit;color:var(--fg);border:1px solid var(--line);background:#0f1113;border-radius:4px;width:100%;padding:3px 6px}.params textarea{resize:vertical}.webs{font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px;margin-bottom:8px;display:grid}.webs .sw{border-radius:2px;width:14px;height:3px}.webs .mat,.marker.mat{stroke:#ff7b72;background:#ff7b72}.webs .gap,.marker.gap{stroke:#79c0ff;background:#79c0ff}.marker{stroke-width:3px;vector-effect:non-scaling-stroke;stroke-linecap:round;pointer-events:none}.k-outline{stroke:#9aa3ad;stroke-opacity:1;stroke-width:1.5px;pointer-events:none}.k-cavity{fill:#c9a227;fill-opacity:.12;stroke:#c9a227;stroke-opacity:1;stroke-dasharray:5 3;pointer-events:none}.k-dark{stroke:#555}.k-engrave{stroke:#ccc;stroke-dasharray:2 2}.problems{margin:8px 0 0;padding:0;font-size:12px;list-style:none}.problems li{border-top:1px solid var(--line);padding:3px 0}.problems .problem{color:#ff7b72}.problems .warning{color:var(--faint)}