@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}.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-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%}}.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}}