.packaging-planner{grid-template-columns:1fr 1fr;align-items:start;gap:7%;padding-bottom:70px;display:grid}.packaging-planner h2{font-family:var(--display);margin-bottom:15px;font-size:30px}.packaging-inputs>p{color:var(--muted);font-size:14px}.packaging-fields{grid-template-columns:1fr 1fr;gap:20px;margin-block:25px;display:grid}.packaging-fields label{flex-direction:column;gap:8px;font-size:13px;line-height:1.8;display:flex}.packaging-fields input{background:#fffefa;border:1px solid #b7c5b0;border-radius:5px;width:100%;min-height:48px;padding:10px 12px}.packaging-fields label:last-child{grid-column:1/-1}.packaging-hint,.packaging-model-note,.packaging-status{color:var(--muted);font-size:12px;line-height:1.8}.packaging-output{background:var(--paper);border-radius:9px;min-width:0;padding:24px}.packaging-view-controls{gap:4px;display:flex}.packaging-view-controls button{background:0 0;border:0;border-radius:4px;min-height:44px;padding:10px 16px;font-size:13px}.packaging-view-controls button[aria-pressed=true]{background:var(--green);color:var(--ivory)}.packaging-scene{perspective:850px;direction:ltr;place-items:center;height:330px;display:grid;overflow:hidden}.carton-model{width:var(--box-w);height:var(--box-h);transform-style:preserve-3d;transform:rotateX(-17deg) rotateY(var(--box-turn));position:relative}.carton-face{backface-visibility:hidden;color:#304834;background:#c5ae82;border:1px solid #8d7653;place-items:center;font-size:12px;display:grid;position:absolute;overflow:hidden}.carton-face.front{width:var(--box-w);height:var(--box-h);transform:translateZ(calc(var(--box-d)/2));background:linear-gradient(105deg,#d7c39b,#c8b084)}.carton-face.back{width:var(--box-w);height:var(--box-h);transform:rotateY(180deg) translateZ(calc(var(--box-d)/2))}.carton-face.left,.carton-face.right{width:var(--box-d);height:var(--box-h);left:calc((var(--box-w) - var(--box-d))/2);background:#b69b6e}.carton-face.left{transform:rotateY(-90deg) translateZ(calc(var(--box-w)/2))}.carton-face.right{transform:rotateY(90deg) translateZ(calc(var(--box-w)/2))}.carton-face.top,.carton-face.bottom{width:var(--box-w);height:var(--box-d);top:calc((var(--box-h) - var(--box-d))/2);background:#e1cfaa}.carton-face.top{transform:rotateX(90deg) translateZ(calc(var(--box-h)/2))}.carton-face.bottom{transform:rotateX(-90deg) translateZ(calc(var(--box-h)/2))}.is-flat .carton-model{transform:none}.is-flat .carton-face:not(.front){display:none}.is-flat .carton-face.front{transform:none}.packaging-angle{align-items:center;gap:16px;margin-bottom:12px;font-size:12px;display:flex}.packaging-angle input{min-width:0;accent-color:var(--green);flex:1;min-height:44px}.packaging-results dl>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding-block:14px;font-size:13px;display:flex}.packaging-results dd{font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr}.packaging-output>.button{justify-content:center;width:100%;margin-top:22px}.packaging-output>.button:disabled{opacity:.55}.packaging-status{min-height:22px;margin-top:10px}@media (width<=767px){.packaging-planner{grid-template-columns:1fr;gap:30px}.packaging-output{padding:18px}.packaging-scene{height:300px}.packaging-results dl>div{font-size:12px}}@media (forced-colors:active){.carton-face{border:2px solid canvastext}.packaging-output{border:1px solid canvastext}}