.packaging-model-picker{padding-top:72px;padding-bottom:28px}.packaging-model-picker-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px;display:flex}.packaging-model-picker-head h2{font:800 clamp(30px,4vw,48px)/1.05 var(--font-display);letter-spacing:-.045em;margin:10px 0}.packaging-model-picker-head p{color:#6d6f79;max-width:660px;font-size:11px;line-height:1.7}.packaging-model-picker-head>div:last-child{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:13px 15px;display:flex}.packaging-model-picker-head>div:last-child svg{width:23px;color:var(--blue)}.packaging-model-picker-head strong,.packaging-model-picker-head small{display:block}.packaging-model-picker-head strong{font-size:9px}.packaging-model-picker-head small{color:#81838d;margin-top:3px;font-size:7px}.packaging-template-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.packaging-template-card{min-width:0;color:var(--ink);background:#fff;border:1px solid #dfe0e5;border-radius:13px;padding:11px;transition:all .2s}.packaging-template-card.available{border-color:#9d88ff;box-shadow:0 10px 28px #5237be1a}.packaging-template-card.available:hover{transform:translateY(-3px);box-shadow:0 16px 38px #5237be29}.packaging-template-card.coming-soon{opacity:.72}.packaging-template-preview{background:#f4f4f6;border-radius:9px;height:125px;position:relative;overflow:hidden}.packaging-template-preview svg{width:100%;height:100%}.packaging-template-preview>span{letter-spacing:.08em;background:#fff;border-radius:5px;padding:4px 6px;font-size:5px;font-weight:900;position:absolute;top:7px;right:7px}.packaging-template-card.available .packaging-template-preview>span{color:#fff;background:#7d49f6}.template-cut{fill:none;stroke:#ff817b;stroke-width:.75px}.template-fold{fill:none;stroke:#8695ff;stroke-width:.55px;stroke-dasharray:2 2}.template-box{fill:#b88951;stroke:#7b5a35;stroke-width:.55px;opacity:.94}.packaging-template-card>small{color:#777a86;text-transform:uppercase;letter-spacing:.08em;margin-top:11px;font-size:6px;display:block}.packaging-template-card h3{font:800 13px/1.2 var(--font-display);margin:6px 0}.packaging-template-card p{color:#777984;min-height:37px;font-size:7px;line-height:1.55}.packaging-template-card>strong{color:var(--blue);align-items:center;gap:6px;margin-top:9px;font-size:7px;display:flex}.packaging-template-card>strong svg{width:13px}.packaging-editor-shell{color:#20222a;background:#d7d8da;height:100dvh;min-height:650px;overflow:hidden}.packaging-editor-topbar{z-index:20;background:#fff;border-bottom:1px solid #d9dade;grid-template-columns:230px 1fr auto;align-items:center;gap:18px;height:62px;padding:0 14px;display:grid;position:relative}.packaging-editor-brand,.packaging-editor-model,.packaging-editor-top-actions{align-items:center;display:flex}.packaging-editor-brand{gap:9px}.packaging-editor-brand>span{color:#fff;width:32px;height:32px;font:900 17px var(--font-display);background:#7148ee;border-radius:9px;place-items:center;display:grid}.packaging-editor-brand strong,.packaging-editor-brand small,.packaging-editor-model strong,.packaging-editor-model small{display:block}.packaging-editor-brand strong{font:800 11px var(--font-display)}.packaging-editor-brand small{letter-spacing:.13em;color:#868994;font-size:5px}.packaging-editor-model{justify-content:center;gap:9px}.packaging-editor-model>svg{color:#7148ee;width:20px}.packaging-editor-model strong{font-size:10px}.packaging-editor-model small{color:#8a8c95;letter-spacing:.1em;font-size:5px}.packaging-editor-model>span{color:#287349;background:#eff9f3;border-radius:6px;margin-left:8px;padding:5px 7px;font-size:5px;font-weight:900}.packaging-editor-model>span i{background:#35a667;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.packaging-editor-top-actions{justify-content:flex-end;gap:6px}.packaging-editor-top-actions button,.packaging-editor-top-actions a{background:#fff;border:1px solid #dddfe4;border-radius:7px;align-items:center;gap:5px;height:34px;padding:0 10px;font-size:7px;font-weight:800;display:flex}.packaging-editor-top-actions a{color:#fff;background:#7148ee;border-color:#7148ee}.packaging-editor-top-actions svg{width:13px}.packaging-editor-body{grid-template-columns:66px 290px minmax(0,1fr);height:calc(100dvh - 62px);min-height:588px;display:grid;overflow:hidden}.packaging-editor-rail{z-index:12;background:#fff;border-right:1px solid #d9dade;padding:8px 6px;position:relative}.packaging-editor-rail button{color:#686b76;background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;min-height:58px;font-size:6px;display:flex;position:relative}.packaging-editor-rail button svg{width:17px}.packaging-editor-rail button.active{color:#7148ee;background:#f1edff;font-weight:900}.packaging-editor-rail button:disabled{opacity:.38}.packaging-editor-rail button em{background:#e9e9ec;border-radius:3px;padding:2px;font-size:3px;font-style:normal;position:absolute;top:3px;right:2px}.packaging-editor-panel{z-index:11;background:#f9f9fa;border-right:1px solid #d1d2d6;padding:14px;position:relative;overflow:auto}.editor-panel-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.editor-panel-heading>div,.packaging-editor-section-title{align-items:center;gap:9px;display:flex}.editor-panel-heading>div>span,.packaging-editor-section-title>span{color:#7148ee;background:#ede9ff;border-radius:7px;place-items:center;width:25px;height:25px;font-size:6px;font-weight:900;display:grid}.editor-panel-heading small,.packaging-editor-section-title small{color:#8a8c95;letter-spacing:.11em;font-size:5px;display:block}.editor-panel-heading h1,.packaging-editor-section-title h2{font:800 13px var(--font-display);margin:2px 0 0}.editor-panel-heading>button{color:#858791;background:0 0;border:0}.editor-panel-heading>button svg{width:15px}.packaging-upload-drop{text-align:center;background:#fff;border:1.5px dashed #895fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:164px;padding:18px 12px;display:flex;position:relative}.packaging-upload-drop>svg{color:#7b4ff0;width:27px}.packaging-upload-drop strong{text-overflow:ellipsis;white-space:nowrap;max-width:210px;margin-top:8px;font-size:8px;overflow:hidden}.packaging-upload-drop small{color:#868993;margin:4px 0 11px;font-size:6px}.packaging-upload-drop>button:not(.remove-artwork){color:#fff;background:#7148ee;border:0;border-radius:7px;padding:8px 15px;font-size:7px;font-weight:800}.packaging-upload-drop .remove-artwork{background:#f0f0f3;border:0;border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;top:7px;right:7px}.packaging-upload-drop .remove-artwork svg{width:12px}.packaging-upload-drop.has-artwork{background:#f6fbf8;border-style:solid;border-color:#55a87a}.packaging-dieline-download{text-align:left;background:#fff;border:1px solid #dedfe4;border-radius:9px;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:9px;padding:7px 9px;display:flex}.packaging-dieline-download>svg{color:#7148ee;width:17px}.packaging-dieline-download>span{flex:1}.packaging-dieline-download strong,.packaging-dieline-download small{display:block}.packaging-dieline-download strong{font-size:7px}.packaging-dieline-download small{color:#8a8c95;margin-top:2px;font-size:5px}.packaging-editor-section{border-top:1px solid #e3e4e7;margin-top:13px;padding-top:13px}.packaging-material-list{gap:5px;margin-top:9px;display:grid}.packaging-material-list button{text-align:left;background:#fff;border:1px solid #dedfe4;border-radius:8px;align-items:center;gap:8px;padding:7px;display:flex}.packaging-material-list button.active{background:#f5f2ff;border-color:#8057ef}.packaging-material-list button>i{border:1px solid #0000001a;border-radius:6px;width:29px;height:29px}.packaging-material-list button>span{flex:1}.packaging-material-list strong,.packaging-material-list small{display:block}.packaging-material-list strong{font-size:7px}.packaging-material-list small{color:#81848e;margin-top:2px;font-size:5px}.packaging-material-list button>svg{color:#7148ee;width:13px}.packaging-dimension-grid{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px;display:grid}.packaging-dimension-grid label>span{margin-bottom:4px;font-size:5px;font-weight:800;display:block}.packaging-dimension-grid label>div{background:#fff;border:1px solid #dedfe4;border-radius:6px;height:34px;display:flex;overflow:hidden}.packaging-dimension-grid input{border:0;width:100%;min-width:0;padding-left:6px;font-size:7px}.packaging-dimension-grid b{background:#f1f1f3;place-items:center;padding:0 5px;font-size:5px;display:grid}.packaging-editor-section>p{color:#898b95;font-size:5px}.packaging-editor-model-list{gap:5px;display:grid}.packaging-editor-model-list>a,.packaging-editor-model-list>div{background:#fff;border:1px solid #e0e1e5;border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.packaging-editor-model-list>a.active{background:#f4f1ff;border-color:#8057ef}.packaging-editor-model-list svg{color:#7148ee;width:16px}.packaging-editor-model-list span{flex:1}.packaging-editor-model-list strong,.packaging-editor-model-list small{display:block}.packaging-editor-model-list strong{font-size:7px}.packaging-editor-model-list small{color:#8a8c95;margin-top:2px;font-size:5px}.packaging-editor-model-list>div{opacity:.5}.back-to-library{color:#6241c5;background:#eeeafc;border-radius:8px;align-items:center;gap:6px;margin-top:10px;padding:10px;font-size:7px;font-weight:800;display:flex}.back-to-library svg{width:13px}.packaging-panel-map{grid-template-columns:42px 1fr 42px;grid-template-areas:".lid.""left base right"".back."".front.";gap:3px;margin-top:12px;display:grid}.packaging-panel-map>div{color:#687080;background:#fff;border:1px solid #ff8580;place-items:center;min-height:48px;font-size:5px;display:grid}.packaging-panel-map .lid{grid-area:lid}.packaging-panel-map .left{grid-area:left}.packaging-panel-map .base{grid-area:base}.packaging-panel-map .right{grid-area:right}.packaging-panel-map .back{grid-area:back}.packaging-panel-map .front{grid-area:front}.packaging-layout-notes{background:#eeeafc;border-radius:9px;margin-top:12px;padding:12px}.packaging-layout-notes strong{font-size:7px}.packaging-layout-notes p{color:#6e6f78;font-size:6px;line-height:1.55}.packaging-panel-map.reverse-tuck-map{grid-template-columns:28px 1.35fr .7fr 1.35fr .7fr;grid-template-areas:". .top-right-dust top-major top-left-dust""glue front right back left"".bottom-major bottom-right-dust.bottom-left-dust";align-items:stretch}.reverse-tuck-map .top-right-dust{grid-area:top-right-dust}.reverse-tuck-map .top-major{grid-area:top-major;min-height:62px}.reverse-tuck-map .top-left-dust{grid-area:top-left-dust}.reverse-tuck-map .glue{grid-area:glue}.reverse-tuck-map .front{grid-area:front}.reverse-tuck-map .right{grid-area:right}.reverse-tuck-map .back{grid-area:back}.reverse-tuck-map .left{grid-area:left}.reverse-tuck-map .bottom-major{grid-area:bottom-major;min-height:62px}.reverse-tuck-map .bottom-right-dust{grid-area:bottom-right-dust}.reverse-tuck-map .bottom-left-dust{grid-area:bottom-left-dust}.reverse-tuck-map>div{text-align:center;min-width:0;padding:3px;overflow:hidden}.packaging-editor-stage{background:#d8d9db;min-width:0;position:relative;overflow:hidden}.packaging-renderer,.packaging-renderer canvas{display:block;width:100%!important;height:100%!important}.packaging-stage-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd6;border-radius:8px;grid-template-columns:6px auto;gap:1px 6px;padding:7px 9px;display:grid;position:absolute;top:16px;left:18px}.packaging-stage-badge>span{background:#33a768;border-radius:50%;grid-row:1/3;align-self:center;width:6px;height:6px}.packaging-stage-badge strong,.packaging-stage-badge small{display:block}.packaging-stage-badge strong{font-size:6px}.packaging-stage-badge small{color:#7c7e88;font-size:5px}.packaging-editor-history{background:#ffffffe6;border-radius:8px;gap:4px;padding:5px;display:grid;position:absolute;top:13px;right:13px;box-shadow:0 5px 20px #1f20261f}.packaging-editor-history button{background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.packaging-editor-history button.active{color:#7148ee;background:#eee9ff}.packaging-editor-history button:disabled{opacity:.3}.packaging-editor-history svg{width:14px}.packaging-editor-bottom-controls{white-space:nowrap;background:#fffffff0;border-radius:10px;align-items:center;gap:8px;min-height:43px;padding:5px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #1f202626}.packaging-editor-bottom-controls>div{gap:3px;display:flex}.packaging-editor-bottom-controls button{background:0 0;border:0;border-radius:6px;min-width:31px;height:31px;padding:0 8px;font-size:6px;font-weight:800}.packaging-editor-bottom-controls button:hover,.packaging-editor-bottom-controls button.active{color:#7148ee;background:#eee9ff}.packaging-editor-bottom-controls svg{width:13px}.packaging-view-controls{border-left:1px solid #e1e2e5;border-right:1px solid #e1e2e5;padding:0 6px}.packaging-fold-control{align-items:center;gap:6px;font-size:5px;display:flex}.packaging-fold-control input{accent-color:#7148ee;width:min(220px,22vw)}.packaging-fold-control b{color:#6442c9;text-align:center;background:#eee9ff;border-radius:5px;min-width:32px;padding:5px;font-size:5px}.packaging-editor-toast{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#191b23e0;border-radius:8px;max-width:330px;padding:9px 11px;font-size:6px;line-height:1.5;position:absolute;bottom:16px;left:16px}.packaging-editor-toast.error{background:#9a2b2deb}.packaging-editor-loading{color:#4b4d56;background:#d7d8da;justify-content:center;align-items:center;gap:14px;min-height:100dvh;display:flex}.packaging-editor-loading>span{border:3px solid #c7baf0;border-top-color:#7148ee;border-radius:50%;width:28px;height:28px}.packaging-editor-loading strong,.packaging-editor-loading small{display:block}.packaging-editor-loading strong{font:800 15px var(--font-display)}.packaging-editor-loading small{color:#757781;margin-top:3px;font-size:8px}@media (max-width:1100px){.packaging-template-grid{grid-template-columns:repeat(3,1fr)}.packaging-editor-topbar{grid-template-columns:170px 1fr auto}.packaging-editor-model>span{display:none}.packaging-editor-body{grid-template-columns:60px 265px minmax(0,1fr)}.packaging-editor-top-actions button:first-child{display:none}}@media (max-width:800px){.packaging-template-grid{grid-template-columns:repeat(2,1fr)}.packaging-model-picker-head{display:block}.packaging-model-picker-head>div:last-child{width:max-content;margin-top:15px}.packaging-editor-topbar{grid-template-columns:1fr auto}.packaging-editor-model,.packaging-editor-top-actions button{display:none}.packaging-editor-body{grid-template-columns:56px 1fr}.packaging-editor-panel{z-index:14;width:min(290px,100vw - 56px);position:absolute;top:0;bottom:0;left:56px;box-shadow:10px 0 28px #1e1f2521}.packaging-editor-stage{grid-column:2}.packaging-editor-bottom-controls{bottom:12px}.packaging-editor-toast{bottom:70px;left:auto;right:10px}.packaging-fold-control input{width:125px}}@media (max-width:560px){.packaging-template-grid{grid-template-columns:1fr}.packaging-editor-brand div{display:none}.packaging-editor-topbar{grid-template-columns:45px 1fr}.packaging-editor-top-actions a{justify-content:center}.packaging-editor-top-actions a svg{display:none}.packaging-editor-bottom-controls{justify-content:center;width:calc(100% - 20px)}.packaging-view-controls button:not(.active){display:none}.packaging-fold-control{flex:1}.packaging-fold-control input{width:100%}.packaging-fold-control b{display:none}.packaging-stage-badge{top:10px;left:10px}}