:root{--ui-scale:.75;--text-sm:.9375rem;--text-md:1.0625rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-display:3.5rem;--leading:1.45;--leading-tight:1.2;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:3rem;--radius-sm:.5rem;--radius:.875rem;--control-h:3.25rem;--control-h-sm:2.75rem;--measure:40rem;--tap-min:44px;--bg:#f6f4ee;--surface:#fff;--text:#1b1b1b;--text-muted:#5e5a52;--line:#e3ded3;--accent:#233044;--on-accent:#fff}@media (prefers-color-scheme:dark){:root{--bg:#111;--surface:#1c1c1e;--text:#f2f2f2;--text-muted:#a5a5aa;--line:#2c2c2e;--accent:#9db4d6;--on-accent:#111}}*,:before,:after{box-sizing:border-box}html{font-size:calc(var(--ui-scale) * 100%);-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:var(--text-md) / var(--leading) var(--font-ui);margin:0}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}input,select,textarea{font-size:max(16px,1em)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.ds-btn:active{transform:none}}.ds-app{min-height:100svh;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);flex-direction:column;display:flex}.ds-page{width:100%;max-width:var(--measure);padding:var(--space-6) var(--space-4);flex:1;margin:0 auto}.ds-title{font-size:var(--text-xl);line-height:var(--leading-tight);margin:0 0 var(--space-1)}.ds-heading{font-size:var(--text-lg);line-height:var(--leading-tight);margin:var(--space-7) 0 var(--space-3)}.ds-sub{color:var(--text-muted);margin:0 0 var(--space-5)}.ds-muted{color:var(--text-muted)}.ds-small{font-size:var(--text-sm)}.ds-num{font-variant-numeric:tabular-nums}.ds-display{font-size:var(--text-display);font-weight:700;line-height:var(--leading-tight);font-variant-numeric:tabular-nums}.ds-mono{font-family:var(--font-mono)}.ds-cards{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.ds-card{justify-content:center;gap:var(--space-1);min-height:max(var(--tap-min), 4rem);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);color:inherit;flex-direction:column;text-decoration:none;display:flex}.ds-card:active{background:var(--line)}.ds-card-title{font-weight:600}.ds-card-text{color:var(--text-muted);font-size:var(--text-sm)}.ds-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:0;overflow:hidden}.ds-row{justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--line);display:flex}.ds-row:first-child{border-top:0}.ds-row>:first-child{color:var(--text-muted);margin:0}.ds-row>:last-child{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.ds-btn{min-height:max(var(--tap-min), var(--control-h));padding:0 var(--space-4);border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;touch-action:manipulation;flex:1;font-weight:600}.ds-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.ds-btn:active{transform:scale(.98)}.ds-seg{gap:var(--space-2);display:flex}.ds-seg>button{min-height:max(var(--tap-min), var(--control-h-sm));border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;touch-action:manipulation;flex:1;font-weight:500}.ds-seg>button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.ds-bar{gap:var(--space-3);width:100%;max-width:var(--measure);padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--bg);margin:0 auto;display:flex;position:sticky;bottom:0}:root[data-theme=light]{--bg:#f6f4ee;--surface:#fff;--text:#1b1b1b;--text-muted:#5e5a52;--line:#e3ded3;--accent:#233044;--on-accent:#fff}:root[data-theme=dark]{--bg:#111;--surface:#1c1c1e;--text:#f2f2f2;--text-muted:#a5a5aa;--line:#2c2c2e;--accent:#9db4d6;--on-accent:#111}.draw{--draw-danger:#b3261e;--draw-warn:#8a5a00;--cv-number:#b0125b;--cv-word:#1d5fbf;--cv-text:#7a5b00}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .draw{--draw-danger:#f2b8b5;--draw-warn:#f2c94c;--cv-number:#ff7fb3;--cv-word:#8ab4ff;--cv-text:#f2c94c}}:root[data-theme=dark] .draw{--draw-danger:#f2b8b5;--draw-warn:#f2c94c;--cv-number:#ff7fb3;--cv-word:#8ab4ff;--cv-text:#f2c94c}.draw{touch-action:pan-x pan-y;height:100svh}.draw [hidden]{display:none!important}.draw-bar{align-items:center;gap:var(--space-1);min-height:var(--tap-min);box-shadow:inset 0 -1px 0 var(--line);background:var(--bg);overscroll-behavior-x:contain;scrollbar-width:none;padding:0;display:flex;overflow:auto hidden}.draw-bar::-webkit-scrollbar{display:none}.draw-title{align-items:baseline;gap:var(--space-2);flex:1 0 auto;display:flex}.draw-name{font-weight:700;font-size:var(--text-md);white-space:nowrap}.draw-save{color:var(--text-muted);flex:none}.draw-save[data-save=failed]{color:var(--draw-danger);font-weight:600}.draw-bar-btn{min-width:max(var(--tap-min), 4.5rem);min-height:var(--tap-min);color:var(--text);font:600 var(--text-sm) / 1 var(--font-ui);touch-action:manipulation;background:0 0;border:0;flex:none}.draw-badge{padding:0 var(--space-2);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text-muted)}.draw-fit{min-width:max(var(--tap-min), 4.5rem);min-height:var(--tap-min);color:var(--text);font:600 var(--text-sm) / 1 var(--font-ui);touch-action:manipulation;background:0 0;border:0;margin-left:auto}.draw-split{flex-direction:column;flex:1;min-height:0;display:flex}.draw-canvas{contain:strict;min-height:0;padding:var(--space-4);background:var(--surface);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:1}.draw-under{background:var(--surface);pointer-events:none;position:absolute;inset:0}.draw-paper{position:absolute}.draw-paper,.draw-finish-checker{background:repeating-conic-gradient(#eee 0 25%, #fff 0 50%) 0 0 / 1.25rem 1.25rem}.draw-grid{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.draw-grid-line{stroke:#a4dded;stroke-width:1px;opacity:.6}.draw-grid-line.major{opacity:1}.draw-host{all:initial;touch-action:none;--ui-scale:initial;--text-sm:initial;--text-md:initial;--text-lg:initial;--text-xl:initial;--text-display:initial;--leading:initial;--leading-tight:initial;--font-ui:initial;--font-mono:initial;--space-1:initial;--space-2:initial;--space-3:initial;--space-4:initial;--space-5:initial;--space-6:initial;--space-7:initial;--space-8:initial;--radius-sm:initial;--radius:initial;--control-h:initial;--control-h-sm:initial;--measure:initial;--tap-min:initial;--bg:initial;--surface:initial;--text:initial;--text-muted:initial;--line:initial;--accent:initial;--on-accent:initial;--draw-danger:initial;--draw-warn:initial;--cv-number:initial;--cv-word:initial;--cv-text:initial;background:0 0;width:100%;height:100%;display:block;position:relative}.draw-marks{z-index:2147483647;pointer-events:none;position:absolute;inset:0}.draw-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.draw-outline{fill:none;stroke:#0a84ff;stroke-width:2px;stroke-linejoin:round}.draw-marquee{fill:#00a3e014;stroke:#00a3e0;stroke-width:1px;stroke-dasharray:4 3}.draw-coord,.draw-rot-guide,.draw-grad-guide{fill:none;stroke:#00a3e0;stroke-width:1.25px;stroke-dasharray:5 4}.draw-grad-box{fill:none;stroke:#8d99ae;stroke-width:1px;stroke-dasharray:2 3}.draw-grad-arm{stroke:#e6007e;stroke-width:1px;opacity:.75}.draw-arm{fill:none;stroke:#e6007e;stroke-width:1px;opacity:.75}.draw-arm--mirror{stroke-dasharray:3 3}.draw-mirror{fill:#fff;stroke:#e6007e;stroke-width:1.5px;stroke-dasharray:2.5 2}.draw-ghost{fill:none;stroke:#00a3e0;stroke-width:1.5px;stroke-dasharray:5 4;opacity:.75}.draw-flag-label{fill:#006f99;font:600 var(--text-sm) / 1 var(--font-mono);paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}.draw-flag-label.on{fill:#e6007e}.draw-dir{fill:#00a3e0}.draw-dir--in{fill:#e6007e}.draw-donut-label{fill:#006f99;font:700 var(--text-sm) / 1 var(--font-ui);font-variant-numeric:tabular-nums;dominant-baseline:central;paint-order:stroke;stroke:#fff;stroke-width:3.5px;stroke-linejoin:round}.draw-mark-label{fill:#006f99;font:700 var(--text-sm) / 1 var(--font-ui);font-variant-numeric:tabular-nums;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}.draw-snap-line{stroke:#e6007e;stroke-width:1px}.draw-guide{stroke:#00a3e0;stroke-width:1px;opacity:.8}.draw-pill{fill:#00a3e0;stroke:#fff;stroke-width:1.5px}.draw-pill.on{fill:#ffe600;stroke:#00a3e0}.draw-local-grid{stroke:#e6007e;stroke-width:1px;opacity:.22}.draw-local-axis{stroke:#e6007e;stroke-width:1.5px}.draw-hd{fill:#fff;stroke:#00a3e0;stroke-width:2px}.draw-hd.start{fill:#00a3e0;stroke:#fff;stroke-width:1.5px}.draw-hd.ctrl{fill:#e6007e;stroke:#fff;stroke-width:1.5px}.draw-hd.bend{fill:#fff;stroke:#00a3e0;stroke-width:1.5px;opacity:.8}.draw-hd.rot,.draw-hd.scale{stroke:#e6007e}.draw-hd.on{fill:#ffe600}.draw-hd.hover{fill:#fff3a0;stroke-width:3px}.draw-snap-ring{fill:none;stroke:#e6007e;stroke-width:1.5px}.draw-hd-dot{fill:#00a3e0}.draw-tip{color:#fff;font:600 var(--text-sm) / 1 var(--font-ui);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:#231f20;border-radius:.5rem;padding:.4375rem .625rem;position:absolute;top:0;left:0}.draw-grid-btn{top:var(--space-2);left:var(--space-2);z-index:2147483647;min-width:var(--tap-min);min-height:var(--tap-min);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);touch-action:manipulation;place-items:center;padding:0;display:grid;position:absolute}.draw-grid-btn svg,.draw-snap-btn svg{width:1.5rem;height:1.5rem}.draw-grid-btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.draw-snap-btn{top:var(--space-2);left:calc(var(--space-2) + var(--tap-min) + var(--space-2));z-index:2147483647;min-width:var(--tap-min);min-height:var(--tap-min);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);touch-action:manipulation;place-items:center;padding:0;display:grid;position:absolute}.draw-modal:has(>.draw-snap){flex-direction:column;display:flex;overflow:hidden}.draw-snap{gap:var(--space-2);overscroll-behavior:contain;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.draw-snap-row{min-height:max(var(--tap-min), var(--control-h-sm));flex:auto}.draw-snap-row[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.draw-snap-row[aria-pressed=false]{opacity:.85}.draw-snap-toggles{gap:var(--space-2);flex-wrap:wrap;display:flex}.draw-snap-step{align-items:center;gap:var(--space-3);display:flex}.draw-guides{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.draw-guide-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.draw-guide-row .draw-snap-row{flex:none}.draw-error{inset:auto var(--space-4) var(--space-4);color:var(--text-muted);margin:0;position:absolute}.draw-over{inset:var(--space-4);z-index:2147483647;height:fit-content;max-height:calc(100% - var(--space-4) * 2);max-width:30rem;padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);touch-action:manipulation;margin:auto;position:absolute;overflow:auto;box-shadow:0 .25rem 1.5rem #0000001f}.draw-over-title{overflow-wrap:anywhere;margin:0;font-weight:700}.draw-over-text{margin:var(--space-1) 0 var(--space-3);font-size:var(--text-sm);overflow-wrap:anywhere}.draw-broken .draw-over-title{color:var(--draw-danger)}.draw-over.draw-empty{padding:var(--space-3) var(--space-4);pointer-events:none;box-shadow:none;text-align:center;color:var(--text-muted);font-size:var(--text-md);background:0 0;border:0;margin:auto}.draw-source-tag{margin:0 0 var(--space-2);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-muted);font-size:var(--text-sm)}.draw-source-end{margin:var(--space-2) 0 0}.draw-insert-field{width:100%;min-height:max(var(--tap-min), 8rem);padding:var(--space-2) var(--space-3);resize:vertical}.draw-play-btn{top:var(--space-2);right:var(--space-2);z-index:2147483647;min-width:max(var(--tap-min), 4.5rem);min-height:var(--tap-min);padding:0 var(--space-4);border:1px solid var(--line);background:var(--bg);color:var(--text);font:600 var(--text-sm) / 1 var(--font-ui);touch-action:manipulation;border-radius:1.5rem;position:absolute}.draw-play-btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.draw-sheet{background:var(--bg);border-top:1px solid var(--line);flex-direction:column;flex:none;min-height:0;display:flex;box-shadow:0 -.25rem 1.5rem #0000001a}.draw-sheet-head{padding:0 var(--space-3) var(--space-2);flex:none}.draw-handle{width:100%;min-height:var(--tap-min);touch-action:none;cursor:grab;background:0 0;border:0;justify-content:center;align-items:center;display:flex}.draw-grip{background:var(--line);border-radius:1rem;width:3rem;height:.375rem}.draw-sheet-row{align-items:center;gap:var(--space-3);display:flex}.draw-tabs{flex:none}.draw-tabs>button{padding:0 var(--space-4)}.draw-sel{min-width:0;color:var(--text-muted);font-size:var(--text-sm);text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.draw-sheet-body{overscroll-behavior:contain;min-height:0;scroll-padding-block:calc(var(--tap-min) * 2) var(--tap-min);border-top:1px solid var(--line);flex:1;overflow:auto}.draw-empty{padding:var(--space-4);margin:0}.draw-attrs{margin:var(--space-3)}.draw-inspect{padding:0 var(--space-3) var(--space-3)}.draw-inspect>.draw-subhead{margin-left:0}.draw-inspect .draw-attrs{margin:var(--space-2) 0 0}.draw-inspect-section{gap:var(--space-2);flex-direction:column;display:flex}.draw-inspect-section+.draw-inspect-section{border-top:1px solid var(--line)}.draw-inspect-section>.draw-subhead{margin:var(--space-3) 0 0;font-weight:600}.draw-inspect-row{align-items:center;gap:var(--space-2);min-height:max(var(--tap-min), var(--control-h-sm));flex-wrap:wrap;display:flex}.draw-inspect-name{min-width:0;font-size:var(--text-md);flex:6rem}.draw-inspect-row .draw-stepper{flex:0 auto;min-width:0}.draw-inspect-field{flex:0 7rem;width:7rem}.draw-inspect-btn{min-height:max(var(--tap-min), var(--control-h-sm))}.draw-inspect-error{color:var(--text-muted);flex:1 0 100%;margin:0}.draw-inspect-note{color:var(--text-muted);font-size:var(--text-sm);flex:1 0 100%;margin:0}.draw-inspect-row>.ds-seg{flex-wrap:wrap;flex:100%;min-width:0}.draw-inspect-seg>button{min-width:0;padding:0 var(--space-2);font-size:var(--text-sm);overflow-wrap:anywhere}.draw-inspect-seg--two>button{flex:40%}.draw-inspect-swatch{align-items:center;gap:var(--space-2);min-width:0;max-width:100%;min-height:max(var(--tap-min), var(--control-h-sm));padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);touch-action:manipulation;flex:0 auto;display:flex}.draw-inspect-chip{border:1px solid var(--line);background:repeating-conic-gradient(#ccc 0 25%, #fff 0 50%) 0 0 / .5rem .5rem;border-radius:.375rem;flex:none;width:1.5rem;height:1.5rem}.draw-inspect-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-sm);overflow:hidden}.draw-inspect-range{flex:8rem;min-width:0;margin:0}.draw-inspect-value{min-width:3rem;font-size:var(--text-sm);text-align:right;flex:none}.draw-inspect-switch{min-width:max(var(--tap-min), 5rem);min-height:max(var(--tap-min), var(--control-h-sm));padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);touch-action:manipulation}.draw-inspect-switch[aria-checked=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.draw-inspect button:disabled,.draw-inspect input:disabled{opacity:.5}.draw-access-said{padding:var(--space-3) 0;border-bottom:1px solid var(--line)}.draw-access-head{font-size:var(--text-md);margin:0;font-weight:600}.draw-access-sentence{margin:var(--space-1) 0 0;font-size:var(--text-md);overflow-wrap:anywhere}.draw-access .draw-access-field{flex:100%;width:100%}textarea.draw-access-field{min-height:max(var(--tap-min), 6rem);padding:var(--space-2) var(--space-3);resize:vertical;font-family:inherit}.draw-access-none{margin-top:var(--space-3)}.draw-inspect-gradient{gap:var(--space-2);padding-left:var(--space-3);border-left:2px solid var(--line);flex-direction:column;display:flex}.draw-inspect-stop{gap:var(--space-1);padding-bottom:var(--space-2);border-bottom:1px solid var(--line);flex-direction:column;display:flex}.draw-code-bar{z-index:1;align-items:center;gap:var(--space-2);padding:0 var(--space-3) 0 var(--space-4);border-bottom:1px solid var(--line);background:var(--bg);display:flex;position:sticky;top:0}.draw-legend{gap:0 var(--space-3);min-width:0;color:var(--text-muted);font:var(--text-sm) / 1.5 var(--font-ui);flex-wrap:wrap;flex:1;margin:0;display:flex}.draw-legend-item{align-items:baseline;gap:var(--space-1);white-space:nowrap;display:inline-flex}.cv-key{background:color-mix(in srgb, currentColor 12%, transparent);font-family:var(--font-mono);border-radius:.25rem;padding:0 .1875rem}.draw-bar-key{min-width:max(var(--tap-min), 3.75rem);min-height:var(--tap-min);padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:600 var(--text-sm) / 1 var(--font-ui);touch-action:manipulation;flex:none}.draw-bar-key[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.draw-copy{margin-left:auto}.cv{padding:var(--space-3) var(--space-4) var(--space-6);color:var(--text);font:var(--text-sm) / 1.6 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0}.cv-tok{border-radius:.1875rem}.cv-number,.cv-key--number{color:var(--cv-number)}.cv-color,.cv-enum,.cv-ref,.cv-key--word{color:var(--cv-word)}.cv-text,.cv-key--text{color:var(--cv-text)}.cv-key{font-weight:500}.cv-color{white-space:nowrap}.cv-swatch{background:var(--cv-swatch,transparent);vertical-align:-.0625rem;border-radius:2px;width:.6875rem;height:.6875rem;margin-right:.25rem;display:inline-block;box-shadow:inset 0 0 0 1px #00000040}.cv-swatch--none{background:linear-gradient(to top right,#0000 calc(50% - .0625rem),#e6007e calc(50% - .0625rem) calc(50% + .0625rem),#0000 calc(50% + .0625rem)),#fff}.cv-swatch--current,.cv-swatch--context{background:0 0;box-shadow:inset 0 0 0 1px}.cv--ro{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.cv--ro .cv-tok{color:inherit;font-weight:inherit}.cv--ro .cv-swatch{display:none}.cv-error-line{background:color-mix(in srgb, var(--draw-danger) 12%, transparent)}.cv-error{background:color-mix(in srgb, var(--draw-danger) 30%, transparent);outline:2px solid var(--draw-danger);border-radius:2px}.cv-error--gap:after{content:"⏎";color:var(--draw-danger)}.cv-gone{display:none}.cv-at{max-width:calc(100% - var(--cv-at) * 1ch);vertical-align:top;display:inline-block}.cv-probe{visibility:hidden;white-space:pre;position:absolute}.cv-selected{background:color-mix(in srgb, var(--accent) 16%, transparent)}.cv-active,.cv-focus{outline:2px solid var(--cv-number)}.cv-scrubbing{cursor:ew-resize}.cv-flash{animation:.6s ease-out cv-flash}@keyframes cv-flash{0%{background:#ffd60080}to{background:0 0}}.draw-context{align-items:center;gap:var(--space-2);min-height:max(var(--tap-min), 4rem);padding:0 var(--space-3);border-top:1px solid var(--line);background:var(--bg);display:flex;position:relative}.draw-hint{color:var(--text-muted);font-size:var(--text-sm)}.draw-label,.draw-strip-name{min-width:0;font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.draw-strip{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.draw-strip-name{color:var(--text-muted);flex:0 auto}.draw-key{min-width:var(--tap-min);min-height:var(--tap-min);padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:600 var(--text-md) / 1 var(--font-ui);touch-action:manipulation;flex:none}.draw-strip-value{text-overflow:ellipsis;min-width:0;font-family:var(--font-mono);flex:auto;font-weight:500;overflow:hidden}.draw-done,.draw-action{font-size:var(--text-sm)}.draw-ctx-btn{width:var(--tap-min);place-items:center;padding:0;display:inline-grid}.draw-ctx-btn svg{width:1.5rem;height:1.5rem}.draw-ctx-btn[aria-pressed=true],.draw-key.ds-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.draw-ctx-btn:disabled{color:var(--text-muted);opacity:.5}.draw-shape-kinds{gap:var(--space-2);flex:none;display:flex}.draw-pen-hint{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.draw-pen-keys{gap:var(--space-2);flex:none;display:flex}.draw-text-hint{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.draw-text-fonts{flex:none}.draw-text-fonts>button{min-width:var(--tap-min);padding:0 var(--space-3);font-size:var(--text-md);touch-action:manipulation;flex:none}.draw-lines{width:100%;padding:var(--space-3);resize:none;line-height:1.4;font-size:max(16px, var(--text-md));display:block}.draw-modal:has(>.draw-fonts){flex-direction:column;display:flex;overflow:hidden}.draw-fonts{gap:var(--space-2);overscroll-behavior:contain;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.draw-font-group{gap:var(--space-2);flex-direction:column;display:flex}.draw-font-group>.draw-subhead{margin:var(--space-2) 0 0}.draw-font-line{gap:var(--space-2);display:flex}.draw-font-row{min-width:0;min-height:max(var(--tap-min), var(--control-h-sm));text-align:left;font-size:var(--text-lg);touch-action:manipulation;flex:auto;font-weight:400}.draw-font-row[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:-3px}.draw-font-remove{min-width:var(--tap-min);min-height:max(var(--tap-min), var(--control-h-sm));font-size:var(--text-sm);touch-action:manipulation;flex:0 auto}.draw-font-add{min-height:max(var(--tap-min), var(--control-h-sm));touch-action:manipulation;flex:none}.draw-font-btn,.draw-weight-btn{font-size:var(--text-md);flex:auto}.draw-more{gap:var(--space-2);flex-direction:column;display:flex}.draw-more .ds-btn{width:100%;min-height:max(var(--tap-min), var(--control-h-sm));text-align:left;flex:none}.draw-more-grid{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.draw-more .draw-subhead{margin:var(--space-2) 0 0}.draw-toast{left:var(--space-3);right:var(--space-3);bottom:calc(100% + var(--space-2));z-index:12;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--text);color:var(--bg);font-size:var(--text-sm);pointer-events:none;margin:0;position:absolute}.draw-rail{gap:var(--space-1);padding:.25rem var(--space-2) max(.25rem, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg);display:flex}.draw-tool{min-width:var(--tap-min);min-height:max(var(--tap-min), 3.75rem);border-radius:var(--radius-sm);color:var(--text);font:500 var(--text-sm) / 1 var(--font-ui);touch-action:manipulation;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.125rem;padding:0;display:flex}.draw-tool svg,.draw-commands svg{width:1.75rem;height:1.75rem}.draw-commands{justify-content:center;align-items:center;display:inline-flex}.draw-tool[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 18%, transparent)}.draw-tool:disabled{color:var(--text-muted);opacity:.5}.draw-scrim{z-index:10;background:#00000059;position:fixed;inset:0}.draw-modal{z-index:11;max-height:85svh;padding:var(--space-3) var(--space-4) max(var(--space-4), env(safe-area-inset-bottom));border-radius:var(--radius) var(--radius) 0 0;background:var(--bg);position:fixed;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -.5rem 2rem #0003}.draw-modal-head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.draw-modal-title{min-width:0;font-size:var(--text-md);text-overflow:ellipsis;flex:1;margin:0;overflow:hidden}.draw-modal-done{flex:none}.draw-field{min-width:0;min-height:max(var(--tap-min), var(--control-h));padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);flex:1}.draw-wide{width:100%}.draw-stepper,.draw-custom{align-items:center;gap:var(--space-2);display:flex}.draw-stepper .draw-key,.draw-use{min-width:max(var(--tap-min), var(--control-h));min-height:max(var(--tap-min), var(--control-h))}.draw-unit{color:var(--text-muted);font-size:var(--text-sm)}.draw-swatches{gap:var(--space-2);margin-bottom:var(--space-3);grid-template-columns:repeat(8,1fr);display:grid}.draw-swatch{aspect-ratio:1;min-width:var(--tap-min);min-height:var(--tap-min);border:1px solid var(--line);border-radius:var(--radius-sm);touch-action:manipulation}.draw-swatch[aria-pressed=true],.draw-chip[aria-pressed=true]{outline:3px solid var(--text);outline-offset:2px}.draw-chips{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.draw-chip{min-height:var(--tap-min);padding:0 var(--space-4);border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:var(--text-sm);touch-action:manipulation;border-radius:1.5rem}.draw-modal:has(>.draw-color){flex-direction:column;display:flex;overflow:hidden}.draw-color{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.draw-color .draw-custom{margin-top:var(--space-3)}.draw-hsv{height:10rem;margin-top:var(--space-1);border:1px solid var(--line);border-radius:var(--radius-sm);touch-action:none;cursor:crosshair;position:relative}.draw-hsv:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.draw-hsv-thumb{pointer-events:none;border:3px solid #fff;border-radius:50%;width:1.75rem;height:1.75rem;margin:-.875rem 0 0 -.875rem;position:absolute;box-shadow:0 0 0 1px #0009}.draw-hue,.draw-alpha{appearance:none;background:0 0}.draw-hue::-webkit-slider-runnable-track{border:1px solid var(--line);border-radius:.625rem;height:1.25rem}.draw-alpha::-webkit-slider-runnable-track{border:1px solid var(--line);border-radius:.625rem;height:1.25rem}.draw-hue::-moz-range-track{border:1px solid var(--line);border-radius:.625rem;height:1.25rem}.draw-alpha::-moz-range-track{border:1px solid var(--line);border-radius:.625rem;height:1.25rem}.draw-hue::-webkit-slider-runnable-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.draw-hue::-moz-range-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.draw-alpha::-webkit-slider-runnable-track{background:linear-gradient(to right, transparent, var(--draw-alpha-to,#000)), repeating-conic-gradient(#ccc 0 25%, #fff 0 50%) 0 0 / .75rem .75rem}.draw-alpha::-moz-range-track{background:linear-gradient(to right, transparent, var(--draw-alpha-to,#000)), repeating-conic-gradient(#ccc 0 25%, #fff 0 50%) 0 0 / .75rem .75rem}.draw-hue::-webkit-slider-thumb{-webkit-appearance:none;background:0 0;border:3px solid #fff;border-radius:50%;width:1.75rem;height:1.75rem;margin-top:-.3125rem;box-shadow:0 0 0 1px #0009}.draw-alpha::-webkit-slider-thumb{-webkit-appearance:none;background:0 0;border:3px solid #fff;border-radius:50%;width:1.75rem;height:1.75rem;margin-top:-.3125rem;box-shadow:0 0 0 1px #0009}.draw-hue::-moz-range-thumb{background:0 0;border:3px solid #fff;border-radius:50%;width:1.5rem;height:1.5rem;box-shadow:0 0 0 1px #0009}.draw-alpha::-moz-range-thumb{background:0 0;border:3px solid #fff;border-radius:50%;width:1.5rem;height:1.5rem;box-shadow:0 0 0 1px #0009}.draw-preview{height:2.5rem;margin-top:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:repeating-conic-gradient(#ccc 0 25%, #fff 0 50%) 0 0 / .75rem .75rem;display:flex;overflow:hidden}.draw-preview>span{flex:1}.draw-preview-none{background:linear-gradient(to top right, transparent calc(50% - 1px), var(--draw-danger) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)), var(--surface)}.draw-width{align-items:center;gap:var(--space-3);margin-top:var(--space-3);display:flex}.draw-width .draw-range{flex:auto;min-width:0;margin:0}.draw-width-name,.draw-width-value{font-size:var(--text-sm);flex:none}.draw-source{width:100%;min-height:12rem;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-family:var(--font-mono);white-space:pre-wrap;resize:vertical;display:block}.draw-problem{margin:var(--space-2) 0 0;color:var(--draw-danger);font-size:var(--text-sm)}.draw-range{width:100%;min-height:var(--tap-min);margin:var(--space-3) 0 0;accent-color:var(--accent);display:block}.draw-actions{gap:var(--space-3);margin-top:var(--space-3);display:flex}.draw-alert{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);border-bottom:1px solid var(--line);background:var(--surface);font-size:var(--text-sm);display:flex}.draw-alert-text{flex:1;min-width:0;margin:0}.draw-alert--loud{color:#fff;background:#b3261e;border-color:#b3261e;font-weight:600}.draw-alert--loud .draw-alert-go{color:#b3261e;font-size:var(--text-sm);background:#fff;border-color:#fff}.draw-modal .draw-actions:first-child{margin-top:0}.draw-paste{width:100%;margin-top:var(--space-3);padding:var(--space-3);resize:none;font-family:var(--font-ui);line-height:1.2;display:block}.draw-report-again{width:100%;margin-top:var(--space-3);display:block}.draw-subhead{margin:var(--space-4) 0 var(--space-1);font-size:var(--text-md)}.draw-hint-text{margin:0 0 var(--space-2)}.draw-drafts,.draw-exports,.draw-notes,.draw-ledger{margin:0;padding:0;list-style:none}.draw-theme{margin-top:var(--space-1)}.draw-draft{align-items:stretch;gap:var(--space-2);border-top:1px solid var(--line);display:flex}.draw-draft[data-open] .draw-draft-name:after{content:" ●";color:var(--accent)}.draw-draft-open{min-width:0;min-height:max(var(--tap-min), var(--control-h));padding:var(--space-2) 0;color:var(--text);font:inherit;text-align:left;touch-action:manipulation;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:.125rem;display:flex}.draw-draft-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;overflow:hidden}.draw-draft-meta{color:var(--text-muted)}.draw-draft-remind{color:var(--draw-warn);font-weight:600}.draw-draft-delete{font-size:var(--text-sm);align-self:center}.draw-buckets{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.draw-bucket{padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);flex-direction:column;gap:.125rem;display:flex}.draw-bucket[data-count="0"]{color:var(--text-muted)}.draw-bucket-count{font-size:var(--text-lg);font-weight:700}.draw-notes{margin-top:var(--space-3);font-size:var(--text-sm)}.draw-notes li{margin:var(--space-1) 0;padding-left:var(--space-3);border-left:3px solid var(--line)}.draw-group{margin-top:var(--space-2)}.draw-items{gap:var(--space-1);margin:0 0 var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.draw-item{gap:var(--space-1);max-width:100%;padding:.125rem var(--space-2);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:var(--text-sm);display:inline-flex}.draw-item,.draw-bucket-label{overflow-wrap:anywhere}.draw-item-count{color:var(--text-muted)}.draw-excerpt{max-width:100%;margin:var(--space-2) 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface);font-size:var(--text-sm);white-space:pre;overflow-x:auto}.draw-failure{font-size:var(--text-md);margin-top:0}.draw-export-row{padding:var(--space-2) 0;border-top:1px solid var(--line)}.draw-export-row:first-child{border-top:0;padding-top:0}.draw-export-go{width:100%;display:block}.draw-export-say{margin:var(--space-1) 0 0;overflow-wrap:anywhere}.draw-export-text{margin:var(--space-1) 0 var(--space-3)}.draw-export-note{margin:var(--space-2) 0 0;overflow-wrap:anywhere}.draw-presets{gap:var(--space-2);flex-direction:column;display:flex}.draw-presets>.draw-subhead{margin:var(--space-3) 0 0}.draw-presets:first-child>.draw-subhead{margin-top:0}.draw-preset{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:max(var(--tap-min), var(--control-h-sm));text-align:left;flex:none;display:flex}.draw-preset[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:-3px}.draw-preset-size{flex:none;font-weight:400}.draw-new-choice{gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-2);background:var(--bg);display:flex;position:sticky;bottom:0}.draw-modal:has(>.draw-finish-body){flex-direction:column;display:flex;overflow:hidden}.draw-finish-body{overscroll-behavior:contain;flex:auto;min-height:0;overflow:hidden auto}.draw-finish-none{margin:0}.draw-icons{gap:var(--space-3);flex-direction:column;display:flex}.draw-icon{min-width:0;margin:0}.draw-icon-label{margin:0 0 var(--space-1);color:var(--text-muted)}.draw-icon-trio{gap:var(--space-1);align-items:flex-start;display:flex}.draw-icon-trio[data-stacked]{flex-direction:column}.draw-icon-cell{padding:var(--space-1);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--line);flex:none;line-height:0}.draw-icon-light{background:#fff}.draw-icon-dark{background:#1c1c1e}.draw-icon-img,.draw-icon-wait{display:block}.draw-dots{margin-bottom:var(--space-3)}.draw-compare{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.draw-compare-fig{min-width:0;margin:0}.draw-pane{aspect-ratio:1;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--line);position:relative;overflow:hidden}.draw-pane-img,.draw-pane-grid{width:100%;height:100%;display:block;position:absolute;inset:0}.draw-pane-img{object-fit:contain}.draw-pane-pixels{image-rendering:pixelated}.draw-pane-grid{pointer-events:none}.draw-compare-fig figcaption{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);line-height:1.3}.draw-compare-fig figcaption b{color:var(--text);font-weight:700;display:block}.draw-png-choice{margin-bottom:var(--space-2)}.draw-png-files{margin:0;padding:0;list-style:none}.draw-png-file{align-items:center;gap:var(--space-1) var(--space-3);padding:var(--space-1) 0;border-top:1px solid var(--line);flex-wrap:wrap;display:flex}.draw-png-file:first-child{border-top:0}.draw-png-name{overflow-wrap:anywhere;flex:auto;min-width:0}.draw-png-size{flex:none}.draw-png-download{min-height:max(var(--tap-min), var(--control-h-sm));flex:none}.draw-png-note{margin:var(--space-2) 0 0;overflow-wrap:anywhere}.draw-png-footer{padding-top:var(--space-3);background:var(--bg);flex:none;display:flex}.draw-support{padding:var(--space-3) var(--space-4) var(--space-6)}.draw-support-pad{margin:var(--space-4)}.draw-support-lead{margin:0}.draw-licences{margin-top:var(--space-3);justify-content:center;align-items:center;text-decoration:none;display:flex}.draw-tally{font-size:var(--text-sm);margin:0}.draw-ledger-search{margin-top:var(--space-4)}.draw-ledger-count{margin:var(--space-2) 0}.draw-ledger-row{padding:var(--space-2) 0;border-top:1px solid var(--line);flex-direction:column;gap:.125rem;display:flex}.draw-ledger-id{font-size:var(--text-sm);overflow-wrap:anywhere}.draw-ledger-name{overflow-wrap:anywhere}.draw-ledger-meta{color:var(--text-muted)}.draw-ledger-note{overflow-wrap:anywhere}@media (width>=46em) and (aspect-ratio>=5/4){.draw-split{flex-direction:row}}.draw-sheet--dock{border-top:0;border-left:1px solid var(--line);width:clamp(20rem,42%,40rem);box-shadow:none}.draw-sheet--dock .draw-sheet-head{padding-top:var(--space-2)}@media (width>=46em){.draw{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:auto minmax(0,1fr);display:grid}.draw>.draw-bar{grid-area:1/2}.draw>.draw-alert{grid-area:2/2}.draw>.draw-split{grid-area:3/2}.draw>.draw-context{padding-bottom:env(safe-area-inset-bottom);grid-area:4/2}.draw>.draw-rail{min-width:max(var(--tap-min), 4.5rem);overscroll-behavior:contain;padding:.25rem .25rem max(.25rem, env(safe-area-inset-bottom));border-top:0;border-right:1px solid var(--line);flex-direction:column;grid-area:1/1/-1;overflow-y:auto}.draw-rail>.draw-tool{flex:none}.draw-rail>.draw-undo{margin-top:auto}}.draw-modal:has(>.draw-palette){flex-direction:column;display:flex;overflow:hidden}.draw-palette{gap:var(--space-2);flex-direction:column;flex:auto;min-height:0;display:flex}.draw-palette-field{flex:none;width:100%}.draw-palette-list{overscroll-behavior:contain;gap:var(--space-1);flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.draw-palette-list>.draw-subhead{margin:var(--space-3) 0 0}.draw-palette-list>.draw-subhead:first-child{margin-top:0}.draw-palette-row{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:max(var(--tap-min), var(--control-h-sm));text-align:left;flex:none;display:flex}.draw-palette-row[aria-selected=true]{outline:3px solid var(--accent);outline-offset:-3px}.draw-palette-key{color:var(--text-muted);flex:none;font-weight:400}.draw-palette-none{margin:var(--space-2) 0}.draw-layers{padding:var(--space-2) var(--space-3) var(--space-4)}.draw-layer-list{margin:0;padding:0;list-style:none}.draw-layer{align-items:center;gap:var(--space-1);min-height:var(--tap-min);border-bottom:1px solid var(--line);display:flex}.draw-layer.on{background:color-mix(in srgb, var(--accent) 14%, transparent)}.draw-layer-name{min-width:0;min-height:var(--tap-min);padding:0 var(--space-2);color:var(--text);font-size:var(--text-sm);text-align:left;white-space:nowrap;text-overflow:ellipsis;touch-action:manipulation;background:0 0;border:0;flex:1;overflow:hidden}.draw-layer-btn{width:var(--tap-min);min-height:var(--tap-min);color:var(--text-muted);touch-action:manipulation;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.draw-layer-btn svg{width:1.5rem;height:1.5rem}.draw-layer-btn[aria-pressed=true]{color:var(--accent)}.draw-layers-more{width:100%;margin-top:var(--space-2)}.draw-layers-empty{padding:var(--space-3)}