.csb-packaging{padding:40px 0 80px;scroll-margin-top:130px}
.csb-packaging [hidden]{display:none!important}
.csb-packaging-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);border:1px solid #d9dee4;border-radius:12px;overflow:clip;background:#fff}
.csb-packaging-visual{min-width:0;padding:24px;align-self:start;position:sticky;top:110px}
.csb-packaging-tabs{display:flex;gap:8px;justify-content:center}
.csb-packaging button,.csb-packaging input,.csb-packaging select{font:inherit;box-sizing:border-box}
.csb-packaging button{cursor:pointer}
.csb-packaging :is(button,input,select):focus-visible{outline:3px solid #426ac4;outline-offset:4px}
.csb-packaging-tabs button,.csb-packaging-actions button,.csb-packaging-visual-footer button{border:1px solid #c9ced5;border-radius:50px;color:#14161a;background:#fff;padding:11px 16px;font-size:13px;min-height:44px;line-height:1.4}
.csb-packaging-tabs button[aria-pressed=true],.csb-packaging-visual-footer button[aria-pressed=true]{background:#14161a;color:white;border-color:#14161a}
.csb-packaging-canvas{width:100%;height:auto;display:block;aspect-ratio:10/9;max-height:570px;object-fit:contain}
.csb-packaging-visual-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;color:#58616c;line-height:1.6}
.csb-packaging-visual-footer button{flex-shrink:0}
.csb-packaging-fine{font-size:11px;color:#58616c;line-height:1.7;margin-top:20px!important}
.csb-packaging-controls{background:#f3f4f6;padding:32px;display:flex;flex-direction:column;gap:20px;min-width:0}
.csb-packaging-help{font-size:13px;line-height:1.7;color:#58616c;margin-top:8px!important}
.csb-packaging-upload{display:block;position:relative;padding:18px 20px;border:1px dashed #87919f;border-radius:8px;background:#fff;color:#14161a;font-size:15px;font-weight:600;cursor:pointer}
.csb-packaging-upload>span{display:flex;justify-content:space-between}
.csb-packaging-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.csb-packaging-upload:focus-within{outline:3px solid #426ac4;outline-offset:3px}
.csb-packaging-status{font-size:12px;line-height:1.6;color:#58616c;overflow-wrap:anywhere}
.csb-packaging-status[data-error=true]{color:#a42334}
.csb-packaging-adjustments{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:18px;min-width:0}
.csb-packaging-adjustments legend{font-size:13px;font-weight:600;margin-bottom:16px}
.csb-packaging-adjustments label{font-size:13px;line-height:1.5;display:block;color:#323b48}
.csb-packaging-adjustments output{float:right}
.csb-packaging-adjustments input[type=range]{display:block;width:100%;height:30px;margin:4px 0 0;accent-color:#14161a;cursor:pointer;touch-action:pan-y}
.csb-packaging-select select{display:block;width:100%;font-size:16px;min-height:44px;margin-top:7px;border:1px solid #aeb6c1;border-radius:6px;background:#fff;color:#14161a;padding:8px 10px}
.csb-packaging-adjustments .csb-packaging-checkbox{display:flex;align-items:center;gap:10px;font-size:12px}
.csb-packaging-checkbox input{accent-color:#14161a;width:18px;height:18px;flex-shrink:0}
.csb-packaging-actions{display:flex;gap:8px;flex-wrap:wrap}
.csb-packaging button:disabled{opacity:.5;cursor:default}
.csb-packaging-loading{font-size:13px;color:#58616c;text-align:center;padding:12px}
@media(max-width:989px){.csb-packaging-grid{grid-template-columns:1fr 1fr}.csb-packaging-visual{padding:18px}.csb-packaging-controls{padding:24px}.csb-packaging-visual-footer{flex-direction:column;align-items:flex-start}}
@media(max-width:749px){.csb-packaging{padding:25px 0 55px;scroll-margin-top:110px}.csb-packaging-grid{display:block;overflow:visible}.csb-packaging-visual{position:static;padding:16px}.csb-packaging-canvas{max-height:390px}.csb-packaging-controls{padding:24px 20px;border-radius:0 0 12px 12px}.csb-packaging-visual-footer{gap:10px}.csb-packaging .csb-trade-button{width:100%}}

.csb-packaging-show{display:none}
@media(max-width:749px){.csb-packaging-show{display:block}.csb-packaging-visual{scroll-margin-top:115px}}

.csb-packaging-upload[data-disabled=true]{opacity:.55;cursor:not-allowed}
.csb-packaging-upload input:disabled{cursor:not-allowed}
.csb-packaging-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;color:#323b48}
.csb-packaging-consent input{margin-top:3px;min-width:18px;height:18px;accent-color:#14161a}

.csb-packaging-status:empty,.csb-packaging-controls [data-pkg-verification]:empty{display:none}
.csb-packaging-details{font-size:12px;line-height:1.6;color:#58616c}
.csb-packaging-details summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;color:#323b48;text-decoration:underline;text-underline-offset:3px}
.csb-packaging-details summary:focus-visible{outline:3px solid #426ac4;outline-offset:4px}
.csb-packaging-details p{margin:10px 0 0}
