code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px white;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a;background:#ffffff80}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function,.token.class-name{color:#dd4a68}.token.regex,.token.important,.token.variable{color:#e90}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}:root{--bg: #f7f6ef;--grid-minor: rgba(120, 128, 150, .05);--grid-major: rgba(120, 128, 150, .1);--panel: #ffffff;--panel-border: rgba(26, 26, 23, .07);--text: #46463f;--accent: #2d6cdf;--accent-soft: rgba(45, 108, 223, .1);--chip: #ffffff;--glass: rgba(255, 255, 255, .82);--hint: #aeac9f;--muted: #9b9a8d;--hand-font: "Handlee", "Comic Sans MS", cursive;--ui-font: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;font-family:var(--ui-font);-webkit-font-smoothing:antialiased;color:var(--text);background:var(--bg)}.app{position:relative;height:100%}.canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;display:block}.grid-bg{fill:var(--bg)}.grid-minor{stroke:var(--grid-minor);stroke-width:1}.grid-major{stroke:var(--grid-major);stroke-width:1.5}[data-mode=dark] .ink-layer{filter:invert(1) hue-rotate(180deg)}.obj{cursor:pointer}.hit{stroke:transparent;stroke-width:14px;fill:none;pointer-events:stroke}.ink{pointer-events:none}.fill-obj{cursor:pointer;fill-opacity:.45}.text-obj{cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--hand-font)}.code-obj{cursor:pointer}.code-obj pre{margin:0;background:#ffffffb3;border-radius:4px;overflow:visible;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.text-editor{position:absolute;z-index:58;margin:0;border:1.5px solid var(--accent);outline:none;border-radius:6px;background:#fff;color:var(--text);font-family:var(--hand-font);white-space:pre;caret-color:var(--accent);resize:none;overflow:hidden;box-shadow:0 4px 16px #2d6cdf2e}.sel-layer{pointer-events:none}.sel-outline{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.sel-gap{fill:none;stroke:var(--bg);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.sel-outline-text{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1.5;pointer-events:none}.sel-handle{fill:#fff;stroke:var(--accent);stroke-width:1.5}.hover-ring{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-opacity:.4;pointer-events:none}.marquee{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1;stroke-dasharray:4 4;pointer-events:none}.handle{fill:#fff;stroke:var(--accent);stroke-width:1.5;cursor:grab}.handle:hover{fill:var(--accent)}.dims{position:absolute;z-index:56;font:500 11px var(--mono);color:#fff;background:var(--accent);padding:2px 7px;border-radius:6px;pointer-events:none;box-shadow:0 2px 8px #2d6cdf4d;white-space:nowrap}.ctxbar{position:absolute;z-index:55}.ctxbar-pill{display:flex;gap:3px;align-items:center;background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:5px;box-shadow:0 8px 26px #1a1a1724,0 1px 2px #1a1a170f;animation:ctxpop .14s ease}@keyframes ctxpop{0%{opacity:0;transform:translateY(4px) scale(.97)}to{opacity:1;transform:none}}.ctx-div{width:1px;height:22px;background:var(--panel-border);margin:0 3px}.ctx-colors{display:flex;gap:5px;align-items:center;padding:0 3px}.ctx-swatch{width:18px;height:18px;padding:0;border-radius:50%;cursor:pointer;border:1.5px solid rgba(127,127,127,.25);transition:transform .1s}.ctx-swatch:hover{transform:scale(1.15)}.ctx-swatch.active{box-shadow:0 0 0 2px var(--panel),0 0 0 3.5px var(--accent)}.ctx-wbtn{width:30px;height:30px;border:none;border-radius:8px;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.ctx-wbtn:hover{background:var(--chip)}.ctx-wbtn.active{background:var(--accent-soft)}.ctx-wbar{display:block;width:15px;background:var(--text);border-radius:2px}.ctx-fill{width:30px;height:30px;border:none;border-radius:8px;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer}.ctx-fill:hover{background:var(--chip)}.ctx-fill.active{background:var(--accent-soft);color:var(--accent)}.ctx-edit{height:30px;padding:0 10px;border:none;border-radius:8px;background:transparent;color:var(--text);display:flex;align-items:center;gap:6px;cursor:pointer;font:600 13px var(--ui-font)}.ctx-edit:hover{background:var(--chip)}.ctx-font{width:28px;height:30px;border:none;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;font:600 12px var(--ui-font)}.ctx-font.lg{font-size:15px}.ctx-font:hover{background:var(--chip)}.ctx-fval{font:500 12px var(--mono);color:var(--muted);min-width:26px;text-align:center}.snap{pointer-events:none}.snap-vertex{fill:var(--accent);stroke:#fff;stroke-width:1.5}.snap-on{fill:none;stroke:var(--accent);stroke-width:2}.snap-grid{fill:none;stroke:var(--muted);stroke-width:1.5}.angle-guide{pointer-events:none;stroke:var(--accent);stroke-width:1;stroke-dasharray:2 5;opacity:.55}.ghost-layer{pointer-events:none}.ghost{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:5 4;opacity:.45}.ghost-fill{stroke:none;opacity:.18}.ghost-text{fill:var(--accent);stroke:none;opacity:.5}.ghost-hint rect{fill:var(--accent);opacity:.9}.ghost-hint text{fill:#fff;font:600 10px var(--mono)}.predp.on{color:var(--accent)}.pred-ind{font:600 12px var(--mono)}.toolbar{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:45;display:flex;flex-direction:column;align-items:center}.bar{display:flex;align-items:center;gap:2px;background:var(--panel);border:1px solid var(--panel-border);border-radius:15px;padding:5px;box-shadow:0 8px 30px #1a1a1717,0 1px 2px #1a1a170f}.tbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:transparent;color:#46463f;transition:transform .12s ease,background .12s}[data-mode=dark] .tbtn{color:var(--text)}.tbtn:hover{transform:translateY(-1px);background:#7f7f7f1a}.tbtn.active{background:var(--accent-soft);color:var(--accent)}.tbtn:disabled{opacity:.35;cursor:default;transform:none}.bar-div{width:1px;height:22px;background:var(--panel-border);margin:0 3px}.chip-btn{width:auto;padding:0 8px;gap:3px}.chip{width:18px;height:18px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #1a1a171f}.pop{position:absolute;background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:13px;box-shadow:0 12px 36px #1a1a1729;animation:pop-in .14s ease}@keyframes pop-in{0%{transform:translateY(4px);opacity:0}}.style-pop{top:calc(100% + 8px);left:50%;transform:translate(-50%);width:214px}.pop-h{font:600 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.row{display:flex;gap:7px;margin-bottom:13px}.row:last-child{margin-bottom:0}.swatch{width:21px;height:21px;border-radius:50%;cursor:pointer;padding:0;border:1.5px solid rgba(26,26,23,.1);transition:transform .1s}.swatch:hover{transform:scale(1.12)}.swatch.active{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--accent)}.swatch:disabled{opacity:.3;cursor:default}.seg{flex:1;height:30px;border-radius:8px;border:1px solid var(--panel-border);background:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);font:600 12px var(--mono)}.seg:hover{background:var(--accent-soft)}.seg.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.seg:disabled{opacity:.4;cursor:default}.seg.wide{flex:0 0 46px}.wbar{display:block;width:18px;background:currentColor;border-radius:2px}.dashline{display:block;width:20px;height:0}.sel{flex:1;font:500 12px var(--ui-font);padding:0 6px;height:30px;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel);color:var(--text);cursor:pointer}.sel:disabled{opacity:.4;cursor:default}.util{position:fixed;right:16px;bottom:16px;z-index:40;display:flex;gap:6px;align-items:center}.util-pill{display:flex;align-items:center;gap:1px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--panel-border);border-radius:11px;padding:3px;box-shadow:0 2px 10px #1a1a170d}.ubtn{width:28px;height:28px;border:none;background:transparent;border-radius:7px;cursor:pointer;color:var(--muted);font-size:16px;line-height:1}.ubtn:hover{background:#7f7f7f1f}.zoom{font:500 12px var(--mono);color:var(--muted);min-width:42px;text-align:center}.theme{font:500 12px var(--ui-font);height:34px;padding:0 8px;border:1px solid var(--panel-border);border-radius:11px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);cursor:pointer;box-shadow:0 2px 10px #1a1a170d}.gridp{height:34px;padding:0 10px;gap:5px;cursor:pointer;color:var(--muted)}.gridp:hover{color:var(--text)}.grid-lvl{font:600 12px var(--mono)}.util-rel{position:relative}.ebtn{height:34px;padding:0 13px;gap:6px;cursor:pointer;font:600 13px var(--ui-font);color:var(--text)}.export-pop{right:0;bottom:calc(100% + 8px);width:170px;padding:4px;border-radius:11px}.pitem{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border:none;background:transparent;border-radius:7px;cursor:pointer;font:500 13px var(--ui-font);color:var(--text);gap:8px}.pitem:hover{background:var(--accent-soft)}.pitem .ext{font:400 11px var(--mono);color:var(--muted)}.pitem.check{justify-content:flex-start;gap:6px}.pitem.danger{color:#c0392b}.pitem.danger:hover{background:#c0392b1a}.pop-sep{height:1px;background:var(--panel-border);margin:4px 6px}.hint{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:10;font:400 11px var(--mono);letter-spacing:.01em;color:var(--hint);white-space:nowrap;pointer-events:none}