:root{--ink:#1a1a1a;--ink-2:#404040;--ink-3:#888;--paper:#fbfaf5;--grid:#e7e2d3;--grid-2:#d8d2bd;--accent:#c4602b;--accent-soft:#f3d8c6;--hi:#fff7c2;--rule:#1a1a1a}*{box-sizing:border-box}html,body,#root{background:var(--paper);min-height:100vh;color:var(--ink);margin:0;padding:0;font-family:Kalam,system-ui,sans-serif}body{background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-position:-1px -1px;background-size:24px 24px}button{font-family:inherit}.topbar{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:color-mix(in srgb, var(--paper) 88%, transparent);border-bottom:2px solid var(--rule);position:sticky;top:0}.topbar-inner{flex-wrap:wrap;align-items:center;gap:18px;max-width:1480px;margin:0 auto;padding:14px 28px;display:flex}.brand{align-items:baseline;gap:10px;font-family:Caveat,cursive;font-size:32px;font-weight:700;line-height:1;display:flex}.brand small{color:var(--ink-3);letter-spacing:.04em;font-family:Kalam;font-size:13px;font-weight:300}.stage{max-width:1480px;margin:0 auto;padding:24px 28px 80px}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;display:flex}.panel-header h1{margin:0;font-family:Caveat,cursive;font-size:54px;font-weight:700;line-height:1}.panel-header h1 em{background:var(--hi);border-radius:8px;padding:0 8px;font-style:normal}.panel-header p{color:var(--ink-2);max-width:560px;margin:6px 0 0;font-size:16px}.meta-pill{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);border:1px dashed var(--ink-3);border-radius:999px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:11px}.grid-A{grid-template-columns:320px minmax(0,1fr) 320px;align-items:start;gap:18px;display:grid}.sk-card{border:2px solid var(--rule);box-shadow:3px 4px 0 var(--rule);background:#fffdf6;border-radius:12px 18px 10px 14px/14px 10px 16px 12px;padding:18px;position:relative}.sk-card.tilt-l{transform:rotate(-.4deg)}.sk-card.tilt-r{transform:rotate(.3deg)}.sk-card h3{justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 10px;font-family:Caveat,cursive;font-size:26px;font-weight:700;line-height:1;display:flex}.sk-card h3 small{color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:400}.crumb{color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;background:var(--paper);padding:0 8px;font-family:JetBrains Mono,monospace;font-size:10px;position:absolute;top:-9px;left:14px}.sk-label{color:var(--ink-2);margin:8px 0 4px;font-family:Architects Daughter,cursive;font-size:14px;display:block}.sk-btn{border:2px solid var(--rule);color:var(--ink);cursor:pointer;box-shadow:2px 2px 0 var(--rule);background:#fff;border-radius:10px 14px 8px 12px/12px 8px 14px 10px;padding:4px 10px 2px;font-family:Caveat,cursive;font-size:16px;font-weight:700}.sk-btn.primary{background:var(--accent);color:#fff}.sk-btn.ghost{box-shadow:none;background:0 0}.sk-btn:active{box-shadow:1px 1px 0 var(--rule);transform:translate(1px,1px)}.sk-btn:disabled{opacity:.5;cursor:not-allowed}.sk-btn.reset-btn{text-align:center;width:100%;margin-top:4px;display:block}.share-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.share-row .sk-btn{text-align:center;margin-top:0}.sk-chip{border:2px solid var(--rule);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:1px 10px 0;font-family:Caveat;font-size:18px;font-weight:700;display:inline-flex}.sk-chip.accent{background:var(--accent);color:#fff}.sk-divider{border-top:2px dashed var(--ink-3);height:0;margin:14px 0}.anno{color:var(--ink-2);font-family:Architects Daughter;font-size:13px}.pad-note{color:var(--accent);font-family:Caveat;font-size:18px;font-weight:500;display:inline-block;transform:rotate(-1.5deg)}.score-hero{background:var(--hi);border:2px solid var(--rule);border-radius:10px 14px 8px 12px/12px 8px 14px 10px;justify-content:space-between;align-items:center;gap:10px;margin:-4px 0 12px;padding:10px 12px;display:flex;transform:rotate(-.2deg)}.score-hero .label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-family:JetBrains Mono;font-size:10px}.score-hero .big{font-family:Caveat;font-size:34px;font-weight:700;line-height:1}.score-hero .big small{color:var(--ink-3);margin-left:6px;font-family:JetBrains Mono;font-size:11px}.score-hero .breakdown{text-align:right;font-family:JetBrains Mono;font-size:10px;line-height:1.4}.score-hero .breakdown b{font-size:13px}.score-hero .breakdown .saved{color:var(--accent);font-family:Caveat;font-size:14px;font-weight:700}.pl-grid{gap:4px;display:grid}.pl-grid.cols-3{grid-template-columns:repeat(3,1fr)}.pl-grid.cols-2{grid-template-columns:repeat(2,1fr)}.pl-grid.cols-4{grid-template-columns:repeat(4,1fr)}.pl-btn{border:2px solid var(--rule);color:var(--ink);cursor:pointer;background:0 0;border-radius:10px 14px 8px 12px/12px 8px 14px 10px;padding:4px 6px 2px;font-family:Caveat;font-size:15px;font-weight:700}.pl-btn.on{background:var(--accent);color:#fff;box-shadow:2px 2px 0 var(--rule)}.pl-btn:disabled{opacity:.5;cursor:not-allowed}.wh-row{border:2px solid var(--rule);cursor:pointer;text-align:left;background:#fff;border-radius:10px 14px 8px 12px/12px 8px 14px 10px;justify-content:space-between;align-items:center;padding:4px 10px;font-family:Caveat;font-size:15px;font-weight:700;display:flex}.wh-row.on{background:var(--accent);color:#fff;box-shadow:2px 2px 0 var(--rule)}.wh-row small{color:var(--ink-3);font-weight:400}.wh-row.on small{color:#ffd7c0}.wh-badges{gap:6px;display:flex}.badge{text-align:center;border:2px solid var(--rule);width:58px;color:var(--ink);background:#fff;border-radius:999px;padding:1px 0;font-family:JetBrains Mono;font-size:11px;font-weight:600}.badge.warn{background:var(--accent-soft);color:var(--accent)}.wh-row.on .badge{background:#fff}.wh-header{color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;grid-template-columns:1fr auto;padding:2px 0 0;font-family:JetBrains Mono;font-size:9px;display:grid}.wh-header .heads{gap:6px;display:flex}.wh-header .heads span{text-align:center;width:58px}.opening-card{border:2px solid var(--rule);background:#fffdf6;border-radius:8px;margin-bottom:8px;padding:10px}.opening-head{justify-content:space-between;align-items:center;gap:6px;margin-bottom:4px;display:flex}.icon-btn{cursor:pointer;color:var(--ink-3);background:0 0;border:none;font-family:JetBrains Mono;font-size:14px}.icon-btn:hover{color:var(--accent)}.seg{border:1.5px solid var(--rule);border-radius:6px;display:flex;overflow:hidden}.seg button{cursor:pointer;background:#fff;border:none;padding:3px 10px;font-family:Kalam;font-size:12px}.seg button.on{background:var(--ink);color:#fff}.canvas{border:2px solid var(--rule);box-shadow:3px 4px 0 var(--rule);background-color:#fffdf6;background-image:linear-gradient(#c4602b1a 1px,#0000 1px),linear-gradient(90deg,#c4602b1a 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:16px 16px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:14px 18px 12px 16px/16px 12px 18px 14px;min-height:520px;padding:14px;position:relative}.canvas-tabs{gap:8px;margin-bottom:10px;display:flex}.mini-tab{border:2px solid var(--rule);cursor:pointer;background:#fff;border-radius:8px;padding:2px 10px;font-family:Caveat;font-size:18px;font-weight:700}.mini-tab.on{background:var(--ink);color:#fff}.plan-svg{cursor:grab;touch-action:none;width:100%;height:auto;display:block}.plan-svg.is-dragging{cursor:grabbing}.zoom-overlay{background:var(--paper);border:1.5px solid var(--ink-2);cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:auto;border-radius:4px;padding:4px 8px;font:13px/1 Caveat,cursive;display:inline-flex;position:absolute;inset:auto 10px 10px auto}.zoom-overlay:hover{background:color-mix(in srgb, var(--paper) 90%, var(--ink) 10%)}.plan-svg-wrap{position:relative}.plan-svg .wall{stroke:var(--ink);stroke-width:3px;fill:none}.plan-svg .wall.thick{stroke-width:7px}.plan-svg .stud{stroke:var(--ink-2);stroke-width:1px}.plan-svg .stud-hi{stroke:var(--accent);stroke-width:2px}.plan-svg .door{stroke:var(--accent);stroke-width:3px;fill:none}.plan-svg .door-fill{fill:var(--accent-soft)}.plan-svg .window{stroke:var(--accent);stroke-width:2px;fill:#c4602b26}.plan-svg text{fill:var(--ink-2);font-family:Architects Daughter,cursive;font-size:11px}.plan-svg text.accent{fill:var(--accent);font-weight:700}.plan-svg text.wall-role{fill:var(--ink-2);font-family:Caveat,cursive;font-size:16px;font-style:italic}.plan-svg .dim{stroke:var(--ink-3);stroke-width:.8px;stroke-dasharray:3 3}.plan-svg .dim-tick{stroke:var(--ink-3);stroke-width:1px}.elev-walls{gap:6px;margin-bottom:10px;display:flex}.plan-svg .plate{fill:#c4602b24;stroke:var(--ink-2);stroke-width:1px}.plan-svg .plate-seam{stroke:var(--ink-2);stroke-width:.8px;stroke-dasharray:2 2}.plan-svg .sheathing-seam{stroke:var(--ink-3);stroke-width:.8px;stroke-dasharray:4 3}.plan-svg .header{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1.5px}.plan-svg rect.stud,.plan-svg rect.stud-cripple{fill:#4040402e;stroke:var(--ink-2);stroke-width:.5px}.plan-svg rect.stud-hi,.plan-svg rect.stud-jack{fill:#c4602b8c;stroke:var(--accent);stroke-width:.8px}.plan-svg .sill{fill:#c4602b4d;stroke:var(--ink-2);stroke-width:.5px}.plan-svg .opening-door,.plan-svg .opening-window{fill:#c4602b0f}.plan-svg .framing-header{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1px}.framing-plan-svg rect.stud-hi{fill:var(--accent);stroke:var(--accent);stroke-width:.8px}.framing-plan-svg rect.stud-jack{fill:var(--accent-soft);stroke:var(--accent);stroke-width:.8px}.framing-plan-svg rect.stud-cripple{fill:#40404059;stroke:var(--ink-2);stroke-width:.6px;stroke-dasharray:2 2}.plan-svg .framing-legend .leader{stroke:var(--ink-3);stroke-width:.8px;stroke-dasharray:2 3;fill:none}.plan-svg .framing-legend text{font-family:Caveat,cursive;font-size:16px}.framing-plan-svg .wall-count{fill:var(--ink-3);font-family:Architects Daughter,cursive;font-size:11px;font-style:italic}.floor-framing-svg .skid{stroke:var(--ink);stroke-width:1.5px;stroke-dasharray:6 4;fill:none}.floor-framing-svg .rim-joist{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1px}.floor-framing-svg .floor-joist{fill:#4040408c;stroke:var(--ink-2);stroke-width:.5px}.floor-framing-svg .floor-frame-count{fill:var(--ink-2);font-family:Caveat,cursive;font-size:18px;font-style:italic}.roof-framing-svg .ridge{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1px}.roof-framing-svg .rafter{fill:#4040408c;stroke:var(--ink-2);stroke-width:.5px}.roof-framing-svg .rafter-overhang{fill:#40404040;stroke:var(--ink-2);stroke-width:.5px;stroke-dasharray:3 2}.roof-framing-svg .eave-line{stroke:var(--ink-3);stroke-width:.8px;stroke-dasharray:4 3;fill:none}.roof-framing-svg .birds-mouth{stroke:var(--accent);stroke-width:1px;fill:none}.roof-framing-svg .gable-stud{fill:#4040408c;stroke:var(--ink-2);stroke-width:.5px}.roof-framing-svg .roof-frame-count{fill:var(--ink-2);font-family:Caveat,cursive;font-size:18px;font-style:italic}.plan-svg .tag-clickable{cursor:pointer}.plan-svg .stud-hit{stroke:#0000;stroke-width:10px;cursor:pointer;fill:none}.plan-svg .opening-group{cursor:pointer}.plan-svg .opening-group.draggable{cursor:grab}.plan-svg .opening-group.draggable.dragging{cursor:grabbing}.plan-svg .opening-hit{fill:#0000;pointer-events:all}.plan-svg .snap-guide{stroke:var(--accent);stroke-width:1px;stroke-dasharray:2 4;opacity:.5;pointer-events:none}.sk-btn.snap-toggle.on{background:var(--accent);color:#fff;box-shadow:2px 2px 0 var(--rule)}@keyframes cross-pulse-stud{0%{stroke-width:1px}30%{stroke:var(--accent);stroke-width:4px}to{stroke:var(--accent);stroke-width:2.5px}}@keyframes cross-pulse-stud-hi{0%{stroke-width:2px}30%{stroke-width:5px;filter:drop-shadow(0 0 6px var(--accent))}to{stroke-width:3px}}@keyframes cross-pulse-opening{0%{filter:drop-shadow(0 0 #0000)}30%{filter:drop-shadow(0 0 10px var(--accent))}to{filter:drop-shadow(0 0 4px var(--accent))}}.plan-svg .stud.pulse{animation:.6s ease-out forwards cross-pulse-stud}.plan-svg .stud-hi.pulse{animation:.6s ease-out forwards cross-pulse-stud-hi}.plan-svg .opening-group.pulse{animation:.6s ease-out forwards cross-pulse-opening}.canvas-footer{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.cuts{border-collapse:collapse;width:100%;font-family:JetBrains Mono,monospace;font-size:12px}.cuts th{text-align:left;color:var(--ink-3);border-bottom:2px solid var(--rule);text-transform:uppercase;letter-spacing:.08em;padding:6px 4px;font-size:10px;font-weight:600}.cuts td{border-bottom:1px dotted var(--grid-2);vertical-align:top;padding:5px 4px}.cuts tr.cut-row{cursor:pointer}.cuts tr.cut-row:hover td{background:var(--hi)}.cuts tr.cut-row:focus{outline:none}.cuts tr.cut-row:focus-visible td{outline:2px dashed var(--accent);outline-offset:-2px}.cuts tr.cut-row.selected td{background:var(--accent-soft);border-bottom-color:var(--accent)}.cuts tr.cut-row.selected td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.cuts .qty{text-align:right;width:34px}.cuts .len{text-align:right;width:70px;color:var(--accent)}.cuts .stk{color:var(--ink-3);width:70px}.cuts .group-row td{background:var(--hi);padding:6px 8px;font-family:Caveat;font-size:18px;font-weight:700}.spec{color:var(--ink-2);border-bottom:1px dotted var(--grid-2);justify-content:space-between;gap:8px;padding:4px 0;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.spec b{color:var(--ink);font-weight:600}.spec.total{border-bottom:none;border-top:2px solid var(--rule);margin-top:6px;padding-top:8px}.buy-list-heading{color:var(--ink);margin:8px 0 4px;font-family:Caveat;font-size:18px;font-weight:700}.buy-stock{margin-bottom:8px}.buy-stock-name{color:var(--ink);background:var(--hi);border-bottom:1px dotted var(--grid-2);padding:3px 6px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.buy-line{color:var(--ink-2);border-bottom:1px dotted var(--grid-2);justify-content:space-between;gap:12px;padding:3px 6px 3px 18px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.buy-line-sku{color:var(--ink);white-space:nowrap;font-weight:600}.buy-line-roles{color:var(--ink-2);text-align:right;font-family:Architects Daughter,cursive;font-size:11px;font-style:italic}.nest-seg{stroke:var(--ink-2);stroke-width:.4px;vector-effect:non-scaling-stroke}.nest-seg-king{fill:var(--accent)}.nest-seg-jack{fill:var(--accent-soft)}.nest-seg-cripple{fill:#40404052;stroke-dasharray:2 2}.nest-seg-header{fill:var(--accent-soft);stroke:var(--accent)}.nest-seg-sill{fill:#c4602b59}.nest-seg-stud{fill:var(--hi)}.nest-seg-plate{fill:#96823c59}.nest-seg-plate-pt{fill:#6e5f2873}.nest-seg-skid{fill:#5a3c1e8c}.nest-seg-rim{fill:#78502873}.nest-seg-joist{fill:#a0825066}.nest-seg-rafter{fill:#5082aa73}.nest-seg-ridge{fill:#3250828c}.nest-seg-default{fill:#7878784d}.nest-board-bg{fill:var(--paper);stroke:var(--ink-2);stroke-width:.6px;vector-effect:non-scaling-stroke}.nest-waste{fill:#b4b4b42e;stroke:var(--ink-3);stroke-width:.4px;stroke-dasharray:2 2;vector-effect:non-scaling-stroke}.nest-waste-glyph{fill:var(--ink-3);font-family:JetBrains Mono,monospace;font-size:8px;font-style:italic}.inspector{z-index:40;width:320px;max-height:calc(100vh - 120px);animation:.18s ease-out inspector-in;position:fixed;top:96px;right:24px;overflow-y:auto;transform:rotate(-.3deg)}@keyframes inspector-in{0%{opacity:0;transform:translate(28px)rotate(-.3deg)}to{opacity:1;transform:translate(0)rotate(-.3deg)}}.inspector-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.inspector-head h3{margin:0;font-size:22px}.inspector-close{padding:2px 6px;font-size:18px;line-height:1}.inspector-mini{width:100%;height:auto;margin:6px 0 12px;display:block}.inspector-kv{grid-template-columns:max-content 1fr;gap:4px 14px;margin:0;font-family:JetBrains Mono,monospace;font-size:12px;display:grid}.inspector-kv-row{display:contents}.inspector-kv dt{color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;align-self:center;font-size:10px}.inspector-kv dd{color:var(--ink);margin:0}.inspector-why{margin:0;line-height:1.4}@media (width<=1100px){.grid-A{grid-template-columns:1fr}.inspector{width:auto;max-height:none;margin:18px 0 0;animation:none;position:static}}.cost-caveat{color:var(--ink-3);margin:6px 0 0;font-size:11px;font-style:italic;line-height:1.3;display:block}.hardware-list{margin-top:12px}.hardware-caveat{color:var(--ink-3);margin:4px 0 0 6px;font-size:11px;font-style:italic;line-height:1.3;display:block}.hardware-line .buy-line-roles{text-align:right;max-width:45%;font-size:10px;line-height:1.3}.hardware-line-cost{color:var(--ink);text-align:right;min-width:56px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.tools-list{margin-top:12px}.tools-caveat{color:var(--ink-3);margin:4px 0 0 6px;font-size:11px;font-style:italic;line-height:1.3;display:block}.tool-link{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.tool-link:hover{text-decoration-thickness:2px}.tool-why{text-align:right;max-width:60%;font-size:10px;line-height:1.3}.cost-warning{color:var(--accent);margin:4px 0 0;font-size:11px;font-weight:600;line-height:1.3;display:block}.cuts-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.cuts-actions .pdf-hint{flex-basis:100%;margin-top:4px;line-height:1.3}.print-only{display:none}.print-summary h2{margin:0 0 10px;font-family:Caveat,cursive;font-size:34px;font-weight:700;line-height:1}.print-summary dl{grid-template-columns:max-content 1fr;gap:3px 16px;margin:0;font-family:JetBrains Mono,monospace;font-size:11px;display:grid}.print-summary .summary-row{display:contents}.print-summary dt{color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase}.print-summary dd{color:var(--ink);margin:0}.saw-station{display:none}@media print{@page{size:letter portrait;margin:.6in .5in}body{background:#fff}.topbar,.panel-header,.grid-A>.sk-card.tilt-l,.grid-A>.canvas,.inspector,.cuts-actions,.stage>.anno{display:none!important}.print-only{display:block!important}.saw-station{page-break-before:always;margin-top:0;display:block}.saw-station-h{margin:0 0 4px;font-size:22px}.saw-station-sub{color:var(--ink-3);margin:0 0 14px;font-family:Architects Daughter,cursive;font-size:11px}.saw-row{page-break-inside:avoid;grid-template-columns:100px 1fr;align-items:center;gap:10px;margin-bottom:8px;display:grid}.saw-stock{color:var(--ink);border:1px solid var(--ink-2);background:#f0ece0;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.saw-bar-wrap{width:100%;height:30px;position:relative}.saw-bar{width:100%;height:30px;display:block}.saw-bar-labels{pointer-events:none;position:absolute;inset:0}.saw-bar-label{height:100%;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;justify-content:center;align-items:center;padding:0 2px;font-family:JetBrains Mono,monospace;font-size:9px;display:flex;position:absolute;top:0;overflow:hidden}.saw-bar-waste{color:var(--ink-3);font-style:italic}.stage{max-width:none;padding:0}.grid-A{gap:0;display:block}.sk-card{box-shadow:none;background:#fff;border:none;border-radius:0;padding:0;transform:none!important}.sk-card .crumb{display:none}.sk-card h3{margin-bottom:6px;font-size:22px}.sk-card h3 .pad-note{color:var(--ink-3);transform:none}.print-summary{border-bottom:1px solid var(--ink-2);margin-bottom:18px;padding-bottom:10px}.cuts{page-break-inside:auto;width:100%}.cuts tr{page-break-inside:avoid}.cuts .group-row{page-break-after:avoid;background:#f0ece0!important}.cuts tr:hover td{background:0 0!important}.cuts .len{color:var(--ink)}.spec.total{margin-top:4px}}