@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;700&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#0a0a0f;--bg-card:#12121cd9;--bg-glass:#ffffff0a;--border:#ffffff14;--accent:#a855f7;--accent2:#6366f1;--accent-glow:#a855f759;--text:#f1f1f6;--text-muted:#9090a8;--danger:#ef4444;--success:#22c55e;--radius:14px;--sidebar-width:320px}#root,body,html{background:#0a0a0f;background:var(--bg-deep);color:#f1f1f6;color:var(--text);font-family:Inter,sans-serif;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;width:100%}.designer-root{display:flex;height:100vh;overflow:hidden;position:relative;width:100vw}.designer-sidebar{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#12121cd9;background:var(--bg-card);border-right:1px solid #ffffff14;border-right:1px solid var(--border);display:flex;flex-direction:column;height:100%;min-width:320px;min-width:var(--sidebar-width);overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1);width:320px;width:var(--sidebar-width);z-index:20}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:22px 20px 16px}.sidebar-header-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#6366f1);-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:700;letter-spacing:-.3px}.sidebar-header-text p{color:#9090a8;color:var(--text-muted);font-size:.72rem;margin-top:2px}.mobile-close-btn{background:#0000;border:none;color:#9090a8;color:var(--text-muted);cursor:pointer;display:none;padding:8px}.tab-nav{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:4px;overflow-x:auto;padding:12px 14px 8px;scrollbar-width:none}.tab-nav::-webkit-scrollbar{display:none}.tab-btn{align-items:center;background:#0000;border:none;border-radius:9px;color:#9090a8;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:Inter,sans-serif;font-size:.7rem;font-weight:500;gap:4px;min-width:60px;padding:8px 4px;transition:all .2s}.tab-btn:hover{background:#ffffff0a;background:var(--bg-glass);color:#f1f1f6;color:var(--text)}.tab-btn.active{background:linear-gradient(135deg,#a855f738,#6366f12e);border:1px solid #a855f74d;color:#c084fc}.tab-btn svg{height:18px;width:18px}.sidebar-panel{flex:1 1;overflow-y:auto;padding:16px 16px 40px;scrollbar-color:#a855f74d #0000;scrollbar-width:thin}.sidebar-panel::-webkit-scrollbar{width:4px}.sidebar-panel::-webkit-scrollbar-track{background:#0000}.sidebar-panel::-webkit-scrollbar-thumb{background:#a855f74d;border-radius:4px}.section-label{color:#9090a8;color:var(--text-muted);font-size:.68rem;font-weight:600;letter-spacing:.08em;margin-bottom:10px;margin-top:4px;text-transform:uppercase}.color-swatches{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr);margin-bottom:14px}.swatch{aspect-ratio:1;border:2px solid #0000;border-radius:50%;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.swatch:hover{transform:scale(1.12)}.swatch.active{border-color:#fff;box-shadow:0 0 0 2px #a855f7,0 0 12px #a855f759;box-shadow:0 0 0 2px var(--accent),0 0 12px var(--accent-glow)}.model-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:14px}.model-card{align-items:center;background:#ffffff0a;background:var(--bg-glass);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:12px 8px;text-align:center;transition:all .2s}.model-card:hover{border-color:#fff3}.model-card.active{background:#a855f71a;border-color:#a855f7;border-color:var(--accent);box-shadow:0 0 12px #a855f759;box-shadow:0 0 12px var(--accent-glow)}.model-card-icon{font-size:1.5rem}.model-card-label{font-size:.72rem;font-weight:500}.color-picker-row{align-items:center;background:#ffffff0a;background:var(--bg-glass);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;display:flex;gap:10px;margin-bottom:14px;padding:10px 12px}.color-picker-row label{color:#9090a8;color:var(--text-muted);flex:1 1;font-size:.8rem}.color-picker-row input[type=color]{background:none;border:none;border-radius:6px;cursor:pointer;height:28px;padding:0;width:38px}.upload-area{background:#ffffff0a;background:var(--bg-glass);border:2px dashed #ffffff14;border:2px dashed var(--border);border-radius:14px;border-radius:var(--radius);cursor:pointer;overflow:hidden;padding:24px 16px;position:relative;text-align:center;transition:all .2s}.upload-area:hover{background:#a855f70f;border-color:#a855f7;border-color:var(--accent)}.upload-area input[type=file]{cursor:pointer;inset:0;opacity:0;position:absolute}.slider-group{gap:14px;margin-top:12px}.slider-group,.slider-row{display:flex;flex-direction:column}.slider-row{gap:5px}.slider-row-header{align-items:center;display:flex;justify-content:space-between}.slider-row label{color:#9090a8;color:var(--text-muted);font-size:.75rem}.slider-row .slider-val{background:#a855f71f;border-radius:5px;color:#a855f7;color:var(--accent);font-size:.72rem;font-weight:600;padding:1px 6px}input[type=range]{accent-color:#a855f7;accent-color:var(--accent);-webkit-appearance:none;background:#ffffff14;background:var(--border);border-radius:4px;cursor:pointer;height:4px;outline:none;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(135deg,#a855f7,#6366f1);border-radius:50%;box-shadow:0 0 8px #a855f759;box-shadow:0 0 8px var(--accent-glow);cursor:pointer;height:16px;width:16px}.form-input{background:#ffffff0a;background:var(--bg-glass);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:9px;color:#f1f1f6;color:var(--text);font-family:Inter,sans-serif;font-size:.82rem;margin-bottom:10px;outline:none;padding:10px 12px;transition:border-color .2s;width:100%}.form-input:focus{border-color:#a855f7;border-color:var(--accent);box-shadow:0 0 0 3px #a855f726}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;gap:7px;justify-content:center;padding:10px 16px;transition:all .2s}.btn svg{flex-shrink:0;height:1.25rem;width:1.25rem}.btn-primary{background:linear-gradient(135deg,#a855f7,#6366f1);box-shadow:0 4px 18px #a855f759;color:#fff}.btn-ghost{background:#ffffff0a;background:var(--bg-glass);border:1px solid #ffffff14;border:1px solid var(--border);color:#9090a8;color:var(--text-muted)}.btn-danger{background:#ef444426;border:1px solid #ef444440;color:#ef4444;color:var(--danger)}.btn-sm{border-radius:7px;font-size:.75rem;gap:4px;padding:6px 12px}.btn-block{width:100%}.sidebar-footer{background:#12121cd9;background:var(--bg-card);border-top:1px solid #ffffff14;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;padding:14px 16px}.sidebar-footer .btn{flex:1 1}.canvas-area{display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.canvas-bg{inset:0;transition:background .5s ease;z-index:0}.canvas-bg,.top-bar{pointer-events:none;position:absolute}.top-bar{align-items:center;background:linear-gradient(180deg,#0a0a0fd9 0,#0000);display:flex;justify-content:space-between;left:0;padding:14px 20px;right:0;top:0;z-index:10}.top-bar>*{pointer-events:all}.mobile-menu-btn{align-items:center;color:#f1f1f6;color:var(--text);cursor:pointer;display:none;font-size:.8rem;font-weight:600;gap:8px;padding:8px 12px}.mobile-menu-btn,.view-toggle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#12121cd9;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px}.view-toggle{display:flex;gap:6px;padding:4px}.view-btn{background:#0000;border:none;border-radius:7px;color:#9090a8;color:var(--text-muted);cursor:pointer;font-size:.75rem;font-weight:600;padding:6px 16px;transition:all .2s}.view-btn.active{background:linear-gradient(135deg,#a855f7,#6366f1);box-shadow:0 2px 10px #a855f759;box-shadow:0 2px 10px var(--accent-glow);color:#fff}.divider{background:#ffffff14;background:var(--border);flex-shrink:0;height:1px;margin:14px 0}@media (max-width:768px){.designer-root{flex-direction:column;overflow:hidden}.designer-sidebar{border-radius:24px 24px 0 0;border-right:none;border-top:1px solid #ffffff14;border-top:1px solid var(--border);bottom:0;box-shadow:0 -8px 32px #00000080;height:55vh;left:0;max-width:100%;position:absolute;top:auto;transform:translateY(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);width:100%;z-index:50}.designer-sidebar.open{transform:translateY(0)}.sidebar-header{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);padding:14px 20px}.mobile-close-btn{background:#ffffff0a;background:var(--bg-glass);border-radius:50%;display:block;padding:8px}.top-bar{background:#0000;border:none;left:0;padding:15px 20px;pointer-events:none;position:absolute;right:0;top:0;z-index:40}.mobile-menu-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f1499;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:30px;box-shadow:0 4px 16px #0006;display:flex;font-size:.85rem;padding:10px 18px;pointer-events:auto}.view-toggle{display:none}.color-swatches{gap:12px;grid-template-columns:repeat(5,1fr)}.model-grid{gap:10px;grid-template-columns:repeat(3,1fr)}.btn,.color-picker-row,.form-input,.tab-btn{min-height:48px}.slider-row{margin-bottom:10px}input[type=range]{height:28px;padding:12px 0}input[type=range]::-webkit-slider-thumb{height:22px;width:22px}}@media (max-width:480px){.designer-sidebar{height:60vh}.color-swatches{gap:14px;grid-template-columns:repeat(4,1fr)}.model-grid{grid-template-columns:repeat(2,1fr)}.sidebar-footer{align-items:center;flex-direction:row;gap:8px;padding:12px 16px}.sidebar-footer .btn{align-items:center;display:inline-flex;flex:1 1;flex-direction:row;justify-content:center;margin:0;min-height:48px}.sidebar-footer .btn-primary{flex:2 1}}
/*# sourceMappingURL=main.0406772d.css.map*/