:root{--bg:#eceef1;--panel:#fff;--panel2:#f3f4f6;--line:#e3e5ea;--text:#1d1f24;--muted:#6b7280;--accent:#2f6bff;--accent-soft:#2f6bff1f;--ok:#15803d;--warn:#c2410c;--snap:#e3268c;--guide:#06a7c0;--frame:#f08a00;--canvas-bg:#e6e8ec;--paper:#fff;--ink:#111;--halo:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:13px/1.4 system-ui,-apple-system,Hiragino Sans,Noto Sans JP,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#16171a;--panel:#1e2024;--panel2:#272a30;--line:#32353c;--text:#e7e8eb;--muted:#9ba1ab;--accent:#5b8cff;--accent-soft:#5b8cff29;--ok:#4ade80;--warn:#fb923c;--canvas-bg:#111214;--halo:#1e2024;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;overflow:hidden}#app{grid-template-rows:auto minmax(0,1fr) 26px;height:100vh;display:grid}button{font:inherit;color:inherit}.topbar{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 10px;display:flex}.brand{white-space:nowrap;align-items:center;gap:6px;padding-right:4px;display:flex}.brand .logo{color:var(--accent);display:inline-flex}.filemenu{gap:4px;display:flex}.filemenu .btn{background:0 0;border-color:#0000;padding:0 8px}.filemenu .btn:hover{background:var(--panel2)}.snapbar{background:var(--panel2);border-radius:8px;align-items:center;padding:2px;display:flex}.snapbar .master{background:0 0}.snapbar .master.on{background:var(--accent-soft);border-color:#0000}.snaptargets{all:unset;height:28px;color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:4px;margin-left:2px;padding:0 4px 0 6px;display:inline-flex}.snaptargets:hover,.snaptargets.open{background:var(--panel)}.snaptargets .ic.idle{opacity:.3}.snapbar.off .snaptargets .ic:not(.chev){opacity:.45}.snapbar.off .snaptargets .ic.idle{opacity:.15}.snaptargets .chev{color:var(--muted)}.snaptargets .chev svg{width:12px;height:12px}.snaptargets:focus-visible,.switch:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.sgroup{background:var(--panel2);white-space:nowrap;border-radius:8px;align-items:center;gap:1px;padding:2px;display:flex}.sgroup .tog{background:0 0;border:none;height:26px;padding:0 8px}.sgroup .tog.on{background:var(--panel);color:var(--accent);box-shadow:0 1px 2px #0000001f}.glab{color:var(--muted);align-items:center;gap:4px;padding:0 2px 0 8px;font-size:12px;display:inline-flex}.sgroup .seg{background:0 0;padding:0}.sel{height:24px;color:var(--text);font:inherit;text-align:right;text-align-last:right;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:0 2px;font-size:12px}.sel:hover{background:var(--panel)}.spacer{flex:1}.main{--panel-w:320px;grid-template-columns:52px minmax(0, 1fr) var(--panel-w);min-height:0;display:grid;position:relative}.panel-grip{top:0;bottom:0;right:calc(var(--panel-w) - 4px);z-index:5;width:7px;cursor:var(--cursor-ew,ew-resize);position:absolute}.panel-grip:hover,.resizing-h .panel-grip{background:linear-gradient(90deg, transparent 3px, var(--accent) 3px, var(--accent) 5px, transparent 5px)}.resizing-h,.resizing-h *{-webkit-user-select:none;user-select:none;cursor:var(--cursor-ew,ew-resize)!important}.toolbar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:4px;padding:8px 0;display:flex}.tool{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;place-items:center;display:grid}.tool:hover{background:var(--panel2);color:var(--text)}.tool.on{background:var(--accent);color:#fff}.tool .ic svg{width:20px;height:20px}.canvas-wrap{background:var(--canvas-bg);min-width:0;min-height:0;position:relative}.canvas{position:absolute;inset:0;overflow:hidden}.stage{touch-action:none;-webkit-user-select:none;user-select:none;display:block}.stage>g{pointer-events:none}.rulers{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.rulers rect{pointer-events:auto}.rl-bg,.rl-corner{fill:var(--canvas-bg)}.rl-paper{fill:color-mix(in srgb, var(--canvas-bg) 55%, var(--panel))}.rl-sel{fill:var(--accent-soft)}.rl-sel-edge{stroke:var(--accent);stroke-width:1px;fill:none;opacity:.6;shape-rendering:crispedges}.rl-tick{stroke:var(--muted);stroke-width:1px;fill:none;opacity:.4;shape-rendering:crispedges}.rl-num{fill:var(--muted);opacity:.8;font-variant-numeric:tabular-nums;font-size:9px}.rl-tick.rl-out{opacity:.18}.rl-num.rl-out{opacity:.22}.rl-cursor{stroke:var(--snap);stroke-width:1px;fill:none}.rl-edge{stroke:var(--line);stroke-width:1px;fill:none}.viewctl{background:var(--panel);border:1px solid var(--line);border-radius:10px;align-items:center;gap:2px;padding:3px;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 4px 16px #00000014}.viewctl .tog,.viewctl .btn{border:none}.zoom{text-align:center;font-variant-numeric:tabular-nums;min-width:44px;color:var(--muted);font-size:12px}.vsep{background:var(--line);width:1px;height:18px;margin:0 3px}.panel{background:var(--panel);border-left:1px solid var(--line);overflow:hidden auto}.status{color:var(--muted);background:var(--panel);border-top:1px solid var(--line);white-space:nowrap;align-items:center;gap:16px;padding:0 12px;font-size:12px;display:flex;overflow:hidden}.st-pos{font-variant-numeric:tabular-nums;min-width:110px;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.st-target{color:var(--frame);font-weight:600}.st-hint{text-overflow:ellipsis;overflow:hidden}.cv-paper{fill:var(--paper)}.cv-grid{stroke:#00000016;stroke-width:1px;fill:none;shape-rendering:crispedges}.cv-grid-mid{stroke:#0000002e;stroke-width:1px;fill:none;shape-rendering:crispedges}.cv-grid-half{stroke:#0000000f;stroke-width:1px;stroke-dasharray:2 3;fill:none;shape-rendering:crispedges}.cv-border{fill:none;stroke:#00000047;stroke-width:1px;shape-rendering:crispedges}.ink{color:var(--ink)}.raster{image-rendering:pixelated}.cv-guide{fill:none;stroke:var(--guide);stroke-width:1px;vector-effect:non-scaling-stroke;stroke-dasharray:5 3}.cv-cut{fill:none;stroke:var(--ink);stroke-opacity:.5;stroke-width:1px;vector-effect:non-scaling-stroke;stroke-dasharray:2 2}.cv-guide.sel{stroke-width:2px;stroke-dasharray:none}.cv-gpoint circle{fill:#06a7c026;stroke:var(--guide);stroke-width:1.25px}.cv-gpoint path{stroke:var(--guide);stroke-width:1.25px}.cv-gpoint.sel circle{fill:var(--guide)}.ol-sel{fill:none;stroke:var(--accent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.cv-dim{opacity:.3}.ol-hover{fill:none;stroke:var(--accent);stroke-width:1.25px;opacity:.55;vector-effect:non-scaling-stroke}.ol-seg{fill:none;stroke:var(--accent);stroke-width:4px;opacity:.6;vector-effect:non-scaling-stroke}.h-frame{fill:none;stroke:var(--accent);stroke-width:1px}.h-sq,.h-node,.h-circ,.h-dia{fill:#fff;stroke:var(--accent);stroke-width:1.5px}.h-node.on{fill:var(--accent)}.h-circ{fill:#fff}.h-dia{fill:#fff7d6}.h-center circle{fill:#fff;stroke:var(--accent);stroke-width:1.5px}.h-center path{stroke:var(--accent);stroke-width:1px}.fb-ctx{fill:none;stroke:var(--snap);stroke-width:1px;stroke-dasharray:4 3}.fb-solid{fill:none;stroke:var(--snap);stroke-width:1.5px;stroke-linejoin:round}.fb-angle{fill:#e3268c14;stroke:var(--snap);stroke-width:1px}.lbl{fill:var(--snap);paint-order:stroke;stroke:var(--halo);stroke-width:3px;stroke-linejoin:round;pointer-events:none;font-size:11px;font-weight:600}.lbl.info{fill:var(--text);text-anchor:middle;font-weight:500}.preview-arc{fill:none;stroke:var(--accent);stroke-width:2px}.rubber{fill:none;stroke:var(--accent);stroke-width:1.25px;stroke-dasharray:4 3}.marquee{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1px}.sec{border-bottom:1px solid var(--line)}.sec-h{all:unset;cursor:pointer;width:100%;color:var(--text);align-items:center;gap:6px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.sec-h .chev{color:var(--muted);display:inline-flex}.sec-h .chev svg{width:14px;height:14px;transition:transform .15s}.sec.collapsed .sec-b{display:none}.sec.has-grip{position:relative}.sec-b.sizable{overflow:hidden auto}.sec-grip{z-index:1;height:7px;cursor:var(--cursor-ns,ns-resize);position:absolute;bottom:-4px;left:0;right:0}.sec-grip:hover,.resizing-v .sec-grip{background:linear-gradient(transparent 3px, var(--accent) 3px, var(--accent) 5px, transparent 5px)}.sec.collapsed .sec-grip{display:none}.resizing-v,.resizing-v *{-webkit-user-select:none;user-select:none;cursor:var(--cursor-ns,ns-resize)!important}.sec.collapsed .chev svg{transform:rotate(-90deg)}.sec-b{flex-direction:column;gap:8px;padding:0 12px 12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.row.quad .field{flex:60px}.row.quad .field .lab{padding-left:6px;padding-right:3px}.field{background:var(--panel2);border:1px solid #0000;border-radius:6px;flex:70px;align-items:center;min-width:0;height:28px;display:flex}.field.wide{flex:140px}.field:focus-within{border-color:var(--accent);background:var(--panel)}.field .lab{color:var(--muted);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:0 6px 0 8px;font-size:11px}.lab.scrub{cursor:var(--cursor-ew,ew-resize)}.lab.plain{color:var(--muted);font-size:11px}.field input.num{all:unset;font-variant-numeric:tabular-nums;flex:1;min-width:0;height:100%;padding-right:8px;font-size:12px}.field input.num::placeholder{color:var(--muted)}.tog,.btn{border:1px solid var(--line);background:var(--panel);height:28px;color:var(--text);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:0 10px;font-size:12px;display:inline-flex}.btn:hover,.tog:hover{background:var(--panel2)}.tog.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.btn.small{padding:0 7px}.iconbtn{justify-content:center;width:28px;padding:0}.iconbtn.dim{opacity:.35}.topbar .iconbtn{border-color:#0000}.ic{display:inline-flex}.ic svg{width:16px;height:16px}.seg{background:var(--panel2);border-radius:6px;gap:2px;padding:2px;display:inline-flex}.seg button{all:unset;cursor:pointer;height:24px;color:var(--muted);border-radius:5px;align-items:center;padding:0 7px;font-size:12px;display:inline-flex}.seg button.on{background:var(--panel);color:var(--text);box-shadow:0 1px 2px #00000024}.ptitle{color:var(--muted);justify-content:space-between;align-items:center;margin-top:4px;font-size:11px;font-weight:600;display:flex}.ptitle .count{font-weight:400}.phead{align-items:center;gap:8px;display:flex}.phead .ic{color:var(--muted)}.phead input.name{all:unset;background:var(--panel2);border:1px solid #0000;border-radius:6px;flex:1;min-width:0;height:28px;padding:0 8px;font-weight:600}.phead input.name:focus{border-color:var(--accent)}.note{color:var(--muted);font-size:11px}.note.ok{color:var(--ok)}.note.warn{color:var(--warn)}.hint{color:var(--warn);font-size:11px}.info{align-items:center;gap:8px;font-size:11px;display:flex}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.v.int{color:var(--ok);font-weight:600}.v.frac{color:var(--warn)}kbd{border:1px solid var(--line);background:var(--panel2);border-radius:4px;padding:0 4px;font:11px system-ui,-apple-system,sans-serif}.empty{color:var(--muted);font-size:12px}.layers{flex-direction:column;margin:0 -6px;display:flex}.layer{cursor:default;border-radius:6px;align-items:center;gap:6px;min-height:28px;padding:0 6px;display:flex}.layer .ic{color:var(--muted)}.layer:hover{background:var(--panel2)}.layer.sel{background:var(--accent-soft)}.layer.guide .lname,.layer.guide .ic{color:var(--guide)}.layer.hidden .lname{opacity:.45}.lname{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.lbtn{all:unset;width:22px;height:22px;color:var(--muted);opacity:0;cursor:pointer;border-radius:5px;place-items:center;display:grid}.layer:hover .lbtn,.lbtn.on{opacity:1}.lbtn.target{color:var(--frame)}.lbtn:hover{background:var(--panel)}.lbtn svg{width:14px;height:14px}.pvbox{justify-content:center;display:flex}.pvctl{justify-content:center}.pvbox canvas{border:1px solid var(--line);border-radius:6px;display:block}.code{background:var(--panel2);white-space:pre-wrap;word-break:break-all;-webkit-user-select:text;user-select:text;border-radius:6px;max-height:240px;margin:0;padding:8px 10px;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.toast{opacity:0;color:#fff;pointer-events:none;z-index:10;background:#1d1f24;border-radius:8px;max-width:70vw;padding:8px 14px;font-size:12px;transition:opacity .2s,transform .2s;position:fixed;bottom:44px;left:50%;transform:translate(-50%,16px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=1100px){.main{--panel-w:280px}}.tip{z-index:20;border:1px solid var(--line);background:var(--panel);max-width:280px;color:var(--text);pointer-events:none;opacity:0;border-radius:8px;padding:7px 11px;font-size:11px;line-height:1.5;transition:opacity .12s;position:fixed;top:0;left:0;box-shadow:0 4px 16px #0000001a}.tip.show{opacity:1}.tip-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.tip kbd{color:var(--muted)}.tip-detail{color:var(--muted);margin-top:1px;font-size:10px}.tip-arrow{background:var(--panel);border:1px solid var(--line);width:8px;height:8px;position:absolute;transform:rotate(45deg)}.tip[data-side=bottom] .tip-arrow{top:-5px;left:calc(var(--arrow) - 4px);border-bottom:none;border-right:none}.tip[data-side=top] .tip-arrow{bottom:-5px;left:calc(var(--arrow) - 4px);border-top:none;border-left:none}.tip[data-side=right] .tip-arrow{left:-5px;top:calc(var(--arrow) - 4px);border-top:none;border-right:none}@media (prefers-color-scheme:dark){.tip{box-shadow:0 4px 16px #0006}}.menu{z-index:30;border:1px solid var(--line);background:var(--panel);border-radius:8px;min-width:200px;padding:4px;position:fixed;box-shadow:0 4px 16px #0000001f}.popover{z-index:30;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:4px;position:fixed;box-shadow:0 4px 16px #0000001f}.snappop{width:max-content;min-width:220px;font-size:12px}.pop-row{cursor:pointer;border-radius:5px;align-items:center;gap:8px;min-height:30px;padding:0 8px;display:flex}.pop-row:hover{background:var(--panel2)}.pop-row>.ic{color:var(--muted)}.pop-label{white-space:nowrap;flex:1}.pop-row.idle .pop-label{color:var(--muted)}.pop-desc{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:inline-flex}.pop-sep{background:var(--line);height:1px;margin:4px 8px}.pop-head{color:var(--muted);padding:8px 8px 2px;font-size:11px}.switch{all:unset;background:var(--line);cursor:pointer;border-radius:8px;flex:none;width:26px;height:15px;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;transition:left .12s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.switch.on{background:var(--accent)}.switch.on:after{left:13px}.menu-item{all:unset;box-sizing:border-box;width:100%;color:var(--text);cursor:pointer;border-radius:5px;justify-content:space-between;align-items:center;gap:16px;padding:5px 8px;font-size:12px;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--accent-soft)}.menu-item kbd{color:var(--muted)}.menu-sep{background:var(--line);height:1px;margin:4px 8px}