@import"./vars.css";.customize-layout{display:grid;grid-template-columns:1fr 420px;gap:32px;min-height:100vh;padding:100px 40px 80px;align-items:start}.canvas-panel{position:sticky;top:100px;border-radius:var(--bloom-radius-lg);background:radial-gradient(circle at 50% 50%,#1a0a2e66,#05030ae6);border:1px solid var(--glass-border);backdrop-filter:blur(var(--ethereal-blur));-webkit-backdrop-filter:blur(var(--ethereal-blur));overflow:hidden;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;box-shadow:0 40px 100px #0009,inset 0 0 60px #ff00ff0d}.canvas-panel:after{content:"";position:absolute;width:140%;height:140%;background:radial-gradient(circle at 50% 50%,var(--ethereal-glow-pink),transparent 60%);opacity:.15;pointer-events:none;animation:auraPulse 8s ease-in-out infinite alternate}@keyframes auraPulse{0%{transform:scale(1) rotate(0);opacity:.1}to{transform:scale(1.2) rotate(10deg);opacity:.25}}.canvas-preview{position:relative;width:100%;height:100%}.canvas-preview img{width:100%;height:100%;object-fit:contain;transition:opacity .6s var(--bloom-transition),transform .8s var(--bloom-spring);filter:drop-shadow(0 20px 40px rgba(0,0,0,.4))}.canvas-preview img.changing{opacity:0;transform:scale(.95)}.studio-preview-pill{position:absolute!important;bottom:16px!important;right:16px!important;display:flex!important;gap:6px;align-items:center;padding:6px 10px;border-radius:100px;background:#0a0514bf;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);z-index:200!important;pointer-events:auto!important}.canvas-divider{width:1px;height:20px;background:#ffffff1f;margin:0 4px}.canvas-btn{width:38px;height:38px;border-radius:50%;background:transparent;border:1px solid rgba(255,255,255,.1);color:#ffffff8c;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.23,1,.32,1);font-size:.85rem}.canvas-btn:hover{background:#e8439333;border-color:#e8439366;color:#fff;transform:scale(1.08)}.canvas-btn.mode-active{background:linear-gradient(135deg,#e8439359,#7c3aed59);border-color:#e8439399;color:#fff;box-shadow:0 0 12px #e8439340}.price-ticker{position:absolute;top:16px;left:16px;padding:10px 20px;border-radius:100px;background:#1a0a2ed9;border:1px solid rgba(255,215,0,.3);backdrop-filter:blur(10px);z-index:105;pointer-events:none}.price-ticker .amount{font-size:1.4rem;font-weight:700;color:var(--bloom-accent)}.price-ticker .label{font-size:.7rem;color:var(--text-muted);display:block}.preview-mode{position:absolute;inset:0;transition:opacity .4s ease}.ai-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:5;background:#0a051499;backdrop-filter:blur(8px);border-radius:12px}.ai-spinner{width:40px;height:40px;border:3px solid rgba(232,67,147,.15);border-top-color:#e84393cc;border-radius:50%;animation:aiSpin .8s linear infinite}@keyframes aiSpin{to{transform:rotate(360deg)}}.ai-loading-text{font-size:.82rem;color:#ffffff80;letter-spacing:.5px}.ai-badge{position:absolute;top:16px;right:16px;padding:5px 14px;border-radius:100px;background:linear-gradient(135deg,#7c3aed80,#e8439380);border:1px solid rgba(232,67,147,.3);backdrop-filter:blur(8px);font-size:.72rem;font-weight:600;color:#ffffffd9;letter-spacing:.8px;text-transform:uppercase;z-index:6;pointer-events:none}.model-status{position:absolute;bottom:60px;left:50%;transform:translate(-50%);padding:8px 20px;border-radius:100px;background:#0a0514cc;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);font-size:.78rem;color:#ffffff80;white-space:nowrap;transition:opacity .5s ease;display:none;z-index:8}.bouquet-3d-badge{position:absolute;top:16px;right:16px;padding:5px 14px;border-radius:100px;background:linear-gradient(135deg,#00d4aa66,#7c3aed66);border:1px solid rgba(0,212,170,.3);backdrop-filter:blur(8px);font-size:.72rem;font-weight:600;color:#ffffffd9;letter-spacing:.8px;text-transform:uppercase;z-index:6;pointer-events:none}#bouquet3DCanvas{background:radial-gradient(ellipse at center,#0f0a1a,#050309)}#bouquet3DCanvas canvas{border-radius:12px;cursor:grab}#bouquet3DCanvas canvas:active{cursor:grabbing}.ar-launch-btn{position:absolute;bottom:24px;left:50%;transform:translate(-50%);padding:14px 28px;border-radius:100px;background:linear-gradient(135deg,var(--p5-crimson, #e61a1a),var(--atelier-rose, #e84393));color:#fff;font-weight:700;border:none;cursor:pointer;box-shadow:0 8px 32px #a06bff73;z-index:20;transition:all .25s cubic-bezier(.23,1,.32,1);display:inline-flex;align-items:center;gap:10px;letter-spacing:.5px}.ar-launch-btn:hover{transform:translate(-50%) scale(1.04);box-shadow:0 12px 32px #a06bff73}.ar-failure{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:10px 18px;border-radius:10px;background:#0009;color:#fff;font-size:.85rem;z-index:10;pointer-events:none}model-viewer{width:100%;height:100%;--poster-color: transparent}.ar-handoff-modal{position:fixed;inset:0;z-index:9998;display:none;align-items:center;justify-content:center;background:#05030ac7;backdrop-filter:blur(14px)}.ar-handoff-modal.active{display:flex;animation:fadeIn .25s ease}.ar-handoff-card{max-width:380px;width:90%;padding:32px;border-radius:20px;background:linear-gradient(160deg,#1a0a2e,#0f0a1a);border:1px solid rgba(232,67,147,.25);text-align:center;color:#fff;position:relative;box-shadow:0 24px 80px #0009}.ar-handoff-card h3{font-size:1.3rem;font-weight:700;margin:0 0 10px;background:linear-gradient(135deg,var(--p5-crimson,#e61a1a),var(--atelier-rose,#e84393));-webkit-background-clip:text;background-clip:text;color:transparent}.ar-handoff-card p{font-size:.88rem;color:#ffffffa6;line-height:1.5;margin:0 0 20px}.ar-handoff-qr{width:220px;height:220px;border-radius:14px;background:#fff;padding:10px;display:block;margin:0 auto 16px}.ar-handoff-url{font-size:.74rem;color:#fff6;word-break:break-all;margin-bottom:14px}.ar-handoff-copy{padding:10px 22px;border-radius:100px;border:1px solid rgba(232,67,147,.4);background:#e843931f;color:#fff;cursor:pointer;font-weight:600;font-size:.85rem}.ar-handoff-copy:hover{background:#e8439338}.ar-handoff-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:#ffffff14;border:none;color:#fff;cursor:pointer;font-size:.9rem}.ar-capability{position:absolute;bottom:16px;left:16px;z-index:20;padding:5px 12px;border-radius:100px;font-size:.72rem;font-weight:600;align-items:center;gap:6px}.ar-capability .dot{width:8px;height:8px;border-radius:50%;display:inline-block}.ar-capability.ok{background:#00d4aa26;color:#00d4aa}.ar-capability.ok .dot{background:#00d4aa;box-shadow:0 0 8px #00d4aa}.ar-capability.warn{background:#ffc10726;color:#ffc107}.ar-capability.warn .dot{background:#ffc107}.ar-capability.no{background:#ff6b6b26;color:#ff6b6b}.ar-capability.no .dot{background:#ff6b6b}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.config-panel{display:flex;flex-direction:column;gap:20px}.config-section{border-radius:var(--bloom-radius);background:var(--card-bg);border:1px solid var(--card-border);overflow:hidden;transition:border-color .3s ease}.config-section:hover{border-color:#e8439326}.config-section-header{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-bottom:1px solid var(--gl);transition:background .2s}.config-section-header:hover{background:#e843930a}.config-section-header h4{font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:10px}.config-section-header .chevron{transition:transform .3s cubic-bezier(.23,1,.32,1);color:var(--text-muted)}.config-section.open .chevron{transform:rotate(180deg)}.config-body{padding:20px 24px;display:none}.config-section.open .config-body{display:block}.swatch-grid{display:flex;gap:10px;flex-wrap:wrap}.swatch{width:36px;height:36px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:all .25s cubic-bezier(.23,1,.32,1);position:relative}.swatch:hover{transform:scale(1.2);box-shadow:0 0 16px #ffffff26}.swatch.selected{border-color:var(--text);box-shadow:0 0 0 3px var(--bloom-secondary),0 0 20px #e843934d}.option-pills{display:flex;gap:8px;flex-wrap:wrap}.option-pill{padding:8px 18px;border-radius:100px;border:1.5px solid var(--card-border);background:transparent;color:var(--text-muted);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.23,1,.32,1);font-family:var(--font-body)}.option-pill:hover,.option-pill.selected{border-color:var(--bloom-secondary);background:#e8439326;color:var(--text);box-shadow:0 0 12px #e8439326}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--gl)}.toggle-row:last-child{border-bottom:none}.toggle-info{display:flex;flex-direction:column}.toggle-label{font-size:.9rem;font-weight:500}.toggle-desc{font-size:.78rem;color:var(--text-muted);margin-top:2px}.toggle-price{font-size:.82rem;color:var(--bloom-accent);font-weight:600}.toggle-switch{position:relative;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-track{position:absolute;inset:0;background:var(--card-bg);border-radius:13px;cursor:pointer;transition:all .3s;border:1px solid var(--card-border)}.toggle-track:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .3s cubic-bezier(.23,1,.32,1)}.toggle-switch input:checked+.toggle-track{background:linear-gradient(135deg,var(--bloom-primary),var(--bloom-secondary));border-color:transparent}.toggle-switch input:checked+.toggle-track:before{transform:translate(22px)}.drag-upload{border:2px dashed var(--input-border);border-radius:var(--bloom-radius-sm);padding:32px;text-align:center;cursor:pointer;transition:all .25s;font-size:.9rem;color:var(--text-muted)}.drag-upload:hover,.drag-upload.dragover{border-color:var(--bloom-secondary);background:#e8439314}.range-slider{width:100%;margin:12px 0}.range-slider input[type=range]{width:100%;appearance:none;height:4px;border-radius:2px;background:var(--card-border);outline:none}.range-slider input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--bloom-primary),var(--bloom-secondary));cursor:pointer;box-shadow:0 2px 10px #e8439380;transition:transform .2s ease}.range-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.accessibility-panel{padding:20px;border-radius:var(--bloom-radius-sm);background:#00d4aa0f;border:1px solid rgba(0,212,170,.15)}.a11y-item{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-muted);padding:6px 0}.a11y-check{color:var(--bloom-mint);font-size:1rem}.form-input{width:100%;padding:12px 16px;border-radius:var(--bloom-radius-sm);border:1px solid var(--card-border);background:var(--gl);color:var(--text);font-size:.88rem;font-family:var(--font-body);transition:border-color .25s ease;outline:none;box-sizing:border-box}.form-input:focus{border-color:#e8439366;box-shadow:0 0 0 3px #e8439314}.toast{padding:12px 20px;border-radius:10px;background:#1a0a2ee6;border:1px solid var(--glb);backdrop-filter:blur(10px);color:#fff;font-size:.85rem;margin-top:8px;animation:toastIn .3s ease}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px}@media (max-width: 900px){.customize-layout{grid-template-columns:1fr;padding:80px 16px 60px;gap:20px}.canvas-panel{position:relative;top:0;aspect-ratio:1/1}.studio-preview-pill{bottom:10px!important;right:10px!important;gap:4px;padding:4px 8px}.canvas-btn{width:34px;height:34px;font-size:.78rem}.config-section-header{padding:14px 18px}.config-body{padding:16px 18px}}@media (prefers-reduced-motion: reduce){.ai-spinner{animation:none}.canvas-btn,.swatch,.option-pill{transition:none}}