@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--neutral-0:hsl(0 0% 5%);--neutral-50:hsl(0 0% 7%);--neutral-100:hsl(0 0% 8%);--neutral-150:hsl(0 0% 9%);--neutral-200:hsl(0 0% 10%);--neutral-250:hsl(0 0% 11%);--neutral-300:hsl(0 0% 13%);--neutral-350:hsl(0 0% 14%);--neutral-400:hsl(0 0% 15%);--neutral-450:hsl(0 0% 16%);--neutral-600:hsl(0 0% 22%);--neutral-700:hsl(0 0% 50%);--neutral-800:hsl(0 0% 70%);--neutral-900:hsl(0 0% 93%);--white:#ffffff;--surface-app:var(--neutral-50);--surface-card:var(--neutral-150);--surface-popover:var(--neutral-200);--surface-elevated:var(--neutral-250);--surface-sidebar:var(--neutral-100);--surface-viewport:var(--neutral-0);--text-primary:var(--neutral-900);--text-secondary:var(--neutral-800);--text-muted:var(--neutral-700);--text-on-accent:var(--white);--text-highlight:var(--white);--border-default:var(--neutral-450);--border-input:var(--neutral-450);--border-header:hsl(0 0% 50% / .3);--accent-primary:hsl(210 100% 56%);--accent-primary-foreground:var(--white);--accent-destructive:hsl(0 72% 51%);--accent-destructive-foreground:var(--white);--accent-success:hsl(142 71% 45%);--accent-warning:hsl(38 92% 50%);--focus-ring:var(--accent-primary);--viewport-bg:var(--neutral-0);--viewport-grid-fine:hsl(0 0% 100% / .12);--viewport-grid-coarse:hsl(0 0% 100% / .25);--model-surface:hsl(0 0% 74%);--model-outside:var(--accent-destructive);--glass-strong:hsl(0 0% 7% / .8);--glass-soft:hsl(0 0% 7% / .6);--glass-blur:12px;--category-1:hsl(222.5 100% 62%);--category-2:hsl(0 100% 62%);--category-3:hsl(137.5 100% 62%);--category-4:hsl(52.5 100% 62%);--accent-slicer:hsl(calc(52.5 + 137.50776405003785 / 2) 100% 62%);--category-5:hsl(327.5 100% 62%);--accent-weave:hsl(210 100% 56%);--accent-weave-foreground:var(--white);--icon-invert:1}[data-theme=light]{--surface-app:hsl(0 0% 97%);--surface-card:hsl(0 0% 100%);--surface-popover:hsl(0 0% 100%);--surface-elevated:hsl(0 0% 94%);--surface-sidebar:hsl(0 0% 98%);--surface-viewport:hsl(0 0% 90%);--text-primary:hsl(0 0% 9%);--text-secondary:hsl(0 0% 30%);--text-muted:hsl(0 0% 48%);--text-on-accent:var(--white);--text-highlight:hsl(0 0% 0%);--border-default:hsl(0 0% 85%);--border-input:hsl(0 0% 82%);--border-header:hsl(0 0% 40% / .3);--viewport-bg:hsl(0 0% 93%);--viewport-grid-fine:hsl(0 0% 0% / .08);--viewport-grid-coarse:hsl(0 0% 0% / .18);--model-surface:hsl(0 0% 62%);--model-outside:var(--accent-destructive);--glass-strong:hsl(0 0% 100% / .78);--glass-soft:hsl(0 0% 100% / .55);--category-1:hsl(222.5 75% 45%);--category-2:hsl(0 82% 46%);--category-3:hsl(137.5 55% 34%);--category-4:hsl(38 90% 38%);--category-5:hsl(327.5 75% 40%);--accent-weave:hsl(210 90% 42%);--icon-invert:0}@font-face{font-family:Inter;src:local("Inter");font-weight:400 700;font-display:swap}:root{--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","SFMono-Regular",ui-monospace,Menlo,monospace;--text-micro:11px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:16px;--text-lg:20px;--text-xl:28px;--text-2xl:40px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.15;--leading-normal:1.4;--leading-relaxed:1.6;--tracking-label:.04em;--tracking-normal:0}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-none:0px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-pill:999px;--border-width-hairline:1px;--border-width-emphasis:2px;--nav-row-height:32px;--nav-row-pitch:36px;--nav-header-height:38px;--nav-tree-indent:40px;--nav-menu-width:180px;--nav-compact-width:54px;--nav-selection-size:38px}:root{--ease-snap:cubic-bezier(.34,1.56,.64,1);--ease-glide:cubic-bezier(.22,1,.36,1);--ease-standard:cubic-bezier(.4,0,.2,1);--duration-instant:80ms;--duration-fast:.14s;--duration-base:.22s;--duration-collapse:.4s;--preview-exit-delay:.12s}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0ms;--duration-fast:0ms;--duration-base:0ms;--duration-collapse:0ms}}:root{--shadow-none:none;--focus-ring-width:2px;--focus-ring-offset:2px}body{background:var(--surface-app);color:var(--text-primary);font-family:var(--font-sans)}a{color:var(--accent-primary)}a:hover{color:var(--white)}.spacing-frame{width:100%;overflow:hidden;color:var(--text-primary);background:var(--surface-app);font-family:var(--font-sans)}.spacing-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.spacing-fields label{display:grid;grid-template-rows:34px 34px;gap:5px;min-width:0;color:var(--text-secondary);font:var(--weight-regular) var(--text-sm) var(--font-sans)}.spacing-field-label{display:flex;align-items:center;gap:8px;min-width:0;line-height:var(--leading-tight)}.spacing-field-text{white-space:pre-line}.wefter-fields .spacing-count,.wefter-fields .spacing-initial{order:2}.wefter-fields .spacing-target,.wefter-fields>label:not(.spacing-count):not(.spacing-initial){order:1}.spacing-target{grid-column:1 / -1;order:1}.slicer-count-pair{display:grid;grid-template-columns:1fr;gap:8px;align-items:start;order:2}.slicer-count-pair>label{min-width:0}.slicer-fields>.spacing-initial{order:2}.slicer-layer-pair{display:grid;grid-column:1 / -1;grid-template-columns:1fr 1fr;gap:8px;order:1}.spacing-frame{padding:10px;background:var(--glass-strong);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-default);border-top:0;border-radius:0 0 var(--radius-md) 0;box-sizing:border-box}.spacing-input{height:34px;display:flex;align-items:center;padding:0 8px;background:var(--surface-elevated);border:1px solid var(--border-input);border-radius:5px}.spacing-input:focus-within,.spacing-linked-focus .spacing-input{border-color:var(--category-4);box-shadow:0 0 0 1px color-mix(in srgb,var(--category-4) 35%,transparent)}.spacing-input input{width:100%;min-width:0;padding:0;border:0;outline:0;color:var(--text-primary);background:transparent;font:500 13px var(--font-mono)}.spacing-input b{color:var(--text-muted);font:600 10px var(--font-mono)}.spacing-section-label{min-height:34px;display:flex;align-items:center;gap:10px;color:var(--text-secondary);font:var(--weight-semibold) var(--text-sm) var(--font-sans)}.spacing-title{border-top:1px solid var(--border-default)}.spacing-frame svg{display:block;width:100%;height:auto}.spacing-key-base,.spacing-model-surface-base{fill:none;stroke:var(--viewport-bg);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.spacing-key-line,.spacing-model-surface{fill:none;stroke:var(--category-4);stroke-width:3;stroke-dasharray:1 4;stroke-linecap:round;stroke-linejoin:round}.spacing-key-text{fill:var(--text-muted);font:600 9px var(--font-mono)}.spacing-extension{stroke:var(--text-muted);stroke-width:.75}.spacing-dimension{stroke:var(--text-primary);stroke-width:1}.spacing-arrow{fill:var(--text-primary)}.spacing-dimension-text{fill:var(--text-primary);font:600 9px var(--font-mono)}.wefter-marker{fill:color-mix(in srgb,var(--category-4) 42%,var(--text-muted));stroke:var(--category-4);stroke-width:2}.spacing-h,.spacing-strand-h,.spacing-v,.spacing-strand-v{color:var(--category-4)}.slicer-frame{background:var(--glass-strong)}.wefter-model-fill{fill:var(--category-4);fill-opacity:.15}.wefter-model-surface{fill:none;stroke:var(--category-4);stroke-width:3;stroke-dasharray:1 4;stroke-linecap:round;stroke-linejoin:round}.wefter-model-surface-base{fill:none;stroke:var(--viewport-bg);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.slicer-model-fill{fill:var(--accent-slicer);fill-opacity:.15}.slicer-model-surface{fill:none;stroke:var(--accent-slicer);stroke-width:3;stroke-dasharray:1 4;stroke-linecap:round;stroke-linejoin:round}.slicer-marker-wall{fill:color-mix(in srgb,var(--accent-slicer) 42%,var(--text-muted));stroke:var(--accent-slicer);stroke-width:2}.slicer-marker-top{fill:color-mix(in srgb,var(--accent-slicer) 48%,var(--text-muted));stroke:var(--accent-slicer);stroke-width:2}.slicer-surface-key{color:var(--accent-slicer)}.slicer-comparison-panel{position:absolute;left:100%;top:0;width:100%;overflow:visible;transform-origin:0 40px;color:var(--text-primary);background:var(--surface-app);border-radius:0 var(--radius-md) var(--radius-md) 0;z-index:-1;pointer-events:none}.slicer-comparison-panel.is-open{pointer-events:auto}.slicer-comparison-panel .slicer-frame{visibility:visible;transition:visibility 0s}.slicer-comparison-panel:not(.is-open) .slicer-frame{visibility:hidden;transition-delay:.36s}.slicer-comparison-header{height:40px;display:flex;align-items:center;gap:8px;width:100%;padding:0 12px;color:var(--neutral-50);background:var(--accent-slicer);border:0;border-radius:0 var(--radius-md) 0 0;font-size:var(--text-sm);font-weight:var(--weight-bold);text-align:left;white-space:nowrap;cursor:pointer;pointer-events:auto}.slicer-comparison-header:hover{color:var(--white)}.slicer-comparison-chevron{display:flex;margin-left:auto}.slicer-comparison-header:focus{outline:none}.slicer-comparison-header:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.smoother-path{fill:none;stroke:none}.smoother-label{fill:var(--text-muted);font:600 11.2px var(--font-mono);letter-spacing:.02em;transform:translateY(26px)}.slicer-model-surface-base{fill:none;stroke:var(--viewport-bg);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.slicer-frame .spacing-linked-focus .spacing-input{border-color:var(--accent-slicer);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-slicer) 35%,transparent)}.spacing-key-line.slicer-surface-key{stroke:var(--accent-slicer)}svg.focus-horizontal .spacing-v,svg.focus-horizontal .spacing-strand-v,svg.focus-vertical .spacing-h,svg.focus-vertical .spacing-strand-h{opacity:.35}.wefter-frame svg.focus-horizontal :is(.spacing-h,.spacing-strand-h) :is(line,path){stroke:var(--category-4)}.wefter-frame svg.focus-horizontal :is(.spacing-h,.spacing-strand-h) :is(path,text){fill:var(--category-4)}.wefter-frame svg.focus-vertical :is(.spacing-v,.spacing-strand-v) :is(line,path){stroke:var(--category-4)}.wefter-frame svg.focus-vertical :is(.spacing-v,.spacing-strand-v) :is(path,text){fill:var(--category-4)}.slicer-frame svg.focus-horizontal .spacing-strand-h :is(line,path){stroke:var(--accent-slicer)}.slicer-frame svg.focus-horizontal .spacing-strand-h :is(path,text){fill:var(--accent-slicer)}.slicer-frame svg.focus-vertical .spacing-strand-v :is(line,path){stroke:var(--accent-slicer)}.slicer-frame svg.focus-vertical .spacing-strand-v :is(path,text){fill:var(--accent-slicer)}.spacing-key-line,.spacing-key-line.slicer-surface-key,.wefter-model-surface,.slicer-model-surface{stroke:var(--white)}.split-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;min-width:0;height:16px;margin:0;background:transparent;cursor:pointer}.split-slider::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--border-input)}.split-slider::-moz-range-track{height:4px;border-radius:2px;background:var(--border-input)}.split-slider::-moz-range-progress{height:4px;border-radius:2px;background:var(--border-input)}.split-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5px;border:none;border-radius:var(--radius-pill);background:currentColor}.split-slider::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:var(--radius-pill);background:currentColor}.split-slider:focus-visible{outline:none}.split-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb,currentColor 35%,transparent)}.split-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px color-mix(in srgb,currentColor 35%,transparent)}html,body,#root{height:100%}body{margin:0;overflow:hidden}