.pb{--pb-wood:#e9dcc3;--pb-wood-side:#d9c8a6;--pb-face:rgba(var(--ink-rgb), .045);--pb-face-2:rgba(var(--ink-rgb), .09)}@media (prefers-color-scheme:dark){.pb{--pb-wood:#4a3f2e;--pb-wood-side:#3b3224;--pb-face:#ffffff0d;--pb-face-2:#ffffff1a}}.pb-layout{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:32px clamp(28px,4.5vw,72px);display:grid}.pb-layout>*{min-width:0}.pb-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.pb-units{align-items:center;gap:2px;font-size:12.5px;display:inline-flex}.pb-unit-sep{color:var(--ink-3);padding:0 4px}.pb button.pb-unit{min-height:0;font:inherit;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;border-radius:0;padding:2px 5px;font-size:12.5px;transition:color .15s,border-color .15s}.pb button.pb-unit:hover{color:var(--ink)}.pb button.pb-unit.is-on{color:var(--ink);border-bottom-color:var(--ink)}.pb-lines{border-top:var(--k) solid var(--rule-2);margin:0;padding:0;list-style:none}.pb-line{border-bottom:var(--k) solid var(--rule);gap:8px;padding:12px 0;display:grid}.pb-line.has-warning{box-shadow:inset 1px 0 0 var(--tf-alert);margin-left:-12px;padding-left:12px}.pb-line-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.pb input.pb-name{font:inherit;color:var(--ink);border:0;border-bottom:var(--k) solid transparent;background:0 0;border-radius:0;width:100%;min-width:0;min-height:0;padding:2px 0;font-size:14.5px;font-weight:500;transition:border-color .15s}.pb input.pb-name:hover{border-bottom-color:var(--rule-2)}.pb input.pb-name:focus{border-bottom-color:var(--ink);outline:none}.pb .pb-remove{color:var(--ink-3);flex:none;padding:2px 6px;font-size:18px;line-height:1;text-decoration:none}.pb .pb-remove:hover{color:var(--ink)}.pb-fields{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.pb-group{align-items:center;gap:6px;display:inline-flex}.pb-x{color:var(--ink-3);font-size:13px}.pb .stp-len{width:86px}.pb .stp-len:has(.stp-unit){width:104px}.pb .stp-wt{width:112px}.pb .stp-qty{width:148px}.pb .stp-load{width:128px}.pb .stp-cap{width:108px}.pb .tf-warning{margin:0}.pb-paste{gap:8px;margin-top:12px;display:grid}.pb-paste label{gap:6px;display:grid}.pb-paste textarea{font:inherit;font-variant-numeric:tabular-nums;color:var(--ink);border:var(--k) solid var(--rule-2);resize:vertical;background:0 0;border-radius:0;min-height:84px;padding:8px 10px;font-size:13.5px}.pb-paste textarea:focus{border-color:var(--ink);outline:none}.pb-paste .tf-actions{margin-top:0}.pb-paste>.tf-mini{white-space:normal;line-height:1.5}.pb-picker{gap:6px;max-width:100%;display:grid;overflow-x:auto}.pb-picker table{border-collapse:collapse;font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:13px}.pb-picker th{text-align:left;padding:0 6px 6px 0;font-weight:400}.pb-picker th select{font:inherit;color:var(--ink);border:var(--k) solid var(--rule-2);cursor:pointer;background:0 0;border-radius:0;height:28px;min-height:0;padding:3px 6px;font-size:12.5px}.pb-picker th select:focus{border-color:var(--ink);outline:none}.pb-picker td{border-top:var(--k) solid var(--rule);white-space:nowrap;text-overflow:ellipsis;max-width:16ch;padding:4px 14px 4px 0;overflow:hidden}.pb-picker tr.is-header td{color:var(--ink-3);font-style:italic}.pb-picker td.is-skip{color:var(--ink-3);text-decoration:line-through;text-decoration-color:var(--rule-2)}.pb-source{margin:-2px 0 0}.pb-caps{flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:6px;display:flex}.pb button.pb-chip{border:var(--k) solid var(--rule-2);height:30px;min-height:0;font:inherit;font-variant-numeric:tabular-nums;color:var(--ink-2);cursor:pointer;background:0 0;border-radius:0;padding:0 10px;font-size:13.5px;transition:border-color .15s,color .15s,background .15s}.pb button.pb-chip:hover{border-color:var(--ink-2);color:var(--ink)}.pb button.pb-chip.is-on{border-color:var(--ink);background:var(--ink);color:var(--page)}.pb-pallet-fields,.pb-limits{padding-top:2px}.pb .tf-controls>.tf-hint{margin:0}.pb-answer{flex-direction:column;gap:16px;display:flex}.pb-headline{flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0;display:flex}.pb-headline .tf-figure.is-accent{color:var(--orange)}.pb-headsub{max-width:60ch;margin:-6px 0 4px}.pb-results{border-top:var(--k) solid var(--rule-2);margin:0;padding:0;list-style:none}.pb-result{border-bottom:var(--k) solid var(--rule);gap:12px;padding:18px 0 20px;display:grid}.pb-result-head{flex-wrap:wrap;align-items:baseline;gap:4px 14px;display:flex}.pb-result-head h3{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:500}.pb-result-body{grid-template-columns:minmax(0,260px) minmax(0,1fr);grid-template-areas:"draw math""row row";align-items:start;gap:12px 24px;display:grid}.pb-draw{grid-area:draw}.pb-math{font-variant-numeric:tabular-nums;flex-direction:column;grid-area:math;gap:10px;display:flex}.pb-math p{gap:2px;margin:0;display:grid}.pb-math p b{color:var(--ink);letter-spacing:-.01em;font-size:16px;font-weight:500}.pb-math p span{color:var(--ink-2);text-wrap:pretty;font-size:13.5px;line-height:1.45}.pb-rowwrap{-webkit-overflow-scrolling:touch;grid-area:row;overflow-x:auto}.pb-result-warn{margin:0}.pb-iso{width:100%;max-width:300px;height:auto;font-family:var(--font);display:block;overflow:visible}.pb-row{width:auto;max-width:100%;height:54px;font-family:var(--font);display:block}.pb-plan{display:block}.pb polygon{stroke:var(--ink);stroke-width:.9px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.pb .pb-carton .pb-top{fill:var(--paper)}.pb .pb-carton .pb-right{fill:var(--pb-face-2)}.pb .pb-carton .pb-front{fill:var(--pb-face)}.pb .pb-carton.is-marked polygon{stroke:var(--orange)}.pb .pb-wood .pb-top{fill:var(--pb-wood)}.pb .pb-wood .pb-right,.pb .pb-wood .pb-front{fill:var(--pb-wood-side)}.pb .pb-board{stroke:rgba(var(--ink-rgb), .35);stroke-width:.7px;vector-effect:non-scaling-stroke}.pb .pb-slot{fill:rgba(var(--ink-rgb), .22);stroke:none}.pb .pb-block .pb-top{fill:var(--paper)}.pb .pb-block .pb-right{fill:var(--pb-face-2)}.pb .pb-block .pb-front{fill:var(--pb-face)}.pb .pb-mini.is-part .pb-block polygon{stroke-dasharray:3 2}.pb .pb-cap polyline{fill:none;stroke:var(--blue);stroke-width:1px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.pb .pb-cap text{fill:var(--blue);letter-spacing:-.01em;font-weight:500}.pb .pb-dim line{stroke:var(--orange);stroke-width:1.1px;vector-effect:non-scaling-stroke}.pb .pb-dim text{fill:var(--orange);letter-spacing:-.01em;font-weight:500}.pb .pb-dim.is-over line,.pb .pb-dim.is-over text{stroke:var(--tf-alert);fill:var(--tf-alert)}.pb .pb-dim.is-over text{stroke:none}.pb .pb-more{fill:var(--ink-2);font-weight:500}.pb .pb-plan-pallet{fill:rgba(var(--ink-rgb), .04);stroke:var(--ink-2);stroke-width:1px;vector-effect:non-scaling-stroke}.pb .pb-plan-carton{fill:var(--paper);stroke:var(--ink);stroke-width:1px;vector-effect:non-scaling-stroke}.pb-alts{flex-wrap:wrap;align-items:flex-end;gap:6px 12px;margin-top:2px;display:flex}.pb button.pb-alt{min-height:0;font:inherit;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:0;justify-items:start;gap:3px;padding:0;font-size:12.5px;display:grid}.pb button.pb-alt:hover{color:var(--ink)}.pb button.pb-alt:hover .pb-plan-carton{stroke:var(--orange)}.pb button.pb-alt.is-better span{color:var(--ink)}.pb button.pb-alt.is-reset{text-decoration:underline;text-decoration-color:var(--rule-2);text-underline-offset:.2em;align-self:center}.pb-totals{grid-template-columns:repeat(4,minmax(0,1fr))}.pb-totals .tf-of{white-space:nowrap}.pb-handoff{gap:6px;margin:4px 0 0;display:grid}.pb-handoff .more{font-size:16px}.pb-answer>.tf-disclaimer{margin:0}@media (width<=1100px){.pb-totals{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=960px){.pb-layout{grid-template-columns:minmax(0,1fr)}.pb-inputs{order:1}.pb-answer{order:2}.pb .tf-footer{order:3;grid-column:auto;margin-top:16px}}@media (width<=640px){.pb-result-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"draw""math""row"}.pb-iso{max-width:280px;margin:0 auto}.pb-totals{grid-template-columns:1fr}.pb .stp-len{width:80px}.pb .stp-len:has(.stp-unit){width:98px}.pb .stp-qty{width:140px}.pb-line.has-warning{margin-left:-10px;padding-left:10px}}.pb-fig{text-align:left;margin:2.4em 0;padding:0}.pb-fig .pb-row{margin:0}.pb-fig-body{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.pb-fig .pb-rowwrap{width:100%}.pb-pair{flex-wrap:wrap;align-items:flex-end;gap:20px 40px;display:flex}.pb-pair-item{flex-direction:column;align-items:flex-start;gap:8px;max-width:100%;display:flex}.pb-pair-label{font-size:14px}
