.dwg-paper{--bg:#efede6;--surface-1:#f5f3ed;--surface-2:#e5e2d8;--surface-logo:#242424;--hairline:#c3bfb3;--border-ui:#6e6b63;--text:#141413;--muted:#55534c;--wing:#7f7f7f;--pollen:#f7e326;--pollen-ink:#0e0e0d;--pollen-text:#7a6a00;--pollen-line:#7a6a00;--pollen-edge:#141413;--data-red:#d21f1f;--data-blue:#0066b3;--focus:#141413;--lede:color-mix(in oklab, var(--muted) 45%, var(--text));--hairline-strong:color-mix(in oklab, var(--hairline) 55%, var(--text));--background:var(--bg);--foreground:var(--text);--card:var(--surface-1);--card-foreground:var(--text);--popover:var(--surface-2);--popover-foreground:var(--text);--primary:var(--text);--primary-foreground:var(--bg);--secondary:var(--surface-2);--secondary-foreground:var(--text);--muted-foreground:var(--muted);--accent:var(--surface-2);--accent-foreground:var(--text);--destructive:var(--data-red);--border:var(--hairline);--input:var(--border-ui);--ring:var(--focus);--chart-1:var(--text);--chart-2:var(--muted);--chart-3:var(--wing);--chart-4:var(--pollen);--chart-5:var(--border-ui);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background-color:var(--bg)}.dwg-sheet{--inset:8px;--band:20px;--pad:clamp(18px, 3.4vw, 52px);--zone-h:320px;isolation:isolate;position:relative}@media (max-width:639.98px){.dwg-sheet{--inset:5px;--band:14px;--zone-h:360px}}.dwg-frame-outer,.dwg-frame-inner,.dwg-drawing-area{pointer-events:none;position:absolute}.dwg-frame-outer{inset:var(--inset)}.dwg-frame-inner{inset:calc(var(--inset) + var(--band));z-index:1}.dwg-drawing-area{inset:calc(var(--inset) + var(--band));z-index:-1}.dwg-content{padding:calc(var(--inset) + var(--band) + var(--pad));position:relative}.dwg-band-h,.dwg-band-v{pointer-events:none;font-family:var(--ff-mono), ui-monospace, monospace;letter-spacing:.04em;color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px;line-height:1;position:absolute}@media (max-width:639.98px){.dwg-band-h,.dwg-band-v{font-size:9px}}.dwg-band-h{left:calc(var(--inset) + var(--band));right:calc(var(--inset) + var(--band));height:var(--band);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.dwg-band-top{top:var(--inset)}.dwg-band-bottom{bottom:var(--inset)}.dwg-band-h>span{place-items:center;display:grid}.dwg-band-h>span+span{border-left:1px solid var(--text)}.dwg-band-v{top:calc(var(--inset) + var(--band));bottom:calc(var(--inset) + var(--band));width:var(--band);grid-auto-rows:var(--zone-h);align-content:start;display:grid;overflow:hidden}.dwg-band-left{left:var(--inset)}.dwg-band-right{right:var(--inset)}.dwg-band-v>span{border-bottom:1px solid var(--text);place-items:center;display:grid}.dwg-zones-8,.dwg-zones-12{display:none}@media (min-width:640px){.dwg-zones-4{display:none}.dwg-zones-8{display:grid}}@media (min-width:1024px){.dwg-zones-8{display:none}.dwg-zones-12{display:grid}}.dwg-dwg-corner{top:calc(var(--inset) + var(--band));left:calc(var(--inset) + var(--band));z-index:1;border-left:1px solid var(--text);border-top:1px solid var(--text);font-family:var(--ff-mono), ui-monospace, monospace;letter-spacing:.08em;color:var(--text);pointer-events:none;padding:3px 8px 2px;font-size:10px;line-height:1.3;position:absolute;rotate:180deg}@media (max-width:639.98px){.dwg-dwg-corner{display:none}}.dwg-centre-mark{background:var(--text);pointer-events:none;position:absolute}.dwg-centre-top,.dwg-centre-bottom{width:2px;height:calc(var(--band) + 6px);left:50%;translate:-50%}.dwg-centre-top{top:var(--inset)}.dwg-centre-bottom{bottom:var(--inset)}.dwg-centre-left,.dwg-centre-right{height:2px;width:calc(var(--band) + 6px);top:50%;translate:0 -50%}.dwg-centre-left{left:var(--inset)}.dwg-centre-right{right:var(--inset)}.dwg-hl{background-image:linear-gradient(transparent 56%, var(--pollen) 56%, var(--pollen) 94%, transparent 94%);-webkit-box-decoration-break:clone;box-decoration-break:clone;margin-inline:-.12em;padding-inline:.12em}.dwg-range{appearance:none;cursor:ew-resize;touch-action:pan-y;outline-offset:3px;background:0 0;width:100%;height:34px;margin:0;display:block}.dwg-range::-webkit-slider-runnable-track{background:0 0;border:0;height:34px}.dwg-range::-moz-range-track{background:0 0;border:0;height:34px}.dwg-range::-webkit-slider-thumb{appearance:none;box-sizing:border-box;border:1.5px solid var(--text);background:linear-gradient(var(--text), var(--text)) center / 1.5px 100% no-repeat, color-mix(in oklab, var(--bg) 78%, transparent);width:14px;height:32px;transition:background-color var(--dur-micro) var(--ease-out);border-radius:2px;margin-top:1px}.dwg-range::-moz-range-thumb{box-sizing:border-box;border:1.5px solid var(--text);background:linear-gradient(var(--text), var(--text)) center / 1.5px 100% no-repeat, color-mix(in oklab, var(--bg) 78%, transparent);border-radius:2px;width:14px;height:32px}.dwg-range:active::-webkit-slider-thumb{background-color:var(--pollen)}.dwg-range:active::-moz-range-thumb{background-color:var(--pollen)}.dwg-range:focus-visible{outline:2px solid var(--focus)}.dwg-ruler-ticks{pointer-events:none;width:calc(100% - 14px);height:34px;position:absolute;top:0;left:7px;overflow:visible}.dwg-viewport{background-color:var(--bg)}.dwg-viewport-canvas canvas{touch-action:pan-y;outline:none}.dwg-ann-label{background:color-mix(in oklab, var(--bg) 90%, transparent);font-family:var(--ff-mono), ui-monospace, monospace;letter-spacing:.02em;color:var(--text);white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none;will-change:transform, opacity;opacity:0;padding:1px 4px 0;font-size:11px;line-height:15px;position:absolute;top:0;left:0}.dwg-ann-label small{color:var(--muted);font-size:10px}.dwg-ann-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dwg-ann-svg line,.dwg-ann-svg path,.dwg-ann-svg polyline{vector-effect:non-scaling-stroke}@media (prefers-reduced-motion:no-preference){.dwg-ann-fade{transition:opacity var(--dur-small) var(--ease-out)}}.dwg-knock{background-color:var(--bg)}.dwg-detail-grid{background-color:var(--bg);background-image:linear-gradient(color-mix(in oklab, var(--cad-grid) 70%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--cad-grid) 70%, transparent) 1px, transparent 1px);background-position:-1px -1px;background-size:12px 12px}.dwg-plot{pointer-events:none;color:var(--text);position:absolute}.dwg-plot>i{background:currentColor;display:block;position:absolute}.dwg-plot>i:first-child{height:var(--plot-w,1px);transform-origin:0;top:0;left:0;right:0}.dwg-plot>i:nth-child(2){width:var(--plot-w,1px);transform-origin:top;top:0;bottom:0;right:0}.dwg-plot>i:nth-child(3){height:var(--plot-w,1px);transform-origin:100%;bottom:0;left:0;right:0}.dwg-plot>i:nth-child(4){width:var(--plot-w,1px);transform-origin:bottom;top:0;bottom:0;left:0}.dwg-plot[data-m=armed]>i:nth-child(odd){transform:scaleX(0)}.dwg-plot[data-m=armed]>i:nth-child(2n){transform:scaleY(0)}.dwg-plot[data-m=play]>i:nth-child(odd){animation:dwg-plot-x var(--plot-side,.35s) cubic-bezier(.65, 0, .35, 1) both}.dwg-plot[data-m=play]>i:nth-child(2n){animation:dwg-plot-y var(--plot-side,.35s) cubic-bezier(.65, 0, .35, 1) both}.dwg-plot[data-m=play]>i:first-child{animation-delay:var(--m-delay,0s)}.dwg-plot[data-m=play]>i:nth-child(2){animation-delay:calc(var(--m-delay,0s) + var(--plot-side,.35s))}.dwg-plot[data-m=play]>i:nth-child(3){animation-delay:calc(var(--m-delay,0s) + 2 * var(--plot-side,.35s))}.dwg-plot[data-m=play]>i:nth-child(4){animation-delay:calc(var(--m-delay,0s) + 3 * var(--plot-side,.35s))}@keyframes dwg-plot-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes dwg-plot-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.dwg-dim-ext{background:currentColor;flex:none;width:1px;height:14px}@media (prefers-reduced-motion:reduce){.dwg-plot[data-m]>i{animation:none!important;transform:none!important}}
[data-plot] :is(.fx-stamp,.fx-type,.fx-slide,.fx-tilt,.fx-rise,.fx-tick,.fx-arc,.fx-check,.fx-node,.fx-stub,.fx-ext,.fx-half-l,.fx-half-r,.fx-arrow),[data-plot]:is(.fx-stamp,.fx-type,.fx-slide,.fx-tilt,.fx-rise){animation-delay:calc(var(--fx-delay,0s) + var(--i,0) * var(--fx-step,80ms) + var(--fx-own,0s));animation-fill-mode:both}[data-plot=armed] .fx-stamp,[data-plot=armed].fx-stamp{opacity:0;transform:scale(1.25)rotate(-5deg)}[data-plot=play] .fx-stamp,[data-plot=play].fx-stamp{animation-name:dwg-stamp;animation-duration:.42s;animation-timing-function:cubic-bezier(.55,0,.6,1)}@keyframes dwg-stamp{0%{opacity:0;transform:scale(1.25)rotate(-5deg)}55%{opacity:1;transform:scale(.97)rotate(.5deg)}to{opacity:1;transform:scale(1)rotate(0)}}[data-plot=armed] .fx-type,[data-plot=armed].fx-type{clip-path:inset(0 100% 0 0)}[data-plot=play] .fx-type,[data-plot=play].fx-type{animation-name:dwg-type;animation-duration:var(--fx-dur,.5s);animation-timing-function:steps(var(--fx-steps,20), end)}@keyframes dwg-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}[data-plot=armed] .fx-slide,[data-plot=armed].fx-slide{opacity:0;transform:translate(-28px)}[data-plot=play] .fx-slide,[data-plot=play].fx-slide{animation-name:dwg-slide;animation-duration:.7s;animation-timing-function:cubic-bezier(.22,1,.36,1)}@keyframes dwg-slide{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:none}}.fx-tilt{transform-origin:50% 0}[data-plot=armed] .fx-tilt,[data-plot=armed].fx-tilt{opacity:0;transform:perspective(900px)rotateX(-70deg)}[data-plot=play] .fx-tilt,[data-plot=play].fx-tilt{animation-name:dwg-tilt;animation-duration:.85s;animation-timing-function:cubic-bezier(.22,1,.36,1)}@keyframes dwg-tilt{0%{opacity:0;transform:perspective(900px)rotateX(-70deg)}40%{opacity:1}to{opacity:1;transform:perspective(900px)rotateX(0)}}[data-plot=armed] .fx-rise,[data-plot=armed].fx-rise{opacity:0;transform:translateY(14px)}[data-plot=play] .fx-rise,[data-plot=play].fx-rise{animation-name:dwg-rise;animation-duration:.6s;animation-timing-function:cubic-bezier(.22,1,.36,1)}@keyframes dwg-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.fx-rule{position:relative}.fx-rule:after{content:"";background:var(--rule-c,var(--hairline-strong));transform-origin:0;height:1px;position:absolute;bottom:-1px;left:0;right:0}[data-plot=armed] .fx-rule:after{transform:scaleX(0)}[data-plot=play] .fx-rule:after{animation:.9s cubic-bezier(.65,0,.35,1) both dwg-scale-x;animation-delay:calc(var(--fx-delay,0s) + var(--i,0) * var(--fx-step,80ms))}.fx-tick{transform-origin:50% 100%}[data-plot=armed] .fx-tick{transform:scaleY(0)}[data-plot=play] .fx-tick{animation-name:dwg-scale-y;animation-duration:.22s;animation-timing-function:cubic-bezier(.22,1,.36,1)}.fx-arc,.fx-check{stroke-dasharray:1}[data-plot=armed] :is(.fx-arc,.fx-check){stroke-dashoffset:1px}[data-plot=play] :is(.fx-arc,.fx-check){animation-name:dwg-stroke;animation-duration:var(--fx-dur,.9s);animation-timing-function:cubic-bezier(.65,0,.35,1)}@keyframes dwg-stroke{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.fx-hl{background:linear-gradient(transparent 12%, var(--pollen) 12%, var(--pollen) 92%, transparent 92%) no-repeat 0 0 / 100% 100%;color:var(--pollen-ink);margin-inline:-.35em;padding-inline:.35em}[data-plot=armed] .fx-hl{background-size:0% 100%}[data-plot=play] .fx-hl{animation:.55s cubic-bezier(.65,0,.35,1) both dwg-hl;animation-delay:calc(var(--fx-delay,0s) + var(--i,0) * var(--fx-step,80ms) + var(--fx-own,0s))}@keyframes dwg-hl{0%{background-size:0% 100%}to{background-size:100% 100%}}.fx-node{background:var(--text);color:var(--bg)}[data-plot=armed] .fx-node{opacity:0;transform:scale(.4)}[data-plot=play] .fx-node{animation-name:dwg-node;animation-duration:.6s;animation-timing-function:cubic-bezier(.22,1,.36,1)}@keyframes dwg-node{0%{opacity:0;background:var(--bg);color:var(--text);transform:scale(.4)}50%{opacity:1;background:var(--bg);color:var(--text);transform:scale(1)}to{opacity:1;background:var(--text);color:var(--bg);transform:scale(1)}}.fx-stub{transform-origin:0;--fx-own:.25s}[data-plot=armed] .fx-stub{transform:scaleX(0)}[data-plot=play] .fx-stub{animation-name:dwg-scale-x;animation-duration:.45s;animation-timing-function:cubic-bezier(.65,0,.35,1)}.fx-ext{transform-origin:50% 100%}[data-plot=armed] .fx-ext{transform:scaleY(0)}[data-plot=play] .fx-ext{animation-name:dwg-scale-y;animation-duration:.24s;animation-timing-function:cubic-bezier(.22,1,.36,1)}.fx-half-l{transform-origin:100%;--fx-own:.18s}.fx-half-r{transform-origin:0;--fx-own:.18s}[data-plot=armed] :is(.fx-half-l,.fx-half-r){transform:scaleX(0)}[data-plot=play] :is(.fx-half-l,.fx-half-r){animation-name:dwg-scale-x;animation-duration:.55s;animation-timing-function:cubic-bezier(.65,0,.35,1)}.fx-arrow{--fx-own:.68s}[data-plot=armed] .fx-arrow{opacity:0;transform:scale(.2)}[data-plot=play] .fx-arrow{animation-name:dwg-pop;animation-duration:.18s;animation-timing-function:cubic-bezier(.22,1,.36,1)}@keyframes dwg-pop{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:none}}@keyframes dwg-scale-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes dwg-scale-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.dwg-spine{background:var(--hairline);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.dwg-spine-ink{background:var(--text);transform-origin:50% 0;position:absolute;inset:0}.dwg-spine-tip{color:var(--text);line-height:0;position:absolute;left:50%;translate:-50% -60%}.dwg-scan{display:none}.dwg-scan[data-plot]{z-index:3;pointer-events:none;display:block;position:absolute;inset:0;overflow:hidden}.dwg-scan-cover{background:var(--bg);position:absolute;inset:0}.dwg-scan-pen{border-left:1px solid var(--text);position:absolute;inset:0}.dwg-scan-label{background:var(--bg);font-family:var(--ff-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--text);padding:1px 4px 0;font-size:10px;position:absolute;top:50%;left:8px}.dwg-scan[data-plot=play] .dwg-scan-cover{animation:1.9s cubic-bezier(.65,0,.35,1) .35s both dwg-scan-cover}.dwg-scan[data-plot=play] .dwg-scan-pen{animation:1.9s cubic-bezier(.65,0,.35,1) .35s both dwg-scan-pen}@keyframes dwg-scan-cover{0%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}@keyframes dwg-scan-pen{0%{opacity:1;transform:translate(0)}90%{opacity:1}to{opacity:0;transform:translate(100%)}}@media (prefers-reduced-motion:no-preference){.dwg-band-h>span,.dwg-band-v>span{animation:.3s steps(3,end) both dwg-zone;animation-delay:calc(.35s + min(var(--i,0), 16) * 50ms)}.dwg-ants{animation:1.4s linear infinite dwg-ants}}.dwg-ants{stroke-dasharray:4 3}@keyframes dwg-zone{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}@keyframes dwg-ants{to{stroke-dashoffset:-7px}}@media (prefers-reduced-motion:reduce){[data-plot],[data-plot] *{animation:none!important}[data-plot] :is(.fx-stamp,.fx-type,.fx-slide,.fx-tilt,.fx-rise,.fx-tick,.fx-node,.fx-stub,.fx-ext,.fx-half-l,.fx-half-r,.fx-arrow),[data-plot]:is(.fx-stamp,.fx-type,.fx-slide,.fx-tilt,.fx-rise){opacity:1!important;clip-path:none!important;transform:none!important}[data-plot] :is(.fx-arc,.fx-check){stroke-dashoffset:0!important}[data-plot] .fx-rule:after{transform:none!important}[data-plot] .fx-hl{background-size:100% 100%!important}.dwg-scan{display:none!important}.dwg-spine-ink{transform:none!important}.dwg-spine-tip{display:none}}
