*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--steel: #37474d;--steel-dark: #26333a;--steel-line: #7c8b92;--pine: #d9b98a;--pine-dark: #b8946a;--pine-deep: #1f4d47;--cream: #f6f1e4;--cream-deep: #ece4d2;--marker: #e2632a;--marker-ink: #c14d18;--pencil: #2b3238;--pencil-soft: #5d6a72;--paper: #fffdf7;--shadow: 0 1px 0 rgba(38, 51, 58, .18), 0 8px 20px -14px rgba(38, 51, 58, .55);--radius: 4px;--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--font-title: "Arial Narrow", "Helvetica Neue Condensed", "Liberation Sans Narrow", "Roboto Condensed", system-ui, sans-serif;font-family:var(--font-body);color-scheme:light dark;color:var(--pencil)}body{min-height:100dvh;background-color:var(--pine);background-image:repeating-linear-gradient(90deg,rgba(120,84,46,.07) 0 2px,transparent 2px 7px),repeating-linear-gradient(3deg,rgba(120,84,46,.05) 0 14px,transparent 14px 40px);color:var(--pencil)}h1,h2,h3{font-family:var(--font-title);font-stretch:condensed;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.1}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.shop{min-height:100dvh;padding-bottom:3rem}.topbar{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:baseline;justify-content:space-between;padding:.7rem clamp(.75rem,3vw,2rem);background:linear-gradient(var(--steel),var(--steel-dark));border-bottom:3px solid var(--steel-dark);box-shadow:0 6px 14px -10px #000000b3;color:var(--cream)}.topbar__brand{display:flex;flex-wrap:wrap;gap:0 .6rem;align-items:baseline;font-family:var(--font-title);font-stretch:condensed;font-weight:700;font-size:clamp(1.35rem,4vw,1.75rem);letter-spacing:.08em;text-transform:uppercase}.topbar__sub{font-family:var(--font-body);font-size:.72rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--pine)}.topbar__nav{display:flex;gap:.4rem}.topbar__nav a{padding:.3rem .8rem;border:1px solid var(--steel-line);border-radius:var(--radius);color:var(--cream);font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.topbar__nav a:hover{border-color:var(--pine)}.topbar__nav a.active{background-color:var(--marker);border-color:var(--marker-ink);color:#fff}.board{max-width:76rem;margin-inline:auto;padding:clamp(.75rem,2.5vw,1.5rem);display:flex;flex-direction:column;gap:1rem}.projectbar{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:end;justify-content:space-between;padding:.65rem .8rem;background-color:var(--steel);border:1px solid var(--steel-dark);border-radius:var(--radius);color:var(--cream)}.projectbar__picker{display:flex;flex-direction:column;gap:.2rem;min-width:min(100%,18rem)}.projectbar__pickerLabel{font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--pine)}.projectbar select{width:100%;padding:.4rem .5rem;background-color:var(--paper);border:1px solid var(--steel-dark);border-radius:var(--radius);color:var(--pencil);font-family:var(--font-title);font-stretch:condensed;font-size:1.05rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.projectbar__actions{display:flex;flex-wrap:wrap;gap:.4rem}.btn{padding:.4rem .85rem;background-color:var(--cream);border:1px solid var(--steel-dark);border-radius:var(--radius);box-shadow:inset 0 -2px #26333a24;color:var(--pencil);cursor:pointer;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.btn:hover{background-color:#fff}.btn:active{box-shadow:inset 0 2px #26333a2e}.btn--marker{background-color:var(--marker);border-color:var(--marker-ink);color:#fff}.btn--marker:hover{background-color:#ef7038}.btn--quiet{background-color:transparent;border-color:var(--steel-line);color:var(--cream)}.btn--quiet:hover{background-color:#f6f1e424}.iconbtn{min-width:1.9rem;padding:.15rem .35rem;background-color:transparent;border:1px solid rgba(38,51,58,.25);border-radius:var(--radius);color:var(--pencil-soft);cursor:pointer;font-size:.9rem;line-height:1.4}.iconbtn:hover{border-color:var(--marker);color:var(--marker-ink)}.iconbtn--remove:hover{border-color:#b23b1e;color:#b23b1e}:where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--marker);outline-offset:1px}.totals{position:sticky;top:3.6rem;z-index:10;padding:.75rem .9rem;background-color:var(--steel-dark);background-image:linear-gradient(rgba(255,255,255,.06),transparent 60%);border:1px solid #162126;border-radius:var(--radius);box-shadow:var(--shadow);color:var(--cream)}.totals__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.5rem 1rem}.totals__item{padding-left:.7rem;border-left:3px solid var(--steel-line)}.totals__item--lead{border-left-color:var(--marker)}.totals__item dt{font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--pine)}.totals__item dd{font-family:var(--font-title);font-stretch:condensed;font-size:clamp(1.5rem,5vw,2.1rem);font-weight:700;line-height:1.05;letter-spacing:.01em}.totals__item--lead dd{color:#ffb27a}.totals__unit{font-size:.9rem;letter-spacing:.06em}.totals__note{font-size:.74rem;color:#c3cdd2}.totals__flag{margin-top:.6rem;padding:.35rem .55rem;background-color:#e2632a29;border-left:3px solid var(--marker);border-radius:2px;font-size:.78rem;color:#ffd7bd}.cards{display:flex;flex-direction:column;gap:1rem}.card{position:relative;padding:.9rem clamp(.7rem,2vw,1.2rem) 1.1rem;background-color:var(--paper);background-image:linear-gradient(var(--cream-deep) 0 1.6rem,transparent 1.6rem);border:1px solid rgba(38,51,58,.28);border-radius:var(--radius);box-shadow:var(--shadow)}.card__head{display:flex;flex-wrap:wrap;gap:.2rem .8rem;align-items:baseline;justify-content:space-between;margin-bottom:.8rem;padding-bottom:.45rem;border-bottom:2px solid var(--steel)}.card__label{padding:.15rem .7rem;background-color:var(--pine);border:1px solid var(--pine-dark);border-radius:2px;box-shadow:1px 1px #26333a33;color:var(--steel-dark);font-size:clamp(.95rem,3vw,1.1rem)}.card__hint{font-size:.78rem;color:var(--pencil-soft)}.card__empty{padding:.9rem;background-color:var(--cream);border:1px dashed var(--steel-line);border-radius:var(--radius);font-size:.9rem;color:var(--pencil-soft)}.card__foot{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.9rem}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.7rem .9rem}.field{display:flex;flex-direction:column;gap:.25rem}.field--wide{grid-column:1 / -1}.field__label{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pencil-soft)}.field__input{width:100%;padding:.4rem .5rem;background-color:var(--cream);border:1px solid rgba(38,51,58,.3);border-radius:2px;color:var(--pencil);font-size:.95rem}.field__input:focus{background-color:#fff}.field__input--title{font-family:var(--font-title);font-stretch:condensed;font-size:clamp(1.2rem,4vw,1.6rem);font-weight:700;letter-spacing:.03em;text-transform:uppercase}.field__input--notes{resize:vertical;font-size:.9rem;line-height:1.5}::placeholder{color:#9aa4ab}.tablewrap{overflow-x:auto}.parts{width:100%;border-collapse:collapse;font-size:.9rem}.parts th{padding:.3rem .4rem;border-bottom:1px solid var(--steel);font-family:var(--font-title);font-stretch:condensed;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-align:left;text-transform:uppercase;color:var(--steel);white-space:nowrap}.parts td{padding:.2rem .25rem;border-bottom:1px solid rgba(38,51,58,.12);vertical-align:middle}.parts tbody tr:nth-child(2n){background-color:#d9b98a24}.parts__row--draft .cell--name{border-left:3px solid var(--marker)}.parts__num{text-align:right}.parts__bf{font-family:var(--font-title);font-stretch:condensed;font-size:1rem;font-weight:700;white-space:nowrap}.parts__rowActions{display:flex;gap:.2rem;justify-content:flex-end}.cell{width:100%;min-width:4.2rem;padding:.32rem .4rem;background-color:transparent;border:1px solid transparent;border-radius:2px;color:var(--pencil);font-size:.9rem}.cell:hover{border-color:#26333a33}.cell:focus{background-color:#fff;border-color:var(--marker)}.cell--name{min-width:8rem;font-weight:600}.cell--qty{min-width:3.4rem;text-align:right}.cell--dim{min-width:4.5rem;font-variant-numeric:tabular-nums}.bins{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.7rem;list-style:none;padding:0}.bin{padding:.6rem .7rem;background-color:var(--cream);border:1px solid rgba(38,51,58,.25);border-left:6px solid var(--pine-deep);border-radius:2px}.bin__tag{display:flex;flex-wrap:wrap;gap:0 .5rem;align-items:baseline;justify-content:space-between;margin-bottom:.45rem;padding-bottom:.3rem;border-bottom:1px dashed rgba(38,51,58,.3)}.bin__material{font-family:var(--font-title);font-stretch:condensed;font-size:1.05rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.bin__size{font-size:.82rem;font-variant-numeric:tabular-nums;color:var(--pencil-soft)}.bin__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(4.4rem,1fr));gap:.4rem}.bin__stats dt{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pencil-soft)}.bin__stats dd{font-family:var(--font-title);font-stretch:condensed;font-size:1.15rem;font-weight:700}.plan{display:flex;flex-direction:column;gap:1rem}.plan__label{margin-bottom:.4rem;font-size:.95rem;color:var(--steel)}.plan__boards{display:flex;flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none}.cutboard{display:grid;grid-template-columns:2.2rem 1fr;gap:.2rem .5rem;align-items:center}.cutboard__index{font-family:var(--font-title);font-stretch:condensed;font-weight:700;color:var(--pencil-soft)}.cutboard__bar{display:flex;overflow:hidden;min-height:1.8rem;background-color:var(--cream);border:1px solid var(--pine-dark);border-radius:2px}.cutboard__piece,.cutboard__offcut{display:grid;place-items:center;min-width:0;padding:.15rem .2rem;font-size:.72rem;font-variant-numeric:tabular-nums;overflow:hidden;white-space:nowrap}.cutboard__piece{background-color:var(--pine);border-right:2px solid var(--steel-dark);color:var(--steel-dark);font-weight:600}.cutboard__offcut{background-image:repeating-linear-gradient(45deg,rgba(38,51,58,.1) 0 4px,transparent 4px 8px);color:var(--pencil-soft)}.cutboard__names{grid-column:2;font-size:.76rem;color:var(--pencil-soft)}.plan__warning{margin-top:.4rem;padding:.35rem .5rem;background-color:#e2632a1f;border-left:3px solid var(--marker);font-size:.8rem;color:var(--marker-ink)}.projectbar--summary{align-items:center}.sheet{padding:clamp(1rem,4vw,2.5rem);background-color:var(--paper);border:1px solid rgba(38,51,58,.28);border-radius:var(--radius);box-shadow:var(--shadow)}.sheet__head{margin-bottom:1.2rem;padding-bottom:.8rem;border-bottom:3px solid var(--steel)}.sheet__stamp{display:inline-block;padding:.1rem .55rem;border:2px solid var(--marker);border-radius:2px;color:var(--marker-ink);font-family:var(--font-title);font-stretch:condensed;font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;transform:rotate(-1.5deg)}.sheet__title{margin-top:.5rem;font-size:clamp(1.8rem,7vw,3rem)}.sheet__meta{font-size:.9rem;color:var(--pencil-soft)}.sheet__totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.6rem 1rem;margin-bottom:1.4rem;padding:.7rem .8rem;background-color:var(--cream);border:1px solid rgba(38,51,58,.2);border-radius:2px}.sheet__totalLabel{display:block;font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pencil-soft)}.sheet__totals strong{font-family:var(--font-title);font-stretch:condensed;font-size:1.6rem;font-weight:700}.sheet__section{margin:1.4rem 0 .5rem;padding-bottom:.2rem;border-bottom:1px solid var(--steel-line);font-size:1rem;color:var(--steel)}.sheet__table{width:100%;border-collapse:collapse;font-size:.9rem}.sheet__table th{padding:.3rem .4rem;border-bottom:1px solid var(--steel);font-family:var(--font-title);font-stretch:condensed;font-size:.78rem;letter-spacing:.1em;text-align:left;text-transform:uppercase;color:var(--steel)}.sheet__table td{padding:.3rem .4rem;border-bottom:1px solid rgba(38,51,58,.12);font-variant-numeric:tabular-nums}.sheet__plan{margin-bottom:.8rem}.sheet__planLabel{font-size:.9rem;color:var(--steel)}.sheet__plan ol{margin:.2rem 0 0;padding-left:1.3rem;font-size:.88rem}.sheet__notes{white-space:pre-wrap;font-size:.92rem}.page{max-width:80ch;margin-inline:auto;padding:2rem;color:var(--pencil)}.page h1{font-size:clamp(2rem,8vw,3rem)}@media(max-width:45rem){.totals{top:4.6rem}.parts thead{display:none}.parts,.parts tbody,.parts tr,.parts td{display:block;width:100%}.parts tr{margin-bottom:.7rem;padding:.4rem .5rem;background-color:var(--cream);border:1px solid rgba(38,51,58,.22);border-radius:2px}.parts td{display:grid;grid-template-columns:8rem 1fr;gap:.5rem;align-items:center;border-bottom:none}.parts td:before{content:attr(data-label);font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pencil-soft)}.parts__num,.parts__bf{text-align:left}.parts__rowActions{justify-content:flex-start}}@media(prefers-color-scheme:dark){:root{--cream: #2c3439;--cream-deep: #232a2f;--paper: #222a2f;--pencil: #e7e2d4;--pencil-soft: #a3aeb4;--pine: #c2a276;--pine-dark: #8d7048;--steel: #2b3a41;--steel-dark: #1b2528}body{background-color:#1a2226;background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.18) 0 2px,transparent 2px 7px)}.card,.sheet{border-color:#e7e2d42e}.parts tbody tr:nth-child(2n){background-color:#c2a27617}.btn{background-color:#364046;color:var(--pencil)}.btn:hover{background-color:#414d54}.btn--marker{background-color:var(--marker);color:#fff}.cutboard__piece{color:#1b2528}}@media print{body{background:#fff}.no-print{display:none!important}.sheet{border:none;box-shadow:none;padding:0}}