.packing-hero{padding:22px 0 32px;position:relative}.packing-hero h1{letter-spacing:-.045em;color:var(--oem-ink);margin:14px 0 20px;font-size:clamp(36px,4vw,56px);line-height:1.08}.packing-hero>p:last-of-type{color:var(--oem-muted);margin:0;font-size:16px;line-height:1.8}.packing-hero>span{color:var(--oem-muted);font-size:12px;position:absolute;bottom:37px;right:0}.packing-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:26px;display:grid}.packing-form{border:1px solid var(--oem-line);background:#fff;border-radius:14px;min-width:0;overflow:hidden}.packing-toolbar{border-bottom:1px solid var(--oem-line);justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;display:flex}.packing-toolbar strong{letter-spacing:.13em;color:var(--oem-muted);font-size:10px}.packing-toolbar button{min-height:44px;color:var(--oem-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:12px;display:flex}.packing-section{border-bottom:1px solid var(--oem-line);padding:25px 24px}.packing-section:last-child{border:0}.packing-section h2{letter-spacing:-.025em;color:var(--oem-ink);margin:0 0 21px;font-size:19px;font-weight:600;line-height:1.4}.packing-help{color:var(--oem-muted);overflow-wrap:anywhere;font-size:12px;line-height:1.8}.packing-field{min-width:0;margin:15px 0}.packing-field>label,.packing-text{color:var(--oem-ink);font-size:12px;font-weight:600;line-height:1.55;display:block}.packing-number{margin-top:7px;position:relative}.packing-number input{box-sizing:border-box;width:100%;min-width:0;min-height:46px;color:var(--oem-ink);background:#fafcf9;border:1px solid #bdcfc2;border-radius:6px;padding:12px 42px 12px 12px;font-family:inherit;font-size:16px}.packing-number>span{color:var(--oem-muted);pointer-events:none;font-size:11px;position:absolute;top:14px;right:10px}.packing-text{margin:17px 0}.packing-text input,.packing-text select,.packing-text textarea{box-sizing:border-box;width:100%;max-width:100%;min-height:46px;color:var(--oem-ink);background:#fafcf9;border:1px solid #bdcfc2;border-radius:6px;margin-top:7px;padding:12px;font-family:inherit;font-size:16px;font-weight:400;display:block}.packing-text textarea{resize:vertical;line-height:1.7}.packing-dimensions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.packing-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.packing-optional{border-top:1px solid var(--oem-line);margin-top:20px}.packing-optional summary{min-height:44px;color:var(--oem-green);cursor:pointer;padding:14px 0;font-size:12px}.packing-sku{border:1px solid var(--oem-line);border-radius:8px;min-width:0;margin:23px 0 18px;padding:4px 16px 16px}.packing-sku legend{color:var(--oem-ink);padding:0 7px;font-size:12px;font-weight:650}.packing-add,.packing-remove{min-height:44px;color:var(--oem-green);cursor:pointer;background:#fff;border:1px solid #bdcfc2;border-radius:6px;align-items:center;gap:7px;padding:8px 12px;font-family:inherit;font-size:12px;display:flex}.packing-remove{color:#7b5143;border-color:#0000;margin-top:10px}.packing-calculate{background:var(--oem-green);color:#fff;cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:50px;margin-top:24px;font-family:inherit;font-size:14px;display:flex}.packing-calculate:hover{background:#174a31}.packing-page :is(button,input,select,textarea,summary):focus-visible{outline-offset:3px;outline:3px solid #45895e}.packing-page [aria-invalid=true]{border-color:#a74732}.packing-error{color:#9a3928;margin:6px 0;font-size:12px;line-height:1.7;display:block}.packing-alert{color:#873a27;background:#fff6ef;border:1px solid #e5c7b7;border-radius:7px;margin-top:20px;padding:16px;font-size:12px;line-height:1.7}.packing-alert ul{margin-bottom:0;padding-left:18px}.packing-result{background:#edf3ec;border:1px solid #d2dfd3;border-radius:14px;min-width:0;padding:28px;scroll-margin-top:145px;position:sticky;top:135px}.packing-result>h2{letter-spacing:-.04em;color:var(--oem-ink);margin:0 0 15px;font-size:29px;font-weight:550;line-height:1.2}.packing-empty{color:var(--oem-muted);padding:30px 0;font-size:14px;line-height:1.9}.packing-empty>svg{color:#7e9c8b;margin-bottom:14px}.packing-empty ol{padding-left:20px}.packing-empty li{padding:8px 0}.packing-empty>p:last-child{border-top:1px solid #d0dcd0;padding-top:20px;font-size:12px}.packing-status{color:#205b3c;border-bottom:1px solid #d0dcd0;padding-bottom:12px;font-size:11px;line-height:1.8}.packing-status.geometry{color:#825f28}.packing-big-number{border-bottom:1px solid #d0dcd0;flex-wrap:wrap;align-items:baseline;gap:15px;padding:18px 0 23px;display:flex}.packing-big-number strong{letter-spacing:-.05em;color:var(--oem-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:48px;font-weight:500}.packing-big-number span{color:var(--oem-muted);font-size:12px;line-height:1.7}.packing-metrics{margin:0}.packing-metrics>div{border-bottom:1px solid #d0dcd0;justify-content:space-between;gap:18px;padding:14px 0;font-size:12px;line-height:1.6;display:flex}.packing-metrics dt{color:var(--oem-muted)}.packing-metrics dd{text-align:right;color:var(--oem-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-weight:600}.packing-legend{padding:16px 0}.packing-legend>div{grid-template-columns:12px minmax(0,1fr);align-items:center;gap:6px 9px;padding:9px 0;display:grid}.packing-legend span{border-radius:2px;width:10px;height:10px}.packing-legend strong{overflow-wrap:anywhere;color:var(--oem-ink);font-size:12px}.packing-legend small{color:var(--oem-muted);grid-column:2;font-size:11px}.packing-method{max-width:920px;padding:70px 0 45px}.packing-method h2{letter-spacing:-.035em;color:var(--oem-ink);font-size:32px;font-weight:550;line-height:1.2}.packing-method p{color:var(--oem-muted);font-size:14px;line-height:1.9}.packing-method a{color:var(--oem-green);align-items:center;gap:8px;margin-top:14px;font-size:13px;display:inline-flex}.packing-scene{min-width:0;margin:20px 0 8px}.packing-scene svg{width:100%;height:auto;display:block;overflow:visible}.packing-scene figcaption{color:#53685b;margin:8px 0;font-size:11px;line-height:1.7}.packing-view-controls{grid-template-columns:1fr 1fr;gap:10px 12px;margin:12px 0;display:grid}.packing-view-controls label{color:#53685b;min-width:0;font-size:10px;line-height:1.6}.packing-view-controls label:first-child{grid-column:1/-1}.packing-view-controls input[type=range]{accent-color:#237247;width:100%;min-height:36px;display:block}.packing-view-controls select{width:100%;min-height:44px;font:inherit;color:#183a28;background:#fff;border:1px solid #c4d3c8;border-radius:5px;padding:8px;font-size:12px;display:block}@media print{.company-document-figure{break-inside:avoid}.company-document-figure .packing-scene{margin:0 0 7mm}.company-document-figure svg{width:100%;max-height:85mm}.company-document-figure figcaption{font:8pt/1.5 Arial,sans-serif}}.packing-scene-legend{flex-wrap:wrap;gap:6px 15px;font-size:10px;line-height:1.7;display:flex}.packing-scene-legend span{overflow-wrap:anywhere}.packing-scene-legend i{width:9px;height:9px;margin-right:5px;display:inline-block}@media (width<=1050px){.packing-workspace{grid-template-columns:minmax(0,1fr)}.packing-result{scroll-margin-top:110px;position:static}.packing-scene svg{max-height:420px}}@media (width<=600px){.packing-hero>span{margin-top:16px;display:block;position:static}.packing-hero h1{font-size:36px}.packing-section{padding:22px 18px}.packing-toolbar{padding:10px 18px}.packing-dimensions,.packing-pair{grid-template-columns:minmax(0,1fr);gap:0}.packing-result{padding:24px 18px}.packing-result>h2{font-size:27px}.packing-field>label,.packing-help,.packing-text,.packing-add,.packing-remove,.packing-view-controls label,.packing-view-controls select{font-size:14px}.packing-metrics>div{flex-wrap:wrap}.packing-metrics dd{max-width:100%}.packing-sku{padding:4px 12px 14px}.packing-workspace{gap:20px}}
