@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg:#f5f5f5;--card:#fff;--card2:#fafafa;--primary:#0d99ff;--accent:#f24e1e;--green:#14a800;--border:#e5e5e5;--text:#333;--muted:#888;--radius:6px;--tr:all .15s ease}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5;overflow-x:hidden}body:before{display:none}header{z-index:99;background:#fff;border-bottom:1px solid #eaecf0;align-items:center;gap:16px;height:60px;padding:0 28px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0000000f}.logo{background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-text-fill-color:transparent;letter-spacing:-.04em;cursor:pointer;-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:1.15rem;font-weight:800;text-decoration:none}.prod-name{color:#667085;font-size:.85rem}nav{align-items:center;gap:6px;margin-left:auto;display:flex}.nav-link{color:#64748b;cursor:pointer;letter-spacing:.01em;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.nav-link:hover{color:#0f172a;background:#f1f5f9}.nav-link.active{color:#0d99ff;background:#0d99ff14;font-weight:600}.profile-dropdown-container{margin-left:12px;display:inline-block;position:relative}.profile-dropdown-menu{opacity:0;visibility:hidden;z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:180px;margin-top:8px;padding:8px;transition:all .2s;position:absolute;top:100%;right:0;transform:translateY(-10px);box-shadow:0 10px 25px #0000000d}.profile-dropdown-container:hover .profile-dropdown-menu,.profile-dropdown-menu:hover{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{color:#334155;cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;font-size:.875rem;font-weight:500;transition:background .15s;display:flex}.dropdown-item:hover{color:#0f172a;background:#f1f5f9}.dropdown-item-danger{color:#ef4444}.dropdown-item-danger:hover{color:#dc2626;background:#fef2f2}.app{z-index:1;max-width:1450px;margin:0 auto;padding:28px 32px;position:relative}.app.app--customizer{flex-direction:column;max-width:none;height:calc(100vh - 61px);padding:0;display:flex;overflow:hidden}.workspace-grid{background:var(--bg);flex:1;grid-template-columns:260px 1fr 280px;height:100%;display:grid;overflow:hidden}.main-content{flex-direction:column;height:100%;display:flex;overflow:hidden}@media (width>=1200px){.main-content{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}}.main-content--full{flex-direction:column;display:flex}@media (width>=1200px){.main-content--full{display:block}}@media (width<=900px){.workspace-grid{grid-template-columns:1fr}.sidebar{max-height:none;position:static}}.sidebar,.right-sidebar{background:var(--card);border-right:1px solid var(--border);flex-direction:column;gap:16px;height:100%;padding:16px;display:flex;overflow-y:auto}.right-sidebar{border-right:none;border-left:1px solid var(--border)}.sidebar::-webkit-scrollbar{width:4px}.right-sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.right-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}h2{font-size:.95rem;font-weight:500}.back-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;font:inherit;text-align:left;transition:var(--tr);background:0 0;border-radius:8px;padding:7px 14px;font-size:.83rem;text-decoration:none;display:block}.back-btn:hover{border-color:var(--primary);color:var(--text)}.sec{border-bottom:1px solid var(--border);flex-direction:column;gap:12px;padding-bottom:16px;display:flex}.sec:last-child{border-bottom:none}.sec-head{align-items:center;gap:8px;margin-bottom:2px;display:flex}.sec-icon{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:500;display:flex}.icon-logo{color:#ff6584;background:#ff658433}.icon-text{color:#43e97b;background:#43e97b33}.sec-head h3{font-size:.9rem;font-weight:600}.zone-status{color:var(--muted);font-size:.75rem}.zone-status.has{color:#43e97b}.zone-status.none{color:#ff6584}label{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:.74rem;font-weight:500}input[type=text],input[type=number],select,textarea{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);font:inherit;transition:var(--tr);resize:none;border-radius:7px;outline:none;padding:9px 12px;font-size:.88rem}input[type=text]:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6c63ff2e}.row{align-items:flex-end;gap:7px;display:flex}.row>div{flex-direction:column;flex:1;gap:5px;display:flex}input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:7px;width:44px;height:36px;padding:2px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.upload-zone{border:2px dashed var(--border);cursor:pointer;color:var(--muted);text-align:center;transition:var(--tr);border-radius:9px;flex-direction:column;align-items:center;gap:7px;padding:18px 14px;font-size:.82rem;display:flex}.upload-zone:hover{border-color:var(--primary);color:var(--text);background:#0d99ff0d}.upload-zone.has-file{border-color:var(--primary);color:var(--primary);background:#0d99ff14}.preset-gallery{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.preset-item{background:var(--bg);border:1px solid var(--border);text-align:center;cursor:pointer;transition:var(--tr);border-radius:6px;padding:8px 0;font-size:1.2rem}.preset-item:hover{border-color:var(--primary);transform:scale(1.1)}.preset-item.active{border-color:var(--primary);background:#0d99ff1a}.btn-apply{cursor:pointer;width:100%;transition:var(--tr);border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px;font:600 .87rem inherit;display:flex}.btn-logo{background:var(--accent);color:#fff}.btn-logo:hover{background:#d84518}.btn-text{background:var(--green);color:#fff}.btn-text:hover{background:#118a00}.btn-dl{background:var(--primary);border-radius:var(--radius);color:#fff;cursor:pointer;width:100%;transition:var(--tr);border:none;padding:12px;font:700 .92rem inherit}.btn-dl:hover{background:#0b80d6}.btn-ghost{border:1px solid var(--border);width:100%;color:var(--muted);font:inherit;cursor:pointer;transition:var(--tr);background:0 0;border-radius:8px;padding:9px;font-size:.84rem}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.canvas-area{flex-direction:column;gap:10px;display:flex}.canvas-area h1{font-size:1.5rem;font-weight:600}.canvas-box{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);aspect-ratio:1;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000d}.canvas-box canvas{display:block}.loading-overlay{background:var(--card);color:var(--muted);z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:.88rem;display:flex;position:absolute;inset:0}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:38px;height:38px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hint{color:var(--muted);text-align:center;font-size:.79rem}.btn-sm{background:var(--bg);border:1px solid var(--border);color:var(--muted);font:inherit;cursor:pointer;transition:var(--tr);border-radius:7px;flex:1;padding:7px 10px;font-size:.78rem}.btn-sm:hover{border-color:var(--primary);color:var(--text)}.btn-sm.del:hover{border-color:var(--accent);color:var(--accent)}input[type=range]{width:100%;accent-color:var(--primary);cursor:pointer}.side-tabs{gap:8px;width:100%;margin-bottom:12px;display:flex}.side-tab{background:var(--card2);border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:var(--tr);text-align:center;border-radius:8px;flex:1;padding:8px 12px;font-size:.8rem;font-weight:600}.side-tab:hover{border-color:var(--primary);color:var(--text)}.side-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;margin-top:24px;display:grid}.prod-card{background:var(--card);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:var(--tr);overflow:hidden}.prod-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 8px 28px #6c63ff40}.prod-card img{aspect-ratio:1;object-fit:cover;width:100%;transition:transform .35s;display:block}.prod-card:hover img{transform:scale(1.07)}.prod-card p{text-align:center;border-top:1px solid var(--border);padding:14px;font-size:.95rem;font-weight:600}.placement-mode-btn{border:2px solid var(--primary);width:100%;color:var(--primary);cursor:pointer;transition:var(--tr);background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:11px;font:700 .88rem inherit;display:flex}.placement-mode-btn.active{background:var(--primary);color:#fff}.placement-mode-btn:hover{background:#0d99ff1a}.decal-cursor{pointer-events:none;border:2px dashed #ff6584cc;border-radius:4px;display:none;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #0006}.toast-msg{background:var(--card2);border:1px solid var(--border);color:var(--text);z-index:1000;pointer-events:none;border-radius:11px;padding:12px 22px;font-size:.88rem;font-weight:500;transition:all .32s cubic-bezier(.34,1.56,.64,1);position:fixed;bottom:28px;right:28px;box-shadow:0 8px 28px #0006}.setup-grid{grid-template-columns:280px 1fr;gap:24px;height:calc(100vh - 72px);display:grid}@media (width<=900px){.setup-grid{grid-template-columns:1fr;height:auto}}.setup-sidebar{height:calc(100vh - 76px);position:sticky;top:76px;overflow-y:auto}.setup-main{flex-direction:column;height:100%;padding-bottom:16px;display:flex;overflow:hidden}.setup-main h1{margin-bottom:12px;font-size:1.4rem;font-weight:500}.prod-select-wrap{align-items:center;gap:10px;margin-bottom:12px;display:flex}.prod-select-wrap label{color:var(--muted);white-space:nowrap;font-size:.82rem}.prod-select-wrap select{background:var(--bg);border:1px solid var(--border);max-width:320px;color:var(--text);font:inherit;border-radius:7px;outline:none;flex:1;padding:9px 12px;font-size:.88rem}.setup-placeholder{height:420px;color:var(--muted);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.setup-placeholder svg{opacity:.3}.setup-viewports{flex-direction:column;height:calc(100% - 120px);margin-top:16px;display:flex}.setup-viewport-col{flex-direction:column;flex:1;min-height:500px;display:flex;position:relative}.setup-viewport-col h2{margin-bottom:10px;font-size:1.1rem;font-weight:500}.setup-canvas-box{cursor:crosshair;-webkit-user-select:none;user-select:none;aspect-ratio:1;position:relative;overflow:hidden}.setup-canvas-box img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.side-image-placeholder{height:100%;min-height:280px;color:var(--muted);justify-content:center;align-items:center;font-size:.85rem;display:flex}.drawn-zone{letter-spacing:.08em;text-transform:uppercase;pointer-events:none;border:2px dashed;border-radius:4px;justify-content:center;align-items:center;font-size:.7rem;font-weight:500;display:flex;position:absolute}.drawn-zone.logo{border-color:var(--accent);color:var(--accent);background:#ff65841a}.drawn-zone.text{border-color:var(--green);color:var(--green);background:#43e97b1a}.drawing-rect{pointer-events:none;opacity:.7;position:absolute}.zone-type-btns{grid-template-columns:1fr 1fr;gap:8px;display:grid}.zt-btn{border:2px solid var(--border);background:var(--bg);color:var(--muted);cursor:pointer;transition:var(--tr);text-align:center;border-radius:8px;padding:10px;font:600 .82rem inherit}.zt-btn:hover{border-color:var(--primary)}.zt-btn.active-logo{border-color:var(--accent);color:var(--accent);background:#ff65841a}.zt-btn.active-text{border-color:var(--green);color:var(--green);background:#43e97b1a}.zone-list{flex-direction:column;gap:6px;max-height:220px;display:flex;overflow-y:auto}.zone-empty-hint{color:var(--muted);font-size:.8rem}.zone-item-card{background:var(--card2);border:1px solid var(--border);border-radius:8px;padding:10px}.zone-item-header{align-items:center;gap:8px;margin-bottom:8px;font-size:.82rem;display:flex}.zone-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.zone-dot.logo{background:var(--accent)}.zone-dot.text{background:var(--green)}.zone-del{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:1rem}.zone-del:hover{color:var(--accent)}.zone-sliders{color:var(--muted);grid-template-columns:1fr 1fr;gap:6px;font-size:.7rem;display:grid}.zone-sliders label{text-transform:none;font-size:.65rem}.zone-sliders input[type=range]{width:100%}.hint-box{color:var(--muted);background:#6c63ff14;border:1px solid #6c63ff33;border-radius:8px;padding:10px 12px;font-size:.78rem;line-height:1.5}.btn-save{background:linear-gradient(135deg, var(--primary), #4a42d4);color:#fff;cursor:pointer;width:100%;transition:var(--tr);border:none;border-radius:9px;padding:12px;font:700 .92rem inherit;box-shadow:0 4px 14px #6c63ff4d}.btn-save:hover:not(:disabled){transform:translateY(-2px)}.btn-save:disabled{opacity:.5;cursor:not-allowed}.btn-clear-zones{border-color:var(--accent)!important;color:var(--accent)!important}.setup-3d-box canvas{display:block;width:100%!important;height:100%!important}.pm-root{min-height:100vh;max-width:full;margin:0 auto}.pm-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.pm-header-left{align-items:center;gap:16px;display:flex}.pm-back-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:var(--tr);white-space:nowrap;background:#ffffff0d;border-radius:8px;padding:8px 14px;font-size:.85rem}.pm-back-btn:hover{border-color:var(--primary);color:var(--text);background:#6c63ff1a}.pm-title{background:linear-gradient(135deg, #fff 30%, var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:600}.pm-subtitle{color:var(--muted);margin-top:2px;font-size:.85rem}.pm-add-btn{background:linear-gradient(135deg, var(--primary), #a78bfa);color:#fff;cursor:pointer;transition:var(--tr);white-space:nowrap;border:none;border-radius:10px;padding:12px 22px;font-size:.95rem;font-weight:500;box-shadow:0 4px 20px #6c63ff59}.pm-add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6c63ff8c}.pm-search-row{margin-bottom:28px}.pm-search-wrap{max-width:480px;position:relative}.pm-search-icon{pointer-events:none;font-size:.9rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.pm-search{border:1px solid var(--border);width:100%;color:var(--text);transition:var(--tr);background:#ffffff0a;border-radius:10px;outline:none;padding:10px 40px 10px 38px;font-size:.9rem}.pm-search:focus{border-color:var(--primary);background:#6c63ff12}.pm-search-clear{color:var(--muted);cursor:pointer;transition:var(--tr);background:0 0;border:none;padding:2px 4px;font-size:.85rem;line-height:1;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.pm-search-clear:hover{color:var(--accent)}.pm-groups{flex-direction:column;gap:28px;display:flex}.pm-group{border:1px solid var(--border);background:#ffffff08;border-radius:20px;padding:20px}.pm-group-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.pm-group-header h2{letter-spacing:-.02em;margin:0;font-size:1.1rem}.pm-group-meta{color:var(--muted);margin:4px 0 0;font-size:.88rem}.pm-group-pill{color:var(--primary);letter-spacing:.03em;text-transform:uppercase;background:#6c63ff1a;border-radius:999px;padding:7px 14px;font-size:.78rem;font-weight:700}.pm-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.pm-empty{color:var(--muted);text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.pm-empty-icon{opacity:.4;font-size:3rem}.pm-add-btn-sm{border:1px solid var(--primary);color:var(--primary);cursor:pointer;transition:var(--tr);background:#6c63ff26;border-radius:8px;padding:9px 18px;font-size:.88rem;font-weight:600}.pm-add-btn-sm:hover{background:var(--primary);color:#fff}.pm-card{background:var(--card);border:1px solid var(--border);transition:var(--tr);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.pm-card:hover{border-color:#6c63ff66;transform:translateY(-3px);box-shadow:0 12px 30px #00000059}.pm-card-img-wrap{background:#00000040;height:180px;position:relative;overflow:hidden}.pm-card-img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.pm-card:hover .pm-card-img{transform:scale(1.06)}.pm-card-img-placeholder{opacity:.35;justify-content:center;align-items:center;width:100%;height:100%;font-size:3.5rem;display:flex}.pm-card-shape-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border);background:#000000b3;border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:600;position:absolute;bottom:8px;right:8px}.pm-card-body{flex:1;padding:14px 16px 10px}.pm-card-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:1rem;font-weight:500;overflow:hidden}.pm-card-sides{flex-wrap:wrap;gap:5px;display:flex}.pm-card-side-dot{color:var(--green);background:#43e97b1f;border:1px solid #43e97b4d;border-radius:4px;padding:2px 7px;font-size:.68rem;font-weight:600}.pm-card-side-dot.pm-3d{color:var(--primary);background:#6c63ff1f;border-color:#6c63ff4d}.pm-card-actions{gap:8px;padding:10px 16px 14px;display:flex}.pm-card-edit,.pm-card-delete{cursor:pointer;transition:var(--tr);border:1px solid var(--border);border-radius:8px;flex:1;padding:8px;font-size:.82rem;font-weight:600}.pm-card-edit{color:var(--primary);background:#6c63ff1a;border-color:#6c63ff4d}.pm-card-edit:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.pm-card-delete{color:var(--accent);background:#ff658414;border-color:#ff658440}.pm-card-delete:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.pm-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;justify-content:center;align-items:center;padding:24px;animation:.18s pm-fade-in;display:flex;position:fixed;inset:0}@keyframes pm-fade-in{0%{opacity:0}to{opacity:1}}.pm-modal-box{background:#1a1a2e;border:1px solid #6c63ff4d;border-radius:20px;animation:.22s cubic-bezier(.34,1.56,.64,1) pm-slide-up;overflow:hidden;box-shadow:0 30px 80px #0009}@keyframes pm-slide-up{0%{opacity:0;transform:translateY(30px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.pm-confirm{text-align:center;width:100%;max-width:420px;padding:36px 32px}.pm-confirm-icon{margin-bottom:12px;font-size:3rem}.pm-confirm h2{color:var(--text);margin-bottom:10px;font-size:1.3rem;font-weight:600}.pm-confirm p{color:var(--muted);margin-bottom:24px;font-size:.9rem;line-height:1.55}.pm-confirm-actions{justify-content:center;gap:10px;display:flex}.pm-form-box{flex-direction:column;width:100%;max-width:660px;max-height:90vh;display:flex}.pm-modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:22px 28px 16px;display:flex}.pm-modal-header h2{color:var(--text);font-size:1.25rem;font-weight:600}.pm-modal-close{border:1px solid var(--border);color:var(--muted);cursor:pointer;width:32px;height:32px;transition:var(--tr);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;display:flex}.pm-modal-close:hover{background:var(--accent);border-color:var(--accent);color:#fff}.pm-form{flex-direction:column;gap:20px;padding:20px 28px 24px;display:flex;overflow-y:auto}.pm-field{flex-direction:column;gap:8px;display:flex}.pm-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;font-weight:500}.pm-input{border:1px solid var(--border);color:var(--text);transition:var(--tr);background:#ffffff0a;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-size:.95rem}.pm-input:focus{border-color:var(--primary);background:#6c63ff12}.pm-shape-grid{flex-wrap:wrap;gap:8px;display:flex}.pm-shape-chip{border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:var(--tr);background:#ffffff08;border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-width:68px;padding:10px 14px;font-size:.78rem;font-weight:600;display:flex}.pm-shape-chip:hover{border-color:var(--primary);color:var(--text);background:#6c63ff14}.pm-shape-chip.active{border-color:var(--primary);color:var(--primary);background:#6c63ff33;box-shadow:0 0 0 2px #6c63ff4d}.pm-shape-icon{font-size:1.4rem}.pm-sides-grid{flex-wrap:wrap;gap:12px;display:flex}.pm-side-upload{flex-direction:column;align-items:center;gap:5px;min-width:80px;display:flex}.pm-side-preview{cursor:pointer;width:80px;height:80px;transition:var(--tr);background:#ffffff08;border:1.5px dashed #fff3;border-radius:10px;justify-content:center;align-items:center;display:flex;overflow:hidden}.pm-side-preview:hover{border-color:var(--primary);background:#6c63ff14}.pm-side-img{object-fit:cover;width:100%;height:100%}.pm-side-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.pm-side-plus{color:#fff3;font-size:1.5rem;line-height:1}.pm-side-label{color:var(--muted);text-transform:capitalize;text-align:center;font-size:.68rem;font-weight:600}.pm-3d-upload-row{cursor:pointer;transition:var(--tr);background:#ffffff08;border:1.5px dashed #ffffff26;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.pm-3d-upload-row:hover{border-color:var(--primary);background:#6c63ff12}.pm-3d-icon{flex-shrink:0;font-size:1.4rem}.pm-3d-name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.85rem;overflow:hidden}.pm-3d-browse{color:var(--primary);flex-shrink:0;font-size:.78rem;font-weight:500}.pm-form-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.pm-btn-cancel{border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:var(--tr);background:#ffffff0d;border-radius:10px;padding:10px 20px;font-size:.9rem;font-weight:600}.pm-btn-cancel:hover{color:var(--text);background:#ffffff14}.pm-btn-primary{background:linear-gradient(135deg, var(--primary), #a78bfa);color:#fff;cursor:pointer;transition:var(--tr);border:none;border-radius:10px;padding:10px 22px;font-size:.9rem;font-weight:500;box-shadow:0 4px 16px #6c63ff4d}.pm-btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #6c63ff80}.pm-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.pm-btn-danger{background:linear-gradient(135deg, var(--accent), #ff9a9e);color:#fff;cursor:pointer;transition:var(--tr);border:none;border-radius:10px;padding:10px 22px;font-size:.9rem;font-weight:500;box-shadow:0 4px 16px #ff65844d}.pm-btn-danger:hover{transform:translateY(-1px);box-shadow:0 8px 24px #ff658480}.pm-btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (width<=600px){.pm-root{padding:20px 16px}.pm-form{padding:16px 16px 20px}.pm-form-box{border-radius:16px 16px 0 0;max-width:100%}.pm-grid{grid-template-columns:1fr}.pm-sides-grid{gap:8px}.pm-side-upload{min-width:64px}.pm-side-preview{width:64px;height:64px}}.pantone-popover{z-index:1000;background-color:#2c2c2c;border:1px solid #444;border-radius:6px;flex-direction:column;width:100%;margin-top:8px;font-family:Inter,sans-serif;display:flex;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 8px 24px #00000080}.pantone-header{color:#ddd;text-transform:uppercase;letter-spacing:.5px;background-color:#383838;border-bottom:1px solid #444;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.75rem;font-weight:600;display:flex}.pantone-search-container{background-color:#2c2c2c;border-bottom:1px solid #444;padding:8px 12px;position:relative}.pantone-search-container input{color:#fff;background-color:#1a1a1a;border:1px solid #444;border-radius:4px;outline:none;width:100%;padding:6px 8px 6px 28px;font-size:.8rem}.pantone-search-container input:focus{border-color:#666}.pantone-search-icon{color:#888;width:14px;height:14px;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.pantone-grid{background-color:#2c2c2c;grid-template-columns:repeat(10,1fr);gap:2px;max-height:250px;padding:12px;display:grid;overflow-y:auto}.pantone-grid::-webkit-scrollbar{width:6px}.pantone-grid::-webkit-scrollbar-track{background:#1a1a1a}.pantone-grid::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.pantone-swatch-wrapper{position:relative}.pantone-swatch{aspect-ratio:1;cursor:pointer;box-sizing:border-box;border:1px solid #ffffff1a;width:100%;position:relative}.pantone-swatch:hover{z-index:10;border-color:#fff;transform:scale(1.15);box-shadow:0 2px 8px #00000080}.pantone-swatch:after{content:"";border-top:0 solid #0000;border-bottom:6px solid #ffffff4d;border-left:6px solid #0000;border-right:0 solid #0000;width:0;height:0;position:absolute;bottom:0;right:0}.app.app--customizer{max-width:none;height:100vh;padding:0;overflow:hidden}.app.app--embed{background:#0b1220}.app.app--embed .gallery-grid,.app.app--embed .pm-grid{background:0 0}.app.app--embed .prod-card{background:#ffffff14;border-color:#ffffff1f}.app.app--embed .prod-card:hover{background:#ffffff1f}.app.app--embed .studio-customizer{color:#111827;background:#f4f7fb}.app.app--embed .studio-topbar{background:#fff;border-color:#dfe5ee}.app.app--embed .studio-brand,.app.app--embed .studio-brand span,.app.app--embed .studio-top-actions button{color:#111827}.app.app--embed .studio-top-actions button:hover{background:#f2f5f9}.studio-customizer{--studio-blue:#2f66f2;--studio-blue-light:#4f7ef8;--studio-blue-dark:#1f54d8;--studio-ink:#07111f;--studio-text:#1e2939;--studio-muted:#657083;--studio-border:#dfe5ee;--studio-soft:#f4f7fb;--studio-panel:#fff;--studio-danger:#dc2626;--studio-green:#138a57;--studio-radius:12px;--studio-shadow:0 4px 24px -4px #0f1e3c1f;--studio-transition:all .22s cubic-bezier(.4, 0, .2, 1);background:var(--studio-soft);height:100vh;min-height:680px;color:var(--studio-text);grid-template-rows:64px minmax(0,1fr) auto;display:grid;overflow:hidden}.studio-customizer *{letter-spacing:-.01em;box-sizing:border-box}.studio-customizer button,.studio-customizer input,.studio-customizer select,.studio-customizer textarea{transition:var(--studio-transition);font-family:inherit}.studio-customizer button{cursor:pointer;border-radius:10px}.studio-customizer label{color:var(--studio-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:.75rem;font-weight:600}.studio-hidden-canvas{opacity:0;pointer-events:none;z-index:-100;width:0;height:0;position:absolute;overflow:hidden}.studio-topbar{border-bottom:1px solid var(--studio-border);background:#fff;align-items:center;gap:20px;min-width:0;padding:0 24px;display:flex;box-shadow:0 1px 4px #0f1e3c0f}.studio-brand{color:var(--studio-ink);white-space:nowrap;background:0 0;border:0;align-items:center;gap:12px;font-size:1.05rem;font-weight:700;display:inline-flex}.studio-brand span{background:linear-gradient(135deg, var(--studio-blue-light) 0%, var(--studio-blue) 100%);color:#fff;border-radius:8px;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 4px 14px #2f66f247}.studio-title-divider,.studio-toolbar-divider{background:var(--studio-border);flex:none;width:1px;height:24px}.studio-product-heading{align-items:center;gap:12px;min-width:0;display:flex}.studio-product-heading strong{color:var(--studio-ink);white-space:nowrap;text-overflow:ellipsis;max-width:300px;font-size:.95rem;font-weight:600;overflow:hidden}.studio-product-heading code{color:var(--studio-muted);border:1px solid var(--studio-border);background:#ffffff0a;border-radius:6px;padding:4px 8px;font-family:monospace;font-size:.7rem}.studio-top-actions{align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.studio-top-actions button{border:1px solid var(--studio-border);min-width:36px;height:36px;color:var(--studio-muted);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.studio-top-actions button:hover{color:var(--studio-ink);background:#f2f5f9;border-color:#c8d2e0;transform:translateY(-1px)}.studio-top-actions .studio-save-btn{color:#fff;background:var(--studio-blue);border:none;border-radius:8px;min-width:100px;padding:0 16px;font-weight:600;box-shadow:0 4px 14px #2f66f247}.studio-top-actions .studio-save-btn:hover{background:var(--studio-blue-dark);color:#fff;box-shadow:0 6px 18px #2f66f261}.studio-top-actions .studio-pdf-btn{border:1.5px solid var(--studio-border);height:36px;color:var(--studio-text);white-space:nowrap;background:#f8fafc;border-radius:8px;align-items:center;gap:8px;padding:0 16px;font-size:.8rem;font-weight:600;display:inline-flex}.studio-top-actions .studio-pdf-btn:hover{border-color:var(--studio-blue);color:var(--studio-blue);background:#edf2ff}.studio-admin-btn{min-width:100px!important;color:var(--studio-text)!important;border:1px solid var(--studio-border)!important;background:#f5f6f8!important;border-radius:8px!important;padding:0 16px!important;font-weight:600!important}.studio-admin-btn:hover{background:#ebedf2!important;border-color:#c8d2e0!important}.studio-history-btn{border:1.5px solid var(--studio-border)!important;width:36px!important;min-width:36px!important;height:36px!important;color:var(--studio-ink)!important;cursor:pointer!important;background:#f8fafc!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;padding:0!important;transition:all .16s!important;display:inline-flex!important}.studio-history-btn:hover:not(:disabled){border-color:var(--studio-blue)!important;color:var(--studio-blue)!important;background:#edf2ff!important;transform:translateY(-1px)!important}.studio-history-btn:disabled,.studio-history-btn.disabled{opacity:.35!important;cursor:not-allowed!important;pointer-events:none!important}.topbar-view-toggle{border:1px solid var(--studio-border);background:#f1f4f8;border-radius:10px;flex-shrink:0;align-items:center;gap:3px;margin:0 auto;padding:3px;display:flex}.topbar-view-btn{color:#6b7280;cursor:pointer;white-space:nowrap;transition:var(--studio-transition);background:0 0;border:none;border-radius:7px;padding:6px 18px;font-size:.82rem;font-weight:600}.topbar-view-btn:hover{color:#374151;background:#ffffffb3}.topbar-view-btn.active{color:var(--studio-blue);background:#fff;font-weight:700;box-shadow:0 1px 5px #0f1e3c21}.studio-workspace{grid-template-columns:340px minmax(0,1fr) 340px;min-height:0;display:grid;overflow:hidden}.studio-sidebar{background:#fff;flex-direction:column;min-height:0;display:flex;overflow-y:auto}.studio-sidebar-left{border-right:1px solid var(--studio-border)}.studio-sidebar-right{border-left:1px solid var(--studio-border)}.studio-sidebar::-webkit-scrollbar{width:6px}.studio-sidebar::-webkit-scrollbar-thumb{background:#cfd7e3;border:2px solid #fff;border-radius:99px}.studio-sidebar::-webkit-scrollbar-thumb:hover{background:#b5bfcc}.studio-side-section,.studio-panel,.studio-right-section{border-bottom:1px solid var(--studio-border)}.studio-side-section,.studio-right-section{padding:24px}.studio-section-kicker{color:var(--studio-muted);text-transform:uppercase;margin-bottom:16px;font-size:.72rem;font-weight:700;letter-spacing:.1em!important}.studio-chip-row{flex-wrap:wrap;gap:8px;display:flex}.studio-chip{border:1px solid var(--studio-border);height:34px;color:var(--studio-muted);transition:var(--studio-transition);background:#f5f6f8;border-radius:8px;padding:0 14px;font-size:.8rem;font-weight:600}.studio-chip:hover{color:var(--studio-ink);background:#ebedf2}.studio-chip.active{background:var(--studio-blue);border-color:var(--studio-blue);color:#fff;box-shadow:0 4px 12px #2f66f240}.studio-panel-trigger{width:100%;height:54px;color:var(--studio-text);transition:var(--studio-transition);background:#fff;border:0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:0 22px;font-size:.85rem;font-weight:600;display:flex}.studio-panel-trigger:hover{color:var(--studio-ink);background:#fafbfc}.studio-panel-title{align-items:center;gap:12px;display:inline-flex}.studio-panel-title svg,.studio-material-line svg{color:var(--studio-muted)}.studio-panel-chevron{color:var(--studio-muted);transition:transform .2s cubic-bezier(.4,0,.2,1)}.studio-panel.is-open .studio-panel-trigger{border-bottom:1px solid var(--studio-border)}.studio-panel.is-open .studio-panel-chevron{color:var(--studio-blue-light);transform:rotate(180deg)}.studio-panel-body{background:#fafbfc;flex-direction:column;gap:16px;padding:18px 22px 22px;animation:.22s cubic-bezier(.4,0,.2,1) slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.studio-swatch-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.studio-swatch{width:36px;height:36px;transition:var(--studio-transition);border:2px solid #0000;border-radius:50%;position:relative;box-shadow:0 2px 5px #00000026}.studio-swatch:hover{transform:scale(1.12);box-shadow:0 4px 10px #0003}.studio-swatch.active{box-shadow:0 0 0 2.5px var(--studio-blue);border-color:#fff}.studio-swatch-check{display:none}.studio-selected-color{border:1px solid var(--studio-border);background:#f7f8fa;border-radius:10px;align-items:center;gap:12px;min-height:52px;padding:10px 14px;display:flex}.studio-selected-dot{border:1px solid #d7dde7;border-radius:50%;flex:none;width:24px;height:24px}.studio-selected-color span:last-child{flex-direction:column;gap:1px;display:flex}.studio-selected-color span strong{color:var(--studio-ink);font-size:.85rem}.studio-selected-color small,.studio-empty-note,.studio-material-line,.studio-properties-hint{color:var(--studio-muted);font-size:.75rem}.studio-material-line,.studio-properties-hint{align-items:center;gap:8px;display:flex}.studio-field-stack,.studio-field-row{flex-direction:column;gap:6px;display:flex}.studio-field-row.compact{grid-template-columns:88px 1fr;align-items:center;display:grid}.studio-field-stack input,.studio-field-stack select,.studio-field-stack textarea,.studio-field-row select,.studio-property-grid input,.studio-property-grid select{border:1.5px solid var(--studio-border);width:100%;min-height:38px;color:var(--studio-text);transition:var(--studio-transition);background:#f8fafc;border-radius:8px;outline:none;padding:8px 12px;font-size:.85rem}.studio-field-stack input:hover,.studio-field-stack select:hover,.studio-field-stack textarea:hover,.studio-field-row select:hover,.studio-property-grid input:hover{border-color:#c8d2e0}.studio-field-stack textarea{resize:vertical;min-height:68px}.studio-field-stack input:focus,.studio-field-stack select:focus,.studio-field-stack textarea:focus,.studio-field-row select:focus,.studio-property-grid input:focus{border-color:var(--studio-blue);background:#fff;box-shadow:0 0 0 3px #2f66f21f}.studio-side-pills,.studio-segmented,.studio-two-col,.studio-three-col{gap:8px;display:grid}.studio-side-pills{grid-template-columns:repeat(3,1fr)}.studio-side-pill,.studio-segmented button,.studio-outline-btn,.studio-toggle-btn,.studio-primary-btn,.studio-output-btn,.studio-action-grid button,.studio-proof-btn,.studio-cart-btn{border:1px solid var(--studio-border);color:var(--studio-text);min-height:38px;transition:var(--studio-transition);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:.8rem;font-weight:600;display:inline-flex}.studio-side-pill:hover,.studio-segmented button:hover,.studio-outline-btn:hover,.studio-toggle-btn:hover,.studio-action-grid button:hover,.studio-output-btn:hover{color:var(--studio-ink);background:#f2f5f9;border-color:#c8d2e0;transform:translateY(-.5px)}.studio-side-pill.active,.studio-toggle-btn.active,.studio-segmented button.active,.studio-action-grid button.active{background:var(--studio-blue);border-color:var(--studio-blue);color:#fff;box-shadow:0 3px 8px #2f66f238}.studio-check-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex;color:var(--studio-text)!important;text-transform:none!important;font-size:.8rem!important;font-weight:500!important}.studio-check-row input{width:16px;height:16px;accent-color:var(--studio-blue-light);cursor:pointer;border-radius:4px}.studio-upload{text-align:center;cursor:pointer;min-height:92px;transition:var(--studio-transition);background:#f8fafc;border:1.5px dashed #bcc7d5;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;color:var(--studio-muted)!important}.studio-upload:hover{border-color:var(--studio-blue);background:#edf2ff;color:var(--studio-ink)!important}.studio-upload span{color:var(--studio-text);font-size:.82rem;font-weight:600}.studio-upload small{max-width:240px;font-size:.68rem;line-height:1.35}.studio-upload.slim{min-height:60px}.studio-upload.disabled{opacity:.5;cursor:not-allowed}.studio-divider{background:var(--studio-border);height:1px;margin:4px 0}.studio-stamp-options{flex-direction:column;gap:12px;display:flex}.studio-segmented,.studio-two-col{grid-template-columns:1fr 1fr}.studio-three-col{grid-template-columns:repeat(3,1fr)}.studio-two-col.align-end{align-items:end}.studio-primary-btn{background:linear-gradient(135deg, var(--studio-green) 0%, #10b981cc 100%);border-color:var(--studio-green);color:#fff;box-shadow:0 4px 12px #10b98140}.studio-primary-btn:hover{opacity:.95;box-shadow:0 6px 16px #10b98159}.studio-outline-btn.danger,.studio-action-grid button.danger{color:var(--studio-danger);border-color:#ef444433}.studio-outline-btn.danger:hover,.studio-action-grid button.danger:hover{border-color:var(--studio-danger);color:#fff;background:#ef444414}.studio-layer-card{border:1px solid var(--studio-border);background:#f7f8fa;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-weight:600;display:flex}.studio-layer-dot{background:var(--studio-blue);border-radius:50%;width:9px;height:9px;box-shadow:0 0 6px #2f66f266}.studio-main{background:#eef3fb radial-gradient(#c8d5e8 1.2px,#0000 1.2px) 0 0/22px 22px;min-width:0;min-height:0;position:relative;overflow:hidden}.studio-stage{background-color:#0000;height:100%;min-height:0;position:relative;overflow:hidden}.studio-stage-badges{z-index:4;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:20px;left:20px;right:20px}.studio-stage-badges span{color:#374151;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #dde5f0;border-radius:99px;align-items:center;gap:8px;min-height:33px;padding:0 16px;font-size:.8rem;font-weight:600;display:inline-flex;box-shadow:0 2px 12px #0f1e3c1a}.studio-zone-pill i{background:var(--studio-blue);border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px #2f66f266}.studio-three-canvas{position:absolute;inset:0;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.studio-three-canvas canvas{display:block;width:100%!important;height:100%!important}.studio-stage-side-switcher{z-index:5;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.studio-stage-side-switcher button{color:#657083;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:58px;height:37px;transition:var(--studio-transition);background:#ffffffed;border:1px solid #dce4ee;border-radius:8px;font-size:.78rem;font-weight:600;box-shadow:0 3px 12px #0f1e3c1a}.studio-stage-side-switcher button:hover{border-color:var(--studio-blue);color:var(--studio-blue);background:#fff;transform:scale(1.04)}.studio-stage-side-switcher button.active{border-color:var(--studio-blue);background:var(--studio-blue);color:#fff;box-shadow:0 3px 10px #2f66f24d}.studio-zoom-toolbar{z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #dde5f0;border-radius:16px;justify-content:center;align-items:center;gap:12px;min-width:256px;height:52px;padding:0 16px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0f1e3c1f}.studio-zoom-toolbar button{color:#687487;width:28px;height:28px;transition:var(--studio-transition);background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.studio-zoom-toolbar button:hover{color:var(--studio-text);background:#f1f5f9}.studio-zoom-toolbar span{text-align:center;min-width:44px;color:var(--studio-text);font-size:.82rem;font-weight:600}.studio-zoom-toolbar em{background:#dfe5ee;width:1px;height:24px}.studio-decal-cursor{z-index:7;pointer-events:none;border:2px dashed #2f66f2d9;border-radius:6px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffffffe6}.studio-placement-note{z-index:6;color:#fff;pointer-events:none;background:#111827;border-radius:99px;padding:6px 14px;font-size:.74rem;font-weight:600;position:absolute;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}.studio-view-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.studio-view-tile{color:#526076;transition:var(--studio-transition);background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;font-size:.74rem;font-weight:600;display:flex}.studio-view-tile:hover{color:var(--studio-ink)}.studio-view-thumb{border:1.5px solid var(--studio-border);width:64px;height:64px;transition:var(--studio-transition);background:#f5f8fc;border-radius:12px;place-items:center;display:grid;overflow:hidden}.studio-view-thumb img{object-fit:contain;width:80%;height:80%}.studio-view-tile.active{color:var(--studio-blue)}.studio-view-tile.active .studio-view-thumb{border-color:var(--studio-blue);background:#edf2ff;box-shadow:0 0 0 2px #2f66f22e}.studio-property-label{color:var(--studio-muted);margin:12px 0 8px;font-size:.8rem;font-weight:600}.studio-property-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.studio-property-grid label{align-items:center;display:flex;position:relative}.studio-property-grid label span{color:var(--studio-muted);font-size:.75rem;font-weight:600;position:absolute;left:12px}.studio-property-grid input{height:36px;padding-left:28px}.studio-action-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.studio-action-grid button{justify-content:flex-start;padding:0 12px;font-size:.78rem}.studio-output-section{margin-top:auto}.studio-output-stack{flex-direction:column;gap:8px;display:flex}.studio-output-btn.primary{background:var(--studio-blue);border-color:var(--studio-blue);color:#fff;box-shadow:0 4px 12px #4f46e540}.studio-output-btn.primary:hover{background:var(--studio-blue-light);box-shadow:0 6px 16px #4f46e559}.studio-layers-list{flex-direction:column;gap:6px;max-height:180px;padding-right:2px;display:flex;overflow-y:auto}.studio-layer-empty{color:var(--studio-muted);text-align:center;background:#f8fafc;border:1px dashed #bcc7d5;border-radius:8px;padding:12px;font-size:.75rem}.studio-layer-item{border:1px solid var(--studio-border);transition:var(--studio-transition);background:#f7f8fa;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.studio-layer-item:hover{background:#eef3fb;border-color:#c8d2e0}.studio-layer-item.active{border-color:var(--studio-blue);background:#edf2ff}.studio-layer-info{align-items:center;gap:8px;display:flex}.studio-layer-info span{font-size:.8rem;font-weight:500}.studio-layer-actions{gap:4px;display:flex}.studio-icon-btn{color:var(--studio-muted);cursor:pointer;width:24px;height:24px;transition:var(--studio-transition);background:0 0;border:none;border-radius:4px;place-items:center;font-size:.8rem;display:grid}.studio-icon-btn:hover{color:var(--studio-text);background:#f0f4f8}.studio-icon-btn.danger:hover{background:#dc262614;color:var(--studio-danger)!important}.studio-cartbar{border-top:1px solid var(--studio-border);z-index:10;background:#fff;flex-shrink:0;padding:14px 28px;box-shadow:0 -2px 16px #0f1e3c12}.studio-cartbar__inner{justify-content:space-between;align-items:center;gap:20px;height:44px;display:flex}.studio-cartbar__summary{flex-direction:column;gap:3px;display:flex;overflow:hidden}.studio-cartbar__product-name{color:var(--studio-ink);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:700;overflow:hidden}.studio-cartbar__meta{color:var(--studio-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.studio-cartbar__meta strong{color:#374151;font-weight:600}.studio-cartbar__actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.studio-finish-btn{background:linear-gradient(135deg, var(--studio-green) 0%, #10b981d9 100%);color:#fff;cursor:pointer;transition:var(--studio-transition);white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #10b98159}.studio-finish-btn:hover{opacity:.95;transform:translateY(-1.5px);box-shadow:0 6px 18px #10b98173}.studio-finish-btn:active{transform:translateY(0)}.studio-finish-topbar-btn{color:#fff;cursor:pointer;white-space:nowrap;letter-spacing:-.01em;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:9px;align-items:center;gap:8px;padding:8px 18px;font-size:.83rem;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 3px 10px #10b9814d}.studio-finish-topbar-btn:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 6px 18px #10b98166}.studio-finish-topbar-btn:active{transform:scale(.98)}.studio-cartbar{display:none!important}.studio-pms-field{position:relative}.studio-pms-input-wrap{align-items:center;display:flex;position:relative}.studio-pms-input-wrap input{padding-left:36px}.studio-pms-dot{z-index:1;border:1px solid #ffffff26;border-radius:4px;width:14px;height:14px;position:absolute;left:12px}.studio-pms-search-icon{color:var(--studio-muted);z-index:1;position:absolute;left:12px}.studio-pantone-popover{z-index:40;width:min(320px,100vw - 48px);left:0;right:auto}.studio-pantone-popover .pantone-swatch{border-radius:0;min-height:20px;padding:0;display:block}.studio-pantone-empty{color:var(--studio-muted);text-align:center;grid-column:1/-1;padding:12px;font-size:.8rem}.studio-pantone-tooltip{border:1px solid var(--studio-border);color:var(--studio-text);white-space:nowrap;pointer-events:none;box-shadow:var(--studio-shadow);z-index:9999;background:#111726;border-radius:6px;padding:5px 10px;font-size:.72rem;font-weight:600;position:fixed;transform:translate(-50%,-100%)}.customizer-view-switch-bar,.view-mode-toggle-bar{background:#0f172a;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;width:fit-content;margin-bottom:16px;padding:6px;display:flex;box-shadow:0 4px 12px #00000040}.view-mode-pill{color:var(--studio-muted);cursor:pointer;transition:var(--studio-transition);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;display:flex}.view-mode-pill:hover{color:var(--studio-ink);background:#ffffff0d}.view-mode-pill.active{background:linear-gradient(135deg, var(--studio-blue-light) 0%, var(--studio-blue) 100%);color:#fff;border-color:#ffffff26;box-shadow:0 4px 14px #4f46e566}.studio-2d-viewport-container{background:0 0;justify-content:center;align-items:center;width:100%;height:100%;min-height:520px;padding:28px;display:flex;overflow:hidden}.studio-2d-viewport-container .canvas-box{transition:var(--studio-transition);background:#fff;border:1px solid #e0e8f2;border-radius:20px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;max-width:100%;padding:14px;display:inline-flex;box-shadow:0 2px 8px #0f1e3c0f,0 8px 32px #0f1e3c17}.studio-2d-viewport-container .canvas-box:hover{border-color:#b8cbe8;box-shadow:0 4px 16px #0f1e3c14,0 12px 40px #0f1e3c1f}.studio-2d-viewport-container .hint{color:#94a3b8;text-align:center;letter-spacing:.01em;pointer-events:none;-webkit-user-select:none;user-select:none;margin:10px 0 0;font-size:.72rem}@media (width<=1280px){.studio-workspace{grid-template-columns:310px minmax(0,1fr) 310px}.studio-view-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-top-actions{gap:6px}}@media (width<=980px){.studio-customizer{grid-template-rows:auto auto auto;height:auto;min-height:100vh;overflow:visible}.studio-topbar,.studio-cartbar{flex-wrap:wrap;height:auto;min-height:56px;padding:12px 18px}.studio-workspace{grid-template-columns:1fr;overflow:visible}.studio-sidebar{max-height:none;overflow:visible}.studio-main{height:550px}.studio-cartbar__inner{flex-direction:column;align-items:stretch;gap:12px;height:auto}.studio-finish-btn{justify-content:center;width:100%}}.ls-sidebar{scrollbar-width:thin;scrollbar-color:#d1d9e6 transparent;background:#fff;border-right:1px solid #e8edf5;flex-direction:column;height:100%;display:flex;overflow:hidden auto}.ls-sidebar::-webkit-scrollbar{width:4px}.ls-sidebar::-webkit-scrollbar-thumb{background:#d1d9e6;border-radius:4px}.ls-section{border-bottom:1px solid #eef1f7}.ls-section-head{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:14px 18px;transition:background .15s;display:flex}.ls-section-head:hover{background:#f7f9fd}.ls-section-icon{color:#2f66f2;background:#eef2ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.ls-section-head:hover .ls-section-icon{color:#fff;background:#2f66f2;box-shadow:0 4px 12px #2f66f24d}.ls-section.accent .ls-section-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#2f66f2)}.ls-section-title{color:#1e293b;letter-spacing:-.01em;flex:1;font-size:.875rem;font-weight:700}.ls-section-chevron{color:#94a3b8;flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1)}.ls-section.open .ls-section-chevron{color:#2f66f2;transform:rotate(180deg)}.ls-section-body{max-height:0;padding:0 18px;transition:max-height .3s cubic-bezier(.4,0,.2,1),padding .25s;overflow:hidden}.ls-section.open .ls-section-body{max-height:9999px;padding:0 18px 20px}.ls-color-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.ls-color-swatch{cursor:pointer;text-align:left;background:#fafbfd;border:1.5px solid #eef1f7;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:0;transition:all .18s;display:flex}.ls-color-swatch:hover{background:#f0f4ff;border-color:#c5d1f0;transform:translateY(-1px);box-shadow:0 3px 10px #2f66f214}.ls-color-swatch.active{background:linear-gradient(135deg,#eef2ff,#e8efff);border-color:#2f66f2;box-shadow:0 0 0 3px #2f66f21f}.ls-swatch-circle{border:2px solid #0000001a;border-radius:50%;flex-shrink:0;width:20px;height:20px;box-shadow:0 1px 3px #00000026}.ls-swatch-label{color:#374151;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;overflow:hidden}.ls-material-tag{color:#64748b;background:#f4f6fb;border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;font-size:.75rem;display:flex}.ls-subsection-label{text-transform:uppercase;letter-spacing:.07em;color:#94a3b8;align-items:center;gap:6px;margin-top:16px;margin-bottom:8px;font-size:.7rem;font-weight:700;display:flex}.ls-zone-info{color:#64748b;background:#f1f5fb;border:1px solid #dde5f0;border-radius:8px;margin-bottom:10px;padding:7px 11px;font-size:.73rem}.ls-method-grid{grid-template-columns:repeat(2,1fr);gap:5px;display:grid}.ls-method-card{color:#374151;cursor:pointer;text-align:left;background:#fafbfd;border:1.5px solid #eef1f7;border-radius:9px;align-items:center;gap:8px;padding:9px 11px;font-size:.8rem;font-weight:600;transition:all .16s;display:flex}.ls-method-card:hover{color:#2f66f2;background:#f0f5ff;border-color:#b5c5f0;transform:translateY(-1px);box-shadow:0 3px 10px #2f66f214}.ls-method-card.active{color:#1d4ed8;background:linear-gradient(135deg,#eef2ff,#e6edff);border-color:#2f66f2;box-shadow:0 0 0 3px #2f66f21a}.ls-method-dot{background:#cbd5e1;border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .15s,transform .15s}.ls-method-card.active .ls-method-dot{background:#2f66f2;transform:scale(1.3);box-shadow:0 0 0 3px #2f66f233}.ls-imprint-row{flex-wrap:wrap;gap:7px;display:flex}.ls-imp-swatch{cursor:pointer;border:2.5px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .18s;display:flex;box-shadow:0 1px 4px #0000002e,inset 0 0 0 1px #00000014}.ls-imp-swatch:hover{transform:scale(1.18);box-shadow:0 4px 12px #00000038}.ls-imp-swatch.active{border-color:#2f66f2;transform:scale(1.1);box-shadow:0 0 0 3px #2f66f240}.ls-imp-swatch.custom{color:#64748b;background:#f1f5f9;font-size:1rem;font-weight:700}.ls-selected-hint{color:#64748b;margin:4px 0 0;font-size:.75rem}.ls-selected-hint strong{color:#374151}.ls-pms-wrap{position:relative}.ls-pms-field{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9px;align-items:center;gap:8px;padding:8px 11px;transition:border-color .15s,box-shadow .15s;display:flex}.ls-pms-field:focus-within{background:#fff;border-color:#2f66f2;box-shadow:0 0 0 3px #2f66f21a}.ls-pms-dot{border:1px solid #0000001a;border-radius:50%;flex-shrink:0;width:14px;height:14px}.ls-pms-icon{color:#94a3b8;flex-shrink:0}.ls-pms-input{color:#374151;background:0 0;border:none;outline:none;flex:1;font-size:.82rem}.ls-pms-input::placeholder{color:#c0c8d8}.ls-pms-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.ls-pms-clear:hover{color:#dc2626;background:#fee2e2}.ls-pantone-popover{z-index:999;background:#fff;border:1px solid #e2e8f0;border-radius:12px;animation:.18s popIn;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 16px 48px #0f1e3c29,0 4px 12px #0000000f}@keyframes popIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.ls-pantone-header{color:#64748b;background:#f8fafc;border-bottom:1px solid #eef1f7;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.75rem;font-weight:700;display:flex}.ls-pantone-header button{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:5px;padding:3px;display:flex}.ls-pantone-header button:hover{color:#dc2626;background:#fee2e2}.ls-pantone-search{background:#f8fafc;border-bottom:1px solid #eef1f7;align-items:center;gap:8px;padding:8px 12px;display:flex}.ls-pantone-search input{background:0 0;border:none;outline:none;flex:1;font-size:.82rem}.ls-pantone-grid{grid-template-columns:repeat(8,1fr);gap:3px;max-height:200px;padding:10px;display:grid;overflow-y:auto}.ls-pantone-chip{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:4px;width:100%;transition:transform .12s,border-color .12s}.ls-pantone-chip:hover{z-index:2;position:relative;transform:scale(1.25)}.ls-pantone-chip.sel{border-color:#1e293b;transform:scale(1.2)}.ls-pantone-empty{text-align:center;color:#94a3b8;grid-column:1/-1;padding:12px;font-size:.78rem}.ls-toggle-row{color:#374151;cursor:pointer;align-items:center;gap:10px;margin-bottom:4px;font-size:.8rem;display:flex}.ls-toggle{cursor:pointer;background:#e2e8f0;border-radius:99px;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}.ls-toggle.on{background:#2f66f2}.ls-toggle-knob{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #0003}.ls-toggle.on .ls-toggle-knob{transform:translate(16px)}.ls-dropzone{cursor:pointer;text-align:center;color:#64748b;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:22px 16px;transition:all .2s;display:flex}.ls-dropzone:hover{color:#2f66f2;background:#eef2ff;border-color:#2f66f2;transform:translateY(-2px);box-shadow:0 6px 20px #2f66f21a}.ls-dropzone.busy{opacity:.65;pointer-events:none;animation:1.2s infinite pulse-bg}@keyframes pulse-bg{0%,to{background:#f8fafc}50%{background:#eef2ff}}.ls-dropzone strong{color:inherit;font-size:.85rem}.ls-dropzone small{color:#94a3b8;font-size:.72rem}.ls-dropzone.slim{flex-direction:row;justify-content:center;gap:10px;padding:12px 16px}.ls-dropzone-ring{color:#2f66f2;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.ls-dropzone:hover .ls-dropzone-ring{color:#fff;background:#2f66f2;box-shadow:0 6px 18px #2f66f247}.ls-stamp-panel{flex-direction:column;gap:10px;margin-top:4px;display:flex}.ls-seg{border:1.5px solid #e2e8f0;border-radius:9px;display:flex;overflow:hidden}.ls-seg button{color:#64748b;cursor:pointer;background:0 0;border:none;flex:1;padding:8px;font-size:.8rem;font-weight:600;transition:all .15s}.ls-seg button.active{color:#fff;background:#2f66f2}.ls-seg button:hover:not(.active){color:#2f66f2;background:#f0f5ff}.ls-field{flex-direction:column;gap:6px;display:flex}.ls-field label{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:700}.ls-field textarea,.ls-field input[type=number],.ls-field select{color:#1e293b;resize:vertical;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;width:100%;padding:9px 12px;font-size:.84rem;transition:border-color .15s,box-shadow .15s,background .15s}.ls-field textarea:focus,.ls-field input:focus,.ls-field select:focus{background:#fff;border-color:#2f66f2;box-shadow:0 0 0 3px #2f66f21a}.ls-row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ls-font-search-wrap{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 11px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex;position:relative}.ls-font-search-wrap:focus-within{background:#fff;border-color:#2f66f2;box-shadow:0 0 0 3px #2f66f21a}.ls-font-search-icon{color:#94a3b8;flex-shrink:0}.ls-font-search-input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.83rem}.ls-font-search-input::placeholder{color:#c0c8d8}.ls-font-search-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:2px;display:flex}.ls-font-search-clear:hover{color:#dc2626;background:#fee2e2}.ls-font-no-results{text-align:center;color:#94a3b8;padding:10px 0 6px;font-size:.78rem}.ls-fpicker-wrap{position:relative}.ls-fpicker-trigger{cursor:pointer;text-align:left;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;width:100%;padding:9px 13px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.ls-fpicker-trigger:hover,.ls-fpicker-trigger.open{background:#fff;border-color:#2f66f2;box-shadow:0 0 0 3px #2f66f21a}.ls-fpicker-preview{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.92rem;overflow:hidden}.ls-fpicker-sample{color:#94a3b8;flex-shrink:0;font-size:1rem}.ls-fpicker-trigger.open .ls-fpicker-sample{color:#2f66f2}.ls-fpicker-chevron{color:#94a3b8;flex-shrink:0;transition:transform .2s}.ls-fpicker-trigger.open .ls-fpicker-chevron{color:#2f66f2;transform:rotate(180deg)}.ls-fpicker-popover{z-index:900;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;animation:.16s fpickerIn;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:hidden;box-shadow:0 16px 48px #0f1e3c24,0 4px 12px #0000000f}@keyframes fpickerIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.ls-fpicker-search{color:#94a3b8;background:#f8fafc;border-bottom:1px solid #eef1f7;align-items:center;gap:7px;padding:9px 12px;display:flex}.ls-fpicker-search input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:.82rem}.ls-fpicker-search input::placeholder{color:#c0c8d8}.ls-fpicker-search button{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;padding:2px;display:flex}.ls-fpicker-search button:hover{color:#dc2626;background:#fee2e2}.ls-fpicker-cats{background:#fafbfd;border-bottom:1px solid #eef1f7;flex-wrap:wrap;gap:4px;padding:8px 10px;display:flex}.ls-fpicker-cat{color:#64748b;cursor:pointer;background:0 0;border:1.5px solid #e2e8f0;border-radius:99px;padding:3px 9px;font-size:.68rem;font-weight:700;transition:all .13s}.ls-fpicker-cat:hover{color:#2f66f2;background:#eef2ff;border-color:#2f66f2}.ls-fpicker-cat.active{color:#fff;background:#2f66f2;border-color:#2f66f2}.ls-fpicker-list{scrollbar-width:thin;scrollbar-color:#d1d9e6 transparent;max-height:240px;overflow-y:auto}.ls-fpicker-list::-webkit-scrollbar{width:4px}.ls-fpicker-list::-webkit-scrollbar-thumb{background:#d1d9e6;border-radius:4px}.ls-fpicker-item{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #f4f6fb;align-items:center;gap:8px;width:100%;padding:8px 14px;transition:background .12s;display:flex}.ls-fpicker-item:last-child{border-bottom:none}.ls-fpicker-item:hover{background:#f0f5ff}.ls-fpicker-item.active{background:linear-gradient(90deg,#eef2ff,#e8edff)}.ls-fpicker-item-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.9rem;overflow:hidden}.ls-fpicker-item.active .ls-fpicker-item-name{color:#2f66f2;font-weight:600}.ls-fpicker-item-sample{color:#cbd5e1;flex-shrink:0;font-size:1rem}.ls-fpicker-item.active .ls-fpicker-item-sample{color:#93aef4}.ls-fpicker-empty{text-align:center;color:#94a3b8;padding:16px;font-size:.78rem}.ls-live-preview{color:#1e293b;word-break:break-word;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;padding:14px 16px;font-size:1.1rem;line-height:1.4;transition:all .25s}.ls-stepper{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9px;align-items:center;display:flex;overflow:hidden}.ls-stepper button{color:#64748b;cursor:pointer;background:0 0;border:none;flex-shrink:0;width:34px;height:36px;font-size:1.1rem;transition:all .14s}.ls-stepper button:hover{color:#2f66f2;background:#eef2ff}.ls-stepper input{text-align:center;color:#1e293b;flex:1;font-size:.85rem;font-weight:700;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.ls-color-pick{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9px;align-items:center;gap:8px;padding:4px 10px;transition:border-color .15s;display:flex}.ls-color-pick:focus-within{border-color:#2f66f2}.ls-color-input{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;width:28px;height:28px;padding:0}.ls-hex-tag{color:#374151;font-family:monospace;font-size:.78rem;font-weight:700}.ls-primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2f66f2,#4f46e5);border:none;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:.88rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #2f66f247}.ls-primary-btn:hover{background:linear-gradient(135deg,#2558e0,#4338ca);transform:translateY(-2px);box-shadow:0 8px 22px #2f66f261}.ls-primary-btn:active{transform:scale(.98)}.ls-ghost-btn{color:#374151;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9px;flex:1;padding:9px;font-size:.8rem;font-weight:700;transition:all .16s}.ls-ghost-btn:hover{color:#2f66f2;background:#eef2ff;border-color:#2f66f2;transform:translateY(-1px)}.ls-ghost-btn.danger:hover{color:#dc2626;background:#fef2f2;border-color:#dc2626}.ls-layer-badge{color:#374151;background:#f1f5fb;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:.82rem;font-weight:700;display:flex}.ls-layer-pulse{background:#2f66f2;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.6s infinite pulse-ring;box-shadow:0 0 0 3px #2f66f233}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 3px #2f66f233}50%{box-shadow:0 0 0 7px #2f66f214}}.ls-range{accent-color:#2f66f2;cursor:pointer;width:100%;height:5px}.ls-layer-actions{flex-wrap:wrap;gap:6px;display:flex}.ls-layer-btn{color:#374151;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:5px;min-width:80px;padding:9px 10px;font-size:.78rem;font-weight:700;transition:all .16s;display:flex}.ls-layer-btn:hover{color:#2f66f2;background:#eef2ff;border-color:#2f66f2;transform:translateY(-1px)}.ls-layer-btn.danger:hover{color:#dc2626;background:#fef2f2;border-color:#dc2626}.ls-empty-state{color:#c0c8d8;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;display:flex}.ls-empty-state p{color:#94a3b8;margin:0;font-size:.8rem;line-height:1.5}.ls-val-tag{color:#2f66f2;margin-left:6px;font-size:.75rem;font-weight:600}.sb2-nav-rail{background:#f4f6fb;border-right:1px solid #e8edf5;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:68px;padding:12px 0;display:flex}.sb2-nav-item{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:5px;width:56px;padding:10px 6px;transition:all .18s;display:flex}.sb2-nav-item:hover{color:#2f66f2;background:#edf2ff}.sb2-nav-item.active{color:#fff;background:#2f66f2;box-shadow:0 4px 14px #2f66f24d}.sb2-nav-icon{justify-content:center;align-items:center;line-height:1;display:flex}.sb2-nav-label{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:.58rem;font-weight:700}.sb2-panel{scrollbar-width:thin;scrollbar-color:#cfd7e3 transparent;flex:1;min-width:0;overflow-y:auto}.sb2-panel::-webkit-scrollbar{width:4px}.sb2-panel::-webkit-scrollbar-thumb{background:#cfd7e3;border-radius:4px}.sb2-panel-body{flex-direction:column;gap:16px;padding:22px 18px 28px;display:flex}.sb2-panel-title{color:#1e293b;align-items:center;gap:10px;font-size:1rem;font-weight:700;display:flex}.sb2-panel-subtitle{color:#64748b;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;font-size:.72rem;font-weight:700;display:flex}.sb2-panel-desc{color:#94a3b8;margin:0;font-size:.8rem;line-height:1.5}.sb2-divider{background:#f0f4f9;height:1px}.sb2-color-grid-open{flex-direction:column;gap:6px;display:flex}.sb2-swatch-open{cursor:pointer;text-align:left;background:#fafbfd;border:1.5px solid #e8edf5;border-radius:10px;align-items:center;gap:12px;width:100%;padding:9px 14px;transition:all .16s;display:flex}.sb2-swatch-open:hover{background:#f0f5ff;border-color:#c5d1e8}.sb2-swatch-open.active{background:#edf2ff;border-color:#2f66f2;box-shadow:0 0 0 3px #2f66f21f}.sb2-swatch-dot{border:2px solid #0000001a;border-radius:50%;flex-shrink:0;width:22px;height:22px;box-shadow:0 1px 4px #0000001f}.sb2-swatch-name{color:#374151;font-size:.82rem;font-weight:600}.sb2-info-row{color:#64748b;background:#f7f9fc;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;display:flex}.sb2-method-list{flex-direction:column;gap:4px;display:flex}.sb2-method-row{cursor:pointer;text-align:left;background:#fafbfd;border:1.5px solid #e8edf5;border-radius:10px;align-items:center;gap:12px;width:100%;padding:11px 14px;transition:all .15s;display:flex}.sb2-method-row:hover{background:#f0f5ff;border-color:#c5d1e8}.sb2-method-row.active{background:#edf2ff;border-color:#2f66f2}.sb2-method-indicator{background:#cbd5e1;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .15s}.sb2-method-row.active .sb2-method-indicator{background:#2f66f2}.sb2-method-name{color:#374151;flex:1;font-size:.85rem;font-weight:600}.sb2-method-check{color:#2f66f2;font-size:.8rem;font-weight:700}.sb2-zone-badge{color:#64748b;background:#f1f5fb;border:1px solid #dde5f0;border-radius:8px;padding:8px 12px;font-size:.75rem;line-height:1.4}.sb2-imprint-swatches-open{flex-wrap:wrap;gap:8px;display:flex}.sb2-imprint-swatch{cursor:pointer;background:#f2f4f8;border:2.5px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .18s;display:flex;box-shadow:0 1px 4px #00000026,inset 0 0 0 1px #00000012}.sb2-imprint-swatch.active{border-color:#2f66f2;transform:scale(1.1);box-shadow:0 0 0 3px #2f66f238}.sb2-imprint-swatch.custom-swatch{background:#f2f4f8}.sb2-color-label{color:#64748b;font-size:.78rem}.sb2-tab-content{scrollbar-width:thin;scrollbar-color:#cfd7e3 transparent;flex:1;overflow-y:auto}.sb2-tab-content::-webkit-scrollbar{width:4px}.sb2-tab-content::-webkit-scrollbar-thumb{background:#cfd7e3;border-radius:4px}.sb2-section{flex-direction:column;gap:12px;padding:18px 18px 20px;display:flex}.sb2-section-head{color:#64748b;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin-bottom:2px;font-size:.72rem;font-weight:700;display:flex}.sb2-color-grid{grid-template-columns:repeat(6,1fr);gap:9px;display:grid}.sb2-color-swatch{cursor:pointer;border:2.5px solid #0000;border-radius:50%;width:34px;height:34px;transition:all .18s;box-shadow:0 2px 6px #00000026,inset 0 0 0 1px #00000014}.sb2-color-swatch:hover{transform:scale(1.15);box-shadow:0 4px 12px #00000040}.sb2-color-swatch.active{border-color:#2f66f2;transform:scale(1.1);box-shadow:0 0 0 3px #2f66f238,0 2px 8px #0003}.sb2-selected-badge{background:#f7f9fc;border:1px solid #e8edf5;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.sb2-selected-badge>div{flex-direction:column;gap:1px;display:flex}.sb2-selected-badge strong{color:#0f1d35;font-size:.85rem;font-weight:600}.sb2-selected-badge small{color:#94a3b8;font-family:monospace;font-size:.68rem}.sb2-selected-dot{border:1.5px solid #dde5f0;border-radius:50%;flex-shrink:0;width:26px;height:26px;box-shadow:0 2px 6px #0000001f}.sb2-material-row{color:#94a3b8;align-items:center;gap:7px;font-size:.75rem;display:flex}.sb2-zone-hint{color:#6366f1;background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;padding:6px 10px;font-size:.7rem;line-height:1.4}.sb2-method-grid{flex-direction:column;gap:5px;display:flex}.sb2-method-chip{color:#374151;cursor:pointer;text-align:left;background:#fafbfc;border:1.5px solid #e8edf5;border-radius:9px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:.8rem;font-weight:500;transition:all .16s;display:flex}.sb2-method-chip:hover{color:#1e40af;background:#eef2ff;border-color:#c7d2fe}.sb2-method-chip.active{color:#fff;background:linear-gradient(135deg,#2f66f2,#4f86fc);border-color:#2f66f2;box-shadow:0 3px 10px #2f66f247}.sb2-method-dot{opacity:.6;background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.sb2-method-chip.active .sb2-method-dot{opacity:1;background:#fffc;box-shadow:0 0 6px #fff9}.sb2-imprint-swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sb2-imprint-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .16s;display:flex;box-shadow:0 2px 5px #00000026,inset 0 0 0 1px #0000001a}.sb2-imprint-swatch:hover{transform:scale(1.18)}.sb2-imprint-swatch.active{border-color:#2f66f2;box-shadow:0 0 0 3px #2f66f240,0 2px 6px #0003}.sb2-imprint-swatch.custom-swatch{color:#6b7280;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#d1d5db;font-size:14px}.sb2-color-label{color:#374151;font-size:.78rem;font-weight:600}.sb2-pms-wrap{position:relative}.sb2-pms-input-row{background:#f8fafc;border:1.5px solid #e8edf5;border-radius:9px;align-items:center;gap:8px;padding:0 10px;transition:all .16s;display:flex}.sb2-pms-input-row:focus-within{background:#fff;border-color:#2f66f2;box-shadow:0 0 0 3px #2f66f21a}.sb2-pms-input{color:#1e2939;flex:1;min-width:0;font-size:.82rem;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:9px 0!important}.sb2-pms-dot{border:1px solid #0000001a;border-radius:4px;flex-shrink:0;width:14px;height:14px}.sb2-pms-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:2px;display:flex}.sb2-pms-clear:hover{color:#ef4444;background:#ef444414}.sb2-pantone-popover{z-index:100;background:#1e2030;border:1px solid #374151;border-radius:10px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 12px 32px #00000073}.sb2-pantone-header{color:#b4c0d0;text-transform:uppercase;letter-spacing:.06em;background:#2a2d3e;justify-content:space-between;align-items:center;padding:9px 12px;font-size:.7rem;font-weight:700;display:flex}.sb2-pantone-header button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;display:flex}.sb2-pantone-header button:hover{color:#ef4444}.sb2-pantone-search-row{color:#64748b;background:#171923;border-bottom:1px solid #374151;align-items:center;gap:8px;padding:8px 12px;display:flex}.sb2-pantone-search-row input{color:#e2e8f0;background:0 0;border:none;outline:none;flex:1;padding:2px 0;font-size:.8rem}.sb2-pantone-grid{scrollbar-width:thin;scrollbar-color:#374151 transparent;background:#1e2030;grid-template-columns:repeat(10,1fr);gap:2px;max-height:220px;padding:10px;display:grid;overflow-y:auto}.sb2-pantone-swatch{aspect-ratio:1;cursor:pointer;border:1px solid #ffffff12;border-radius:2px;transition:transform .12s}.sb2-pantone-swatch:hover{z-index:5;border-color:#fff;position:relative;transform:scale(1.25)}.sb2-pantone-swatch.selected{border:2px solid #fff;box-shadow:inset 0 0 0 1px #000}.sb2-pantone-empty{text-align:center;color:#64748b;grid-column:1/-1;padding:12px;font-size:.78rem}.sb2-toggle-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex;color:#374151!important;text-transform:none!important;letter-spacing:0!important;font-size:.8rem!important;font-weight:500!important}.sb2-toggle-switch{cursor:pointer;background:#cbd5e1;border-radius:11px;flex-shrink:0;width:38px;height:22px;transition:background .2s;position:relative}.sb2-toggle-switch.on{background:#2f66f2}.sb2-toggle-knob{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.sb2-toggle-switch.on .sb2-toggle-knob{transform:translate(16px)}.sb2-upload-zone{cursor:pointer;text-align:center;color:#64748b;background:#f8fafc;border:2px dashed #bcc7d5;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:20px 14px;transition:all .18s;display:flex}.sb2-upload-zone:hover,.sb2-upload-zone:focus-within{color:#1e40af;background:#edf2ff;border-color:#2f66f2}.sb2-upload-zone.loading{opacity:.7;cursor:not-allowed;pointer-events:none}.sb2-upload-zone span{color:#1e2939;font-size:.82rem;font-weight:600}.sb2-upload-zone small{color:#94a3b8;font-size:.68rem;line-height:1.4}.sb2-upload-zone.slim{flex-direction:row;gap:10px;padding:12px 14px}.sb2-upload-icon-ring{color:#2f66f2;background:#e8f0fe;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .18s;display:flex}.sb2-upload-zone:hover .sb2-upload-icon-ring{color:#fff;background:#2f66f2}.sb2-stamp-box{background:#f7f9fc;border:1px solid #e8edf5;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.sb2-segmented{background:#e8edf5;border-radius:9px;grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:grid}.sb2-segmented button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:7px;font-size:.8rem;font-weight:600;transition:all .16s}.sb2-segmented button.active{color:#2f66f2;background:#fff;box-shadow:0 2px 6px #0f1e3c1a}.sb2-field{flex-direction:column;gap:6px;display:flex}.sb2-field label{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:700}.sb2-field input[type=text],.sb2-field input[type=number],.sb2-field select,.sb2-field textarea{color:#1e2939;resize:none;background:#f8fafc;border:1.5px solid #e8edf5;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:.84rem;transition:all .16s}.sb2-field input:focus,.sb2-field select:focus,.sb2-field textarea:focus{background:#fff;border-color:#2f66f2;box-shadow:0 0 0 3px #2f66f21a}.sb2-font-chips{flex-wrap:wrap;gap:6px;display:flex}.sb2-font-chip{color:#374151;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1.5px solid #e8edf5;border-radius:7px;padding:6px 12px;font-size:.8rem;transition:all .16s}.sb2-font-chip:hover{background:#f0f4f8;border-color:#bcc7d5}.sb2-font-chip.active{color:#1e40af;background:#edf2ff;border-color:#2f66f2;font-weight:700}.sb2-font-cat-tabs{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.sb2-font-cat-tab{color:#64748b;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:#f8fafc;border:1.5px solid #e8edf5;border-radius:20px;padding:4px 10px;font-size:.7rem;font-weight:700;transition:all .15s}.sb2-font-cat-tab:hover{color:#374151;background:#f0f4f8;border-color:#bcc7d5}.sb2-font-cat-tab.active{color:#1e40af;background:#edf2ff;border-color:#2f66f2}.sb2-font-preview{color:#1e2939;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;background:#f8fafc;border:1px solid #e8edf5;border-radius:8px;margin-top:8px;padding:8px 12px;font-size:1rem;overflow:hidden}.sb2-number-stepper{background:#f8fafc;border:1.5px solid #e8edf5;border-radius:8px;align-items:center;display:flex;overflow:hidden}.sb2-number-stepper button{color:#64748b;cursor:pointer;background:0 0;border:none;flex-shrink:0;width:32px;height:36px;font-size:1rem;font-weight:600;transition:all .14s}.sb2-number-stepper button:hover{color:#1e2939;background:#e8edf5}.sb2-number-stepper input{text-align:center;color:#1e2939;flex:1;min-width:0;font-size:.85rem;font-weight:600;box-shadow:none!important;background:0 0!important;border:none!important;padding:8px 0!important}.sb2-color-pick-row{align-items:center;gap:8px;display:flex}.sb2-color-pick-row input[type=color]{cursor:pointer;background:0 0;border:1.5px solid #e8edf5;border-radius:8px;width:36px;height:36px;padding:2px}.sb2-hex-label{color:#64748b;font-family:monospace;font-size:.75rem;font-weight:600}.sb2-row-2{grid-template-columns:1fr 1fr;align-items:end;gap:8px;display:grid}.sb2-row-3{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.sb2-outline-btn{color:#475569;cursor:pointer;text-align:center;background:#f8fafc;border:1.5px solid #e8edf5;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:8px;font-size:.78rem;font-weight:600;transition:all .16s;display:flex}.sb2-outline-btn:hover{color:#1e2939;background:#f0f4f8;border-color:#c8d2e0}.sb2-outline-btn.danger{color:#dc2626;border-color:#dc262633}.sb2-outline-btn.danger:hover{background:#dc262612;border-color:#dc2626}.sb2-primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#138a57 0%,#10b981d9 100%);border:none;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:.85rem;font-weight:700;transition:all .16s;display:flex;box-shadow:0 4px 12px #138a5747}.sb2-primary-btn:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 16px #138a5761}.sb2-layer-card{color:#1e40af;background:#edf2ff;border:1px solid #c7d2fe;border-radius:9px;align-items:center;gap:10px;padding:10px 12px;font-size:.82rem;font-weight:600;display:flex}.sb2-layer-dot{background:#2f66f2;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 6px #2f66f280}.sb2-slider-row{align-items:center;gap:10px;display:flex}.sb2-slider-row input[type=range]{accent-color:#2f66f2;flex:1}.sb2-slider-val{color:#2f66f2;text-align:right;min-width:34px;font-size:.75rem;font-weight:700}.sb2-empty-state{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:28px 16px;display:flex}.sb2-empty-state p{color:#94a3b8;max-width:200px;font-size:.78rem;line-height:1.5}.sb2-right-sidebar{scrollbar-width:thin;scrollbar-color:#cfd7e3 transparent;background:#fff;border-left:1px solid #e8edf5;flex-direction:column;height:100%;min-height:0;display:flex;overflow-y:auto}.sb2-right-sidebar::-webkit-scrollbar{width:4px}.sb2-right-sidebar::-webkit-scrollbar-thumb{background:#cfd7e3;border-radius:4px}.sb2-rs-section{border-bottom:1px solid #f0f4f8;padding:16px 18px}.sb2-rs-label{color:#94a3b8;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:.68rem;font-weight:800;display:flex}.sb2-mode-badge{letter-spacing:.06em;border-radius:4px;padding:2px 7px;font-size:.62rem;font-weight:800}.sb2-mode-badge.mode-2d{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.sb2-mode-badge.mode-3d{color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe}.sb2-view-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.sb2-view-tile{cursor:pointer;color:#64748b;text-transform:uppercase;letter-spacing:.04em;background:0 0;border:none;flex-direction:column;align-items:center;gap:5px;font-size:.67rem;font-weight:700;transition:all .16s;display:flex}.sb2-view-tile:hover{color:#1e2939}.sb2-view-thumb{background:#f5f8fc;border:1.5px solid #e8edf5;border-radius:10px;place-items:center;width:54px;height:54px;transition:all .16s;display:grid;overflow:hidden}.sb2-view-thumb img{object-fit:contain;width:80%;height:80%}.sb2-view-tile.active{color:#2f66f2}.sb2-view-tile.active .sb2-view-thumb{background:#edf2ff;border-color:#2f66f2;box-shadow:0 0 0 2px #2f66f226}.sb2-zone-pills{flex-direction:column;gap:6px;display:flex}.sb2-zone-pill{color:#374151;cursor:pointer;text-align:left;background:#f8fafc;border:1.5px solid #e8edf5;border-radius:9px;justify-content:space-between;align-items:center;width:100%;padding:9px 13px;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.sb2-zone-pill small{color:#94a3b8;font-family:monospace;font-size:.68rem;font-weight:500}.sb2-zone-pill:hover{background:#f0f4f8;border-color:#bcc7d5}.sb2-zone-pill.active{color:#1e40af;background:#edf2ff;border-color:#2f66f2}.sb2-zone-pill.active small{color:#6366f1}.sb2-size-row{align-items:flex-end;gap:8px;margin-bottom:4px;display:flex}.sb2-size-field{flex-direction:column;flex:1;gap:4px;display:flex}.sb2-size-field label{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:700}.sb2-size-field input{color:#1e2939;text-align:center;background:#f8fafc;border:1.5px solid #e8edf5;border-radius:7px;outline:none;width:100%;padding:7px 9px;font-size:.82rem;font-weight:600;transition:all .15s}.sb2-size-field input:focus{background:#fff;border-color:#2f66f2;box-shadow:0 0 0 3px #2f66f21a}.sb2-lock-btn{color:#94a3b8;cursor:pointer;background:#f8fafc;border:1.5px solid #e8edf5;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:1px;transition:all .15s;display:flex}.sb2-lock-btn:hover{color:#374151;background:#f0f4f8}.sb2-lock-btn.locked{color:#2f66f2;background:#edf2ff;border-color:#2f66f2}.sb2-zone-max-hint{color:#94a3b8;text-align:center;margin-bottom:8px;font-size:.68rem}.sb2-placement-field{margin-bottom:10px}.sb2-placement-label{color:#64748b;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:.72rem;font-weight:600;display:flex}.sb2-reset-btn{color:#2f66f2;cursor:pointer;background:0 0;border:none;padding:0;font-size:.7rem;font-weight:600;transition:color .14s}.sb2-reset-btn:hover{color:#1e40af}.sb2-reset-btn:disabled{color:#cbd5e1;cursor:not-allowed}.sb2-placement-field input[type=range]{accent-color:#2f66f2;width:100%}.sb2-layers-list{scrollbar-width:thin;flex-direction:column;gap:5px;max-height:160px;padding-right:2px;display:flex;overflow-y:auto}.sb2-layers-empty{color:#94a3b8;text-align:center;background:#f8fafc;border:1px dashed #bcc7d5;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:16px;font-size:.73rem;display:flex}.sb2-layer-item{background:#f8fafc;border:1.5px solid #e8edf5;border-radius:8px;justify-content:space-between;align-items:center;padding:7px 10px;transition:all .15s;display:flex}.sb2-layer-item:hover{background:#f0f4f8;border-color:#bcc7d5}.sb2-layer-item.active{background:#edf2ff;border-color:#2f66f2}.sb2-layer-info{cursor:pointer;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.sb2-layer-info span{color:#374151;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:500;overflow:hidden}.sb2-layer-item.active .sb2-layer-info span{color:#1e40af;font-weight:600}.sb2-layer-btns{flex-shrink:0;gap:2px;display:flex}.sb2-layer-btns button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .14s;display:flex}.sb2-layer-btns button:hover{color:#374151;background:#f0f4f8}.sb2-layer-btns button.danger:hover{color:#dc2626;background:#dc262614}.sb2-layer-btns button:disabled{opacity:.3;cursor:not-allowed}.sb2-action-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.sb2-action-btn{color:#374151;cursor:pointer;text-align:left;background:#f8fafc;border:1.5px solid #e8edf5;border-radius:9px;align-items:center;gap:7px;padding:9px 11px;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.sb2-action-btn:hover{color:#1e2939;background:#f0f4f8;border-color:#bcc7d5;transform:translateY(-.5px)}.sb2-action-btn.active{color:#2f66f2;background:#edf2ff;border-color:#2f66f2}.sb2-action-btn.danger{color:#dc2626;border-color:#dc26262e}.sb2-action-btn.danger:hover{background:#dc262612;border-color:#dc2626}.sb2-output-section{margin-top:auto}.sb2-output-stack{flex-direction:column;gap:7px;display:flex}.sb2-export-btn{color:#374151;cursor:pointer;background:#f8fafc;border:1.5px solid #e8edf5;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.sb2-export-btn:hover{background:#f0f4f8;border-color:#bcc7d5}.sb2-export-btn.primary{color:#fff;background:#2f66f2;border-color:#2f66f2;box-shadow:0 4px 12px #2f66f240}.sb2-export-btn.primary:hover{background:#1e54d8;box-shadow:0 6px 16px #2f66f259}.sb2-outline-btn2{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e8edf5;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:7px;font-size:.75rem;font-weight:600;transition:all .14s;display:flex}.sb2-outline-btn2:hover{color:#374151;background:#f0f4f8;border-color:#bcc7d5}.sb2-hint-row{color:#94a3b8;align-items:center;gap:7px;margin-top:10px;font-size:.7rem;line-height:1.4;display:flex}.studio-workspace{grid-template-columns:300px minmax(0,1fr) 300px!important}.studio-sidebar-left{overflow:hidden!important}.studio-sidebar-left>.ls-sidebar{height:100%}.nx-root{--nx-ink:#0f172a;--nx-ink-2:#334155;--nx-muted:#64748b;--nx-line:#e5e8f0;--nx-surface:#fff;--nx-canvas:#f4f5fb;--nx-brand:#4f46e5;--nx-brand-2:#7c3aed;--nx-brand-soft:#eef0ff;--nx-success:#059669;--nx-topbar-h:64px;--nx-cart-h:76px;--nx-panel-w:348px;--nx-ease:cubic-bezier(.22, 1, .36, 1);--nx-shadow-xs:0 1px 2px #0f172a0f;--nx-shadow-sm:0 1px 2px #0f172a0f, 0 4px 14px #0f172a0f;--nx-shadow-lg:0 2px 4px #0f172a0a, 0 24px 60px -20px #0f172a47;-webkit-font-smoothing:antialiased;color:var(--nx-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.nx-root.studio-customizer{background:var(--nx-canvas);flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}.nx-root *,.nx-root :before,.nx-root :after{box-sizing:border-box}.nx-root button{font-family:inherit}.nx-root :where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--nx-brand);outline-offset:2px;border-radius:8px}.nx-topbar{z-index:50;height:var(--nx-topbar-h);-webkit-backdrop-filter:saturate(180%)blur(16px);border-bottom:1px solid var(--nx-line);background:#ffffffd1;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 16px;display:grid;position:relative}.nx-topbar__left,.nx-topbar__right{align-items:center;gap:10px;min-width:0;display:flex}.nx-topbar__right{justify-content:flex-end}.nx-brand{cursor:pointer;color:var(--nx-ink);letter-spacing:-.01em;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:4px 10px 4px 4px;font-size:15px;transition:background .2s;display:inline-flex}.nx-brand:hover{background:#f1f3f9}.nx-brand__mark{color:#fff;background:linear-gradient(135deg, var(--nx-brand), var(--nx-brand-2));width:34px;height:34px;transition:transform .3s var(--nx-ease);border-radius:10px;place-items:center;display:grid;box-shadow:0 6px 16px -6px #4f46e5b3,inset 0 1px #ffffff59}.nx-brand:hover .nx-brand__mark{transform:rotate(-6deg)scale(1.06)}.nx-brand strong{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-weight:700;overflow:hidden}.nx-divider{background:var(--nx-line);flex:none;width:1px;height:26px}.nx-product{align-items:center;gap:10px;min-width:0;display:flex}.nx-product__name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.nx-product__code{color:var(--nx-muted);border:1px solid var(--nx-line);white-space:nowrap;background:#f1f3f9;border-radius:999px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:500}.nx-icon-btn{width:38px;height:38px;color:var(--nx-ink-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;place-items:center;transition:background .2s,color .2s,transform .15s,border-color .2s;display:grid}.nx-icon-btn:hover{background:#f1f3f9}.nx-icon-btn:active{transform:scale(.94)}.nx-icon-btn.is-active{color:var(--nx-brand);background:var(--nx-brand-soft)}.nx-btn{border:1px solid var(--nx-line);background:var(--nx-surface);height:38px;color:var(--nx-ink);cursor:pointer;box-shadow:var(--nx-shadow-xs);border-radius:11px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;transition:transform .15s,box-shadow .2s,border-color .2s,background .2s;display:inline-flex}.nx-btn:hover{box-shadow:var(--nx-shadow-sm);border-color:#cfd4e3;transform:translateY(-1px)}.nx-btn:active{transform:translateY(0)scale(.98)}.nx-btn--ghost{box-shadow:none;color:var(--nx-ink-2);background:0 0;border-color:#0000}.nx-btn--ghost:hover{box-shadow:none;background:#f1f3f9;border-color:#0000}.nx-seg{isolation:isolate;background:#eceef6;border-radius:13px;grid-template-columns:1fr 1fr;padding:4px;display:inline-grid;position:relative;box-shadow:inset 0 1px 2px #0f172a0f}.nx-seg__thumb{width:calc(50% - 4px);transition:transform .4s var(--nx-ease);z-index:-1;background:#fff;border-radius:10px;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 1px 2px #0f172a1f,0 6px 16px #0f172a14}.nx-seg[data-active="3d"] .nx-seg__thumb{transform:translate(100%)}.nx-seg__btn{min-width:112px;color:var(--nx-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:color .25s;display:inline-flex}.nx-seg__btn:hover{color:var(--nx-ink)}.nx-seg__btn.is-active{color:var(--nx-brand)}.nx-root.studio-customizer .nx-workspace.studio-workspace{--nx-l:0px;--nx-r:0px;grid-template-columns:var(--nx-l) minmax(0, 1fr) var(--nx-r);min-height:0;transition:grid-template-columns .4s var(--nx-ease);background:0 0;flex:auto;gap:0;padding:0;display:grid;position:relative}.nx-root.studio-customizer .nx-workspace.studio-workspace.has-left{--nx-l:var(--nx-panel-w)}.nx-root.studio-customizer .nx-workspace.studio-workspace.has-right{--nx-r:var(--nx-panel-w)}.nx-panel{background:var(--nx-surface);min-width:0;min-height:0;position:relative;overflow:hidden}.nx-panel:not(.is-open){visibility:hidden;transition:visibility 0s linear .4s}.nx-panel__inner{width:var(--nx-panel-w);scrollbar-width:thin;scrollbar-color:#cfd4e3 transparent;height:100%;animation:nx-rise .5s var(--nx-ease) both;overflow:hidden auto}.nx-panel--left .nx-panel__inner{border-right:1px solid var(--nx-line)}.nx-panel--right .nx-panel__inner{border-left:1px solid var(--nx-line);animation-delay:60ms}.nx-panel__inner>*{box-sizing:border-box;width:100%!important;max-width:none!important}:where(.nx-panel) :where(input[type=range]){accent-color:var(--nx-brand)}:where(.nx-panel) :where(button,select,input){transition:background .2s,border-color .2s,box-shadow .2s,transform .15s,color .2s}:where(.nx-panel) :where(button):active{transform:scale(.98)}.nx-root.studio-customizer .studio-main.nx-stage{background-color:var(--nx-canvas);background-image:radial-gradient(900px 420px at 50% -12%,#6366f11f,#0000 65%),radial-gradient(circle at 1px 1px,#64748b3d 1px,#0000 0);background-size:auto,22px 22px;flex-direction:column;min-width:0;min-height:0;padding:58px 28px 10px;display:flex;position:relative;overflow:hidden}.nx-stage__chips{z-index:6;pointer-events:none;justify-content:space-between;gap:10px;display:flex;position:absolute;top:14px;left:20px;right:20px}.nx-chip{pointer-events:auto;-webkit-backdrop-filter:blur(10px);max-width:60%;box-shadow:var(--nx-shadow-xs);color:var(--nx-ink-2);white-space:nowrap;text-overflow:ellipsis;animation:nx-rise .5s var(--nx-ease) both;background:#ffffffd9;border:1px solid #e5e8f0e6;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}.nx-chip__dot{background:var(--nx-success);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #05966929}.nx-chip--side{text-transform:uppercase;letter-spacing:.06em;font-size:11px}.nx-stage__viewport{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.nx-viewport{animation:.4s both nx-fade}.nx-stage__viewport>.studio-2d-viewport-container{justify-content:center;align-items:center;width:100%;height:100%}.nx-root .canvas-box{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.nx-root .canvas-container{box-shadow:var(--nx-shadow-lg), 0 0 0 1px #0f172a0d;transition:box-shadow .4s var(--nx-ease), transform .4s var(--nx-ease);background:#fff;border-radius:20px;overflow:hidden}.nx-root .canvas-container:hover{box-shadow:0 2px 4px #0f172a0a,0 32px 70px -22px #0f172a57,0 0 0 1px #4f46e529}.nx-viewport--3d{box-shadow:var(--nx-shadow-lg), 0 0 0 1px #0f172a0d;background:#eceef5;border-radius:22px;position:relative;overflow:hidden}.nx-stage__hint{color:var(--nx-muted);flex:none;justify-content:center;align-items:center;gap:8px;margin:10px 0 0;padding:0;font-size:12px;display:flex}.nx-stage__hint svg{color:var(--nx-brand)}.nx-cartbar{height:var(--nx-cart-h);z-index:50;-webkit-backdrop-filter:saturate(180%)blur(16px);border-top:1px solid var(--nx-line);background:#ffffffe6;flex:none;position:relative}.nx-cartbar__inner{justify-content:space-between;align-items:center;gap:16px;height:100%;padding:0 20px;display:flex}.nx-cartbar__summary{align-items:center;gap:14px;min-width:0;display:flex}.nx-cartbar__thumb{object-fit:contain;border:1px solid var(--nx-line);background:#f1f3f9;border-radius:12px;flex:none;width:46px;height:46px;padding:3px}.nx-cartbar__text{flex-direction:column;gap:6px;min-width:0;display:flex}.nx-cartbar__name{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.nx-cartbar__pills{flex-wrap:wrap;gap:6px;display:flex}.nx-pill{border:1px solid var(--nx-line);color:var(--nx-muted);white-space:nowrap;background:#f1f3f9;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;display:inline-flex}.nx-pill strong{color:var(--nx-ink);font-weight:600}.nx-swatch{border:1px solid #0f172a2e;border-radius:50%;width:10px;height:10px}.nx-cta{color:#fff;letter-spacing:-.005em;cursor:pointer;background:linear-gradient(135deg, var(--nx-brand), var(--nx-brand-2));height:48px;transition:transform .2s var(--nx-ease), box-shadow .25s;white-space:nowrap;border:0;border-radius:14px;align-items:center;gap:10px;padding:0 24px;font-size:14px;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 24px -10px #4f46e5cc,inset 0 1px #ffffff4d}.nx-cta:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff59 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.nx-cta:hover{transform:translateY(-2px);box-shadow:0 16px 30px -10px #4f46e5d9,inset 0 1px #ffffff4d}.nx-cta:hover:after{transition:transform .8s var(--nx-ease);transform:translate(120%)}.nx-cta:active{transform:translateY(0)scale(.98)}.nx-cta svg{transition:transform .25s var(--nx-ease)}.nx-cta:hover svg{transform:translateY(-1px)scale(1.12)}.nx-loader{background-color:var(--nx-canvas);background-image:radial-gradient(700px 360px at 50% 30%,#6366f124,#0000 65%),radial-gradient(circle at 1px 1px,#64748b33 1px,#0000 0);background-size:auto,22px 22px;flex:auto;place-items:center;display:grid}.nx-loader__card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--nx-line);box-shadow:var(--nx-shadow-lg);animation:nx-rise .6s var(--nx-ease) both;background:#ffffffd9;border-radius:24px;flex-direction:column;align-items:center;gap:16px;padding:36px 44px;display:flex}.nx-loader__ring{width:64px;height:64px;color:var(--nx-brand);background:var(--nx-brand-soft);border-radius:20px;place-items:center;display:grid}.nx-loader__ring svg{animation:1s linear infinite nx-spin}.nx-loader__title{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600}.nx-loader__bar{background:#e6e9f5;border-radius:999px;width:200px;height:5px;overflow:hidden}.nx-loader__bar:after{content:"";border-radius:inherit;background:linear-gradient(90deg, var(--nx-brand), var(--nx-brand-2));width:40%;height:100%;animation:nx-slide 1.2s var(--nx-ease) infinite;display:block}.nx-scrim{display:none}@keyframes nx-spin{to{transform:rotate(360deg)}}@keyframes nx-slide{0%{transform:translate(-110%)}to{transform:translate(260%)}}@keyframes nx-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes nx-fade{0%{opacity:0}to{opacity:1}}@media (width<=1100px){.nx-root.studio-customizer .nx-workspace.studio-workspace{grid-template-columns:minmax(0,1fr)}.nx-panel{top:var(--nx-topbar-h);bottom:var(--nx-cart-h);width:min(92vw, var(--nx-panel-w));z-index:45;transition:transform .4s var(--nx-ease), visibility 0s linear 0s;position:fixed;box-shadow:0 30px 80px -10px #0f172a73}.nx-panel--left{left:0;transform:translate(-104%)}.nx-panel--right{right:0;transform:translate(104%)}.nx-panel.is-open{transform:none}.nx-panel:not(.is-open){visibility:hidden;transition:transform .4s var(--nx-ease), visibility 0s linear .4s}.nx-panel__inner{width:100%}.nx-scrim{inset:var(--nx-topbar-h) 0 var(--nx-cart-h) 0;z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a61;animation:.25s both nx-fade;display:block;position:fixed}}@media (width<=900px){.nx-product,.nx-divider{display:none}.nx-topbar{grid-template-columns:auto 1fr auto}.nx-seg{justify-self:center}.nx-seg__btn{min-width:84px;padding:8px 12px}}@media (width<=720px){.nx-btn__label,.nx-brand strong,.nx-cartbar__pills,.nx-cartbar__thumb{display:none}.nx-root.studio-customizer .studio-main.nx-stage{padding:56px 12px 8px}.nx-cta{padding:0 18px}}@media (prefers-reduced-motion:reduce){.nx-root *,.nx-root :before,.nx-root :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.studio-download-wrap{position:relative}.studio-finish-topbar-btn{align-items:center;gap:6px;display:inline-flex}.studio-download-menu{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;min-width:180px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 25px #0000001f}.studio-download-menu button{text-align:left;color:#1e293b;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:9px 12px;font-size:.875rem}.studio-download-menu button:hover{background:#f1f5f9}.studio-email-btn{color:#0369a1;background:#fff;border:1px solid #0369a1}.studio-email-btn:hover{background:#f0f9ff}.studio-zone-visibility-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #dbe3ef;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:36px;transition:color .16s,background .16s,border-color .16s,box-shadow .16s,transform .16s;display:inline-flex;box-shadow:0 1px 2px #0f172a0a;min-width:auto!important;padding:0 12px!important}.studio-zone-visibility-btn svg{stroke-width:2px;flex:none}.studio-zone-visibility-btn span{font-size:.78rem;font-weight:650;line-height:1}.studio-zone-visibility-btn:hover{color:#2563eb;background:#eff6ff;border-color:#b9c9ed;transform:translateY(-1px);box-shadow:0 4px 10px #2563eb1a}.studio-zone-visibility-btn:active{transform:translateY(0)scale(.98);box-shadow:0 1px 3px #0f172a14}.studio-zone-visibility-btn.active{color:#1d4ed8;background:#eaf2ff;border-color:#93b4ef}.studio-zone-visibility-btn:focus-visible{outline-offset:2px;outline:3px solid #2563eb2e}@media (width<=720px){.studio-zone-visibility-btn{width:36px;padding:0!important}.studio-zone-visibility-btn span{display:none}}.login-page{color:#142235;background:#f7f9fc;min-height:100vh;font-family:DM Sans,sans-serif;overflow:hidden}.landing-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#f7f9fceb;border-bottom:1px solid #e8edf4;align-items:center;width:100%;height:78px;margin:0;padding:0 max(32px,50vw - 620px);display:flex;position:sticky;top:0}.landing-brand{letter-spacing:-.04em;align-items:center;gap:11px;font-family:Space Grotesk,sans-serif;font-size:1.08rem;font-weight:700;display:flex}.landing-brand-mark{color:#fff;background:#ff4b55;border-radius:10px;place-items:center;width:32px;height:32px;font-weight:700;display:grid;box-shadow:0 8px 18px #ff4b5533}.landing-links{gap:30px;margin-left:auto;margin-right:34px;display:flex}.landing-links a{color:#708096;font-size:.83rem;font-weight:600;text-decoration:none;transition:color .2s}.landing-links a:hover{color:#ff4b55}.landing-login-btn,.landing-primary-btn{cursor:pointer;font:inherit;border:0;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.landing-login-btn{color:#fff;background:#ff4b55;border-radius:9px;padding:10px 17px;box-shadow:0 8px 18px #ff4b552e}.landing-login-btn:hover,.landing-primary-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #ff4b553d}.landing-main{max-width:1240px;margin:0 auto;padding:0 32px}.landing-hero{grid-template-columns:.88fr 1.12fr;align-items:center;gap:50px;min-height:615px;display:grid;position:relative}.landing-copy{padding:54px 0 60px;animation:.7s both landing-rise}.landing-eyebrow{color:#ff4b55;letter-spacing:.14em;align-items:center;gap:9px;margin:0 0 22px;font-size:.68rem;font-weight:700;display:flex}.landing-eyebrow span{background:#ff4b55;width:24px;height:2px}.landing-copy h1{letter-spacing:-.075em;color:#132238;max-width:560px;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(3rem,5.2vw,5.25rem);font-weight:600;line-height:.98}.landing-copy h1 strong{color:#ff4b55;font-weight:600}.landing-description{color:#64748b;max-width:475px;margin:28px 0 0;font-size:1rem;line-height:1.7}.landing-actions{align-items:center;gap:25px;margin-top:32px;display:flex}.landing-primary-btn{color:#fff;background:#ff4b55;border-radius:10px;padding:14px 20px;box-shadow:0 8px 18px #ff4b552e}.landing-text-link{color:#293a50;font-size:.86rem;font-weight:700;text-decoration:none}.landing-text-link:hover{color:#ff4b55}.landing-proof{color:#8b98a9;align-items:center;gap:8px;margin-top:42px;font-size:.76rem;font-weight:600;display:flex}.proof-dot{background:#27b27a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #27b27a1f}.landing-preview{place-items:center;min-height:480px;animation:6s ease-in-out infinite landing-float;display:grid;position:relative}.preview-glow{filter:blur(12px);pointer-events:none;border-radius:50%;position:absolute}.preview-glow-coral{background:#ff706829;width:360px;height:250px;top:18%;right:4%}.preview-window{z-index:1;background:#fff;border:1px solid #e2e9f1;border-radius:17px;width:min(590px,100%);position:relative;overflow:hidden;box-shadow:0 24px 55px #31465e26}.preview-window-bar{color:#8a98a9;background:#1c2938;align-items:center;gap:6px;height:38px;padding:0 15px;font-size:.62rem;display:flex}.preview-window-bar>span{background:#ff6b63;border-radius:50%;width:8px;height:8px}.preview-window-bar>span:nth-child(3){background:#36c879}.preview-window-bar small{letter-spacing:.04em;margin-left:9px}.preview-window-bar b{color:#4fe19a;margin-left:auto;font-size:.56rem}.preview-window-body{grid-template-columns:155px 1fr;min-height:360px;display:grid}.preview-sidebar{background:#f8fafc;border-right:1px solid #e7edf4;padding:22px 15px}.preview-sidebar-title{color:#94a1b1;letter-spacing:.1em;font-size:.57rem;font-weight:700}.preview-product-row{color:#22334a;align-items:center;gap:8px;padding:14px 4px;font-size:.7rem;display:flex}.preview-product-row small{color:#9aa7b5;margin-top:2px;font-size:.58rem;display:block}.preview-bag-icon{color:#ff4b55;background:#ffe7e5;border-radius:9px;place-items:center;width:30px;height:30px;font-size:1.25rem;display:grid}.preview-sidebar-line{background:#e6edf4;height:1px;margin:5px 0 20px}.preview-zone{color:#778699;border-radius:7px;justify-content:space-between;margin-top:7px;padding:10px 8px;font-size:.65rem;display:flex}.preview-zone i{background:#cad4df;border-radius:50%;width:6px;height:6px;margin-top:4px}.preview-zone.active{color:#ff4b55;background:#fff0ef;font-weight:700}.preview-stage{background:#fbfcfe}.preview-stage-head{color:#607187;justify-content:space-between;padding:18px 20px 12px;font-size:.66rem;font-weight:700;display:flex}.preview-stage-head em{color:#ff4b55;font-size:.58rem;font-style:normal}.preview-product-art{background-image:radial-gradient(#e5ebf3 .8px,#0000 .8px);background-size:17px 17px;place-items:center;height:274px;display:grid;position:relative}.art-shadow{filter:blur(8px);background:#2736481f;border-radius:50%;width:190px;height:22px;position:absolute;bottom:23px}.art-bag{background:linear-gradient(90deg,#283d52 0 15%,#4b6880 15% 84%,#263b50 84%);border-radius:37% 37% 15% 15%;width:155px;height:190px;position:relative;box-shadow:inset 10px 0 #ffffff1f,inset -10px 0 #00000029,0 15px 25px #25394c33}.art-handle{border:7px solid #263849;border-bottom:0;border-radius:50% 50% 0 0;width:57px;height:40px;position:absolute;top:-23px;left:48px}.art-top{background:#365268;border-radius:16px 16px 9px 9px;width:115px;height:45px;position:absolute;top:32px;left:20px;box-shadow:inset 0 7px #ffffff14}.art-pocket{background:#345169;border:2px solid #ffffff1f;border-radius:10px 10px 17px 17px;width:101px;height:82px;position:absolute;bottom:24px;left:27px}.art-pocket span{background:#202f40;height:3px;position:absolute;top:12px;left:10px;right:10px}.art-zone{color:#ff6465;border:1px dashed #ff6465;place-items:center;width:59px;height:43px;font-size:.42rem;display:grid;position:absolute;top:91px;left:48px}.art-zone b{border-color:#ff6465;width:7px;height:7px;position:absolute}.art-zone b:first-child{border-top:2px solid;border-left:2px solid;top:-1px;left:-1px}.art-zone b:nth-child(2){border-top:2px solid;border-right:2px solid;top:-1px;right:-1px}.art-zone b:nth-child(3){border-bottom:2px solid;border-left:2px solid;bottom:-1px;left:-1px}.art-zone b:nth-child(4){border-bottom:2px solid;border-right:2px solid;bottom:-1px;right:-1px}.preview-stage-footer{color:#7e8c9d;border-top:1px solid #e7edf4;justify-content:space-between;padding:13px 20px;font-size:.63rem;display:flex}.preview-stage-footer .status-live{background:#2bb77a;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.preview-float-card{z-index:2;background:#fffffff2;border:1px solid #e8edf4;border-radius:10px;align-items:center;gap:9px;padding:12px 15px;animation:4s ease-in-out infinite landing-float-card;display:flex;position:absolute;bottom:30px;right:-25px;box-shadow:0 12px 25px #31465e1f}.float-check{color:#1ca66b;background:#e5f8ef;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.75rem;display:grid}.preview-float-card strong,.preview-float-card small{display:block}.preview-float-card strong{color:#27384d;font-size:.7rem}.preview-float-card small{color:#8b98a9;margin-top:3px;font-size:.58rem}.landing-stats{border-top:1px solid #e3eaf2;grid-template-columns:repeat(3,1fr);gap:0;padding:33px 0 46px;display:grid}.landing-stats>div{border-right:1px solid #e3eaf2;padding:0 32px}.landing-stats>div:first-child{padding-left:0}.landing-stats>div:last-child{border-right:0}.landing-stats strong{color:#ff4b55;font-family:Space Grotesk,sans-serif;font-size:.78rem;display:block}.landing-stats span{color:#26384d;margin-top:8px;font-size:.92rem;font-weight:700;display:block}.landing-stats p{color:#8794a4;max-width:250px;margin-top:5px;font-size:.78rem;line-height:1.5}.login-modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#19273847;place-items:center;padding:24px;animation:.2s both modal-in;display:grid;position:fixed;inset:0}.login-form-panel{background:#fff;border:1px solid #e5ebf2;border-radius:18px;width:min(430px,100%);padding:38px;animation:.3s both modal-card-in;position:relative;box-shadow:0 25px 70px #1e304633}.login-close-btn{color:#9aa6b5;cursor:pointer;background:0 0;border:0;font-size:1.5rem;position:absolute;top:15px;right:17px}.login-modal-kicker{color:#ff4b55;letter-spacing:.12em;margin-bottom:10px;font-size:.64rem;font-weight:700}.login-form-header{margin-bottom:26px}.login-form-header h2{color:#17283d;letter-spacing:-.05em;margin:0 0 7px;font-family:Space Grotesk,sans-serif;font-size:1.8rem}.login-form-header>p:last-child{color:#7c8998;font-size:.86rem}.login-form{flex-direction:column;gap:17px;display:flex}.login-field{flex-direction:column;gap:7px;display:flex}.login-field label{color:#617084;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700}.login-field input{color:#1c2e43;width:100%;font:inherit;background:#fbfcfe;border:1px solid #dce4ed;border-radius:9px;outline:0;padding:12px 13px;font-size:.9rem}.login-field input::placeholder{color:#abb6c3}.login-error-box{color:#c73f45;background:#fff5f4;border:1px solid #ffd2d0;border-radius:9px;gap:9px;margin-bottom:16px;padding:11px 12px;font-size:.8rem;display:flex}.login-submit-btn{color:#fff;cursor:pointer;width:100%;font:inherit;background:#ff4b55;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;margin-top:3px;padding:13px;font-weight:700;display:flex;box-shadow:0 8px 18px #ff4b5533}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-footer-note{color:#a0acb9;text-align:center;margin:23px 0 0;font-size:.74rem}.login-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin-btn}@keyframes landing-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes landing-float-card{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes modal-in{0%{opacity:0}to{opacity:1}}@keyframes modal-card-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin-btn{to{transform:rotate(360deg)}}@media (width<=900px){.landing-nav{padding:0 20px}.landing-links{display:none}.landing-main{padding:0 20px}.landing-hero{grid-template-columns:1fr;gap:10px;padding-top:30px}.landing-copy{padding:25px 0 0}.landing-preview{min-height:400px}.preview-float-card{right:0}.landing-stats{gap:22px}.landing-stats>div{border:0;padding:0}}@media (width<=600px){.landing-nav{height:68px}.landing-copy h1{font-size:3rem}.landing-description{font-size:.92rem}.landing-actions{flex-direction:column;align-items:flex-start;gap:16px}.landing-preview{min-height:325px}.preview-window-body{grid-template-columns:105px 1fr;min-height:275px}.preview-sidebar{padding:15px 9px}.preview-product-art{height:205px;transform:scale(.86)}.preview-window-bar{padding:0 9px}.landing-stats{grid-template-columns:1fr;padding-top:25px}.login-form-panel{padding:32px 24px}}.specimen-board{z-index:1;background:#eef1e9;border:1px solid #dfe5dc;width:min(560px,100%);height:455px;position:relative;overflow:hidden;transform:rotate(1.5deg);box-shadow:18px 22px #e3e8df,0 28px 60px #34453721}.specimen-topline,.specimen-bottomline{color:#718071;letter-spacing:.12em;justify-content:space-between;padding:18px 20px;font-size:.59rem;font-weight:700;display:flex}.specimen-bottomline{color:#718071;border-top:1px solid #d9e0d7;position:absolute;inset:auto 0 0}.specimen-bottomline .status-live{background:#39ab76;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.specimen-art{background-image:linear-gradient(#75897414 1px,#0000 1px),linear-gradient(90deg,#75897414 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:55px 0 53px}.specimen-axis{background:#b8c4b5;position:absolute}.axis-x{height:1px;top:50%;left:16%;right:16%}.axis-y{width:1px;top:10%;bottom:10%;left:50%}.specimen-shadow{filter:blur(10px);background:#3746372e;border-radius:50%;width:210px;height:22px;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.specimen-bag{background:linear-gradient(90deg,#253c51 0 14%,#547087 14% 84%,#263d51 84%);border-radius:38% 38% 16% 16%;width:175px;height:230px;position:absolute;top:50%;left:50%;transform:translate(-50%,-47%);box-shadow:inset 12px 0 #ffffff1f,inset -12px 0 #00000029,0 18px 25px #2b3d4b2e}.specimen-handle{border:8px solid #253848;border-bottom:0;border-radius:50% 50% 0 0;width:66px;height:56px;position:absolute;top:-32px;left:55px}.specimen-pocket{background:#39586d;border:2px solid #ffffff21;border-radius:10px 10px 20px 20px;height:94px;position:absolute;bottom:27px;left:29px;right:29px}.specimen-pocket:after{content:"";background:#263849;height:4px;position:absolute;top:14px;left:14px;right:14px}.specimen-panel{background:#3f6074;border-radius:14px 14px 8px 8px;height:70px;position:absolute;top:48px;left:30px;right:30px;box-shadow:inset 0 8px #ffffff12}.specimen-zone{border:1px dashed #ef5b62;width:69px;height:53px;position:absolute;top:80px;left:53px}.specimen-zone b{border-color:#ef5b62;width:9px;height:9px;position:absolute}.specimen-zone b:first-child{border-top:2px solid;border-left:2px solid;top:-1px;left:-1px}.specimen-zone b:nth-child(2){border-top:2px solid;border-right:2px solid;top:-1px;right:-1px}.specimen-zone b:nth-child(3){border-bottom:2px solid;border-left:2px solid;bottom:-1px;left:-1px}.specimen-zone b:nth-child(4){border-bottom:2px solid;border-right:2px solid;bottom:-1px;right:-1px}.measure{color:#e45d62;letter-spacing:.08em;font-family:Space Grotesk,sans-serif;font-size:.65rem;position:absolute}.measure-width{top:52%;left:calc(50% + 105px)}.measure-height{writing-mode:vertical-rl;top:29%;left:calc(50% + 112px)}.measure-width:before{content:"";border-top:1px solid #e45d62;width:28px;margin:0 7px 3px 0;display:inline-block}.measure-height:before{content:"";border-left:1px solid #e45d62;height:30px;margin-left:4px;display:block}.specimen-note{z-index:2;color:#3d5545;background:#ffffffe6;border:1px solid #e3e9df;align-items:flex-start;gap:9px;padding:10px 12px;font-size:.67rem;line-height:1.35;display:flex;position:absolute;box-shadow:0 10px 25px #3445371a}.specimen-note b{color:#e45d62;font-size:.65rem}.specimen-note small{color:#8c9a8e;font-size:.59rem}.note-top{top:92px;right:-25px}.note-bottom{bottom:64px;left:-25px}.specimen-note:before{content:"";border-top:1px solid #e45d62;width:36px;position:absolute}.note-top:before{top:25px;left:-36px}.note-bottom:before{top:25px;right:-36px}.landing-preview{animation:7s ease-in-out infinite specimen-drift}.preview-glow-coral{background:#deebc059;width:300px;height:260px}.specimen-note{animation:.8s .35s both specimen-note-in}.note-bottom{animation-delay:.6s}@keyframes specimen-drift{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(.4deg)}}@keyframes specimen-note-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.specimen-board{height:330px;box-shadow:9px 12px #e3e8df,0 20px 36px #34453721}.specimen-bag{transform:translate(-50%,-47%)scale(.72)}.specimen-note{padding:8px;font-size:.58rem}.note-top{top:57px;right:-8px}.note-bottom{bottom:47px;left:-8px}.measure{display:none}}.landing-brand-mark,.landing-login-btn,.landing-primary-btn{background:#8175e8}.landing-brand-mark{box-shadow:0 8px 18px #8175e838}.landing-links a:hover,.landing-text-link:hover{color:#7064d8}.landing-login-btn,.landing-primary-btn{box-shadow:0 8px 18px #8175e833}.landing-login-btn:hover,.landing-primary-btn:hover{box-shadow:0 12px 24px #8175e847}.landing-eyebrow,.landing-copy h1 strong,.landing-stats strong{color:#7064d8}.landing-eyebrow span{background:#8175e8}.preview-glow-coral{background:#aea4ff33}.preview-window-bar>span{background:#8175e8}.preview-window-bar>span:nth-child(2){background:#b0a8f5}.preview-bag-icon{color:#7064d8;background:#eceaff}.preview-zone.active{color:#7064d8;background:#f0eeff}.preview-zone.active i{background:#8175e8}.preview-stage-head em{color:#7064d8}.art-zone,.specimen-zone{color:#7064d8;border-color:#8175e8}.art-zone b,.specimen-zone b{border-color:#8175e8}.landing-stats strong,.login-modal-kicker{color:#7064d8}.login-submit-btn{background:#8175e8;box-shadow:0 8px 18px #8175e838}.login-submit-btn:hover{background:#7064d8}.login-field input:focus{border-color:#9a90ee;box-shadow:0 0 0 3px #8175e821}.measure,.measure-width:before,.measure-height:before,.specimen-note b{color:#7064d8;border-color:#8175e8}.specimen-note:before{border-color:#8175e8}.app.app--admin{background:#f6f5fb;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.app.app--admin>.pm-root,.app.app--admin>.mm-root,.app.app--admin>.up-root{min-height:calc(100vh - 60px)}.app--admin .pm-root,.app--admin .mm-root,.app--admin .up-root{--admin-bg:#f6f5fb;--admin-surface:#fff;--admin-surface-alt:#f1effb;--admin-border:#e2e0ee;--admin-border-strong:#cbc7df;--admin-text:#172238;--admin-muted:#718096;--admin-faint:#9aa6b6;--admin-accent:#8175e8;--admin-accent-hover:#7064d8;--admin-accent-soft:#eceaff;--admin-radius:14px;--admin-radius-sm:9px;color:var(--admin-text)!important;background:var(--admin-bg)!important;font-family:DM Sans,sans-serif!important}.app--admin .pm-topbar,.app--admin .mm-topbar{border-bottom:1px solid var(--admin-border)!important;z-index:50!important;background:#fffffff0!important;height:72px!important;min-height:72px!important;padding:0 32px!important;position:sticky!important;top:0!important;box-shadow:0 4px 18px #332d5a0d!important}.app--admin .pm-topbar-title h1,.app--admin .mm-topbar-title{color:var(--admin-text)!important;letter-spacing:-.045em!important;font-family:Space Grotesk,sans-serif!important;font-weight:600!important}.app--admin .pm-topbar-title p{color:var(--admin-muted)!important}.app--admin .mm-topbar-back,.app--admin .mm-topbar-title{font-family:DM Sans,sans-serif!important}.app--admin .mm-topbar-divider{background:var(--admin-border)!important}.app--admin .pm-btn-primary,.app--admin .up-btn-primary{background:var(--admin-accent)!important;border-color:var(--admin-accent)!important;box-shadow:0 6px 16px #8175e833!important}.app--admin .pm-btn-primary:hover,.app--admin .up-btn-primary:hover{background:var(--admin-accent-hover)!important;border-color:var(--admin-accent-hover)!important}.app--admin .pm-btn-ghost{background:var(--admin-surface)!important;border-color:var(--admin-border)!important;color:var(--admin-muted)!important}.app--admin .pm-btn-ghost:hover{background:var(--admin-surface-alt)!important;border-color:var(--admin-border-strong)!important;color:var(--admin-text)!important}.app--admin .pm-input,.app--admin .up-form-field input{border-color:var(--admin-border)!important;border-radius:var(--admin-radius-sm)!important;background:var(--admin-surface)!important;color:var(--admin-text)!important}.app--admin .pm-input:focus,.app--admin .up-form-field input:focus{border-color:var(--admin-accent)!important;box-shadow:0 0 0 3px #8175e81f!important}.app--admin .pm-label,.app--admin .up-form-field label{color:var(--admin-muted)!important}.app--admin .pm-main{background:var(--admin-bg)!important}.app--admin .pm-table-wrap,.app--admin .pm-product-table-wrap,.app--admin .pm-card,.app--admin .pm-empty{border-color:var(--admin-border)!important;border-radius:var(--admin-radius)!important;box-shadow:0 6px 20px #332d5a0d!important}.app--admin .pm-sidebar{background:var(--admin-surface)!important;border-color:var(--admin-border)!important}.app--admin .pm-client-item.active{color:var(--admin-accent-hover)!important;background:var(--admin-accent-soft)!important}.app--admin .pm-main-heading h2,.app--admin .pm-card-name,.app--admin .pm-row-name{color:var(--admin-text)!important;font-family:Space Grotesk,sans-serif!important}.app--admin .pm-tag-accent{color:var(--admin-accent-hover)!important;background:var(--admin-accent-soft)!important}.app--admin .mm-root{padding:0!important}.app--admin .mm-body{max-width:1120px!important;padding:42px 32px 56px!important}.app--admin .mm-page-hero{margin-bottom:30px!important}.app--admin .mm-page-hero h1{color:var(--admin-text)!important;letter-spacing:-.06em!important;font-family:Space Grotesk,sans-serif!important;font-size:2.1rem!important}.app--admin .mm-page-hero p{color:var(--admin-muted)!important}.app--admin .mm-invite-card{border-radius:var(--admin-radius)!important;background:linear-gradient(135deg,#8175e8 0%,#7064d8 100%)!important;box-shadow:0 18px 36px #8175e833!important}.app--admin .mm-table-card{border-color:var(--admin-border)!important;border-radius:var(--admin-radius)!important;box-shadow:0 6px 20px #332d5a0d!important}.app--admin .up-root{background:var(--admin-bg)!important;padding:42px 32px 56px!important}.app--admin .up-container{max-width:720px!important}.app--admin .up-header{text-align:left!important;margin-bottom:28px!important}.app--admin .up-header h1{color:var(--admin-text)!important;letter-spacing:-.06em!important;font-family:Space Grotesk,sans-serif!important;font-size:2.1rem!important}.app--admin .up-header p{color:var(--admin-muted)!important}.app--admin .up-card{border-color:var(--admin-border)!important;border-radius:var(--admin-radius)!important;padding:32px!important;box-shadow:0 6px 20px #332d5a0d!important}.app--admin .up-section-title{color:var(--admin-text)!important;font-family:Space Grotesk,sans-serif!important}.app--admin .up-divider{background:var(--admin-border)!important}@media (width<=700px){.app--admin .pm-topbar,.app--admin .mm-topbar{padding:0 18px!important}.app--admin .mm-body,.app--admin .up-root{padding-left:18px!important;padding-right:18px!important}}