.viz-page{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.viz-header{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);height:68px;box-shadow:var(--shadow-sm);background:#faf9f6f5;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:sticky;top:0}.viz-header-brand{flex-direction:column;gap:0;display:flex}.viz-header-brand strong{font-family:var(--serif);color:var(--dark);font-size:1.1rem;font-weight:700;line-height:1.1}.viz-header-brand span{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:.65rem}.viz-back-link{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.viz-back-link:hover{opacity:.75}.viz-back-link svg{width:14px;height:14px}.viz-hero{text-align:center;border-bottom:1px solid var(--border);background:var(--bg-2);padding:3rem 1.5rem 2rem}.viz-hero h1{font-family:var(--serif);color:var(--dark);letter-spacing:.02em;margin-bottom:.6rem;font-size:clamp(1.8rem,4vw,3rem);font-weight:400}.viz-hero h1 em{color:var(--accent);font-style:italic}.viz-hero p{color:var(--muted);max-width:520px;margin:0 auto;font-size:1rem;line-height:1.7}.viz-workspace{flex:1;grid-template-columns:1fr 360px;align-items:start;gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.5rem;display:grid}.viz-left{flex-direction:column;gap:1.25rem;display:flex}.viz-upload-zone{border:2px dashed var(--border-mid);border-radius:var(--radius);background:var(--cream);text-align:center;cursor:pointer;padding:1.5rem;transition:border-color .2s,background .2s}.viz-upload-zone:hover,.viz-upload-zone.drag-over{border-color:var(--accent);background:#2a60490a}.viz-upload-zone.has-image{border-style:solid;border-color:var(--border);cursor:default}.viz-upload-inner{pointer-events:none;flex-direction:column;align-items:center;gap:.75rem;display:flex}.viz-upload-icon{width:44px;height:44px;color:var(--accent);opacity:.7}.viz-upload-label{font-family:var(--serif);color:var(--dark);font-size:1rem}.viz-upload-sub{color:var(--muted);font-size:.78rem}.viz-upload-btn{border:1.5px solid var(--accent);color:var(--accent);font-size:.8rem;font-weight:700;font-family:var(--sans);cursor:pointer;pointer-events:all;background:0 0;border-radius:100px;align-items:center;gap:.4rem;margin-top:.25rem;padding:.5rem 1.2rem;transition:all .2s;display:inline-flex}.viz-upload-btn:hover{background:var(--accent);color:#fff}.viz-file-input{display:none}.viz-change-link{color:var(--accent);cursor:pointer;pointer-events:all;font-size:.75rem;font-family:var(--sans);background:0 0;border:none;margin-top:.25rem;text-decoration:underline}.viz-preview-wrap{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);justify-content:center;align-items:center;min-height:440px;padding:2rem;display:flex}.viz-frame-outer{box-shadow:var(--shadow-lg), inset 0 0 0 1px #0000001a;border-radius:2px;max-width:100%;transition:all .35s;display:inline-block}.viz-frame-inner{border-radius:1px;transition:all .35s;display:block}.viz-frame-image{object-fit:contain;border-radius:1px;width:100%;max-width:480px;height:auto;display:block}.viz-controls{flex-direction:column;gap:1rem;display:flex}.viz-control-card{background:var(--cream);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.viz-control-card h3{font-family:var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:1rem;font-size:.68rem;font-weight:700}.viz-frame-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.viz-frame-swatch{cursor:pointer;border:2px solid var(--border);background:var(--bg-2);text-align:center;border-radius:6px;flex-direction:column;align-items:center;gap:0;padding:0;transition:all .2s;display:flex;overflow:hidden}.viz-frame-swatch:hover{border-color:#2a604980}.viz-frame-swatch.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.viz-frame-preview{justify-content:center;align-items:center;width:100%;height:48px;display:flex;position:relative;overflow:hidden}.viz-frame-preview-cut{background:var(--bg-3);width:50%;height:60%;position:absolute}.viz-frame-swatch span{color:var(--muted);text-align:center;padding:4px 4px 5px;font-size:.56rem;line-height:1.2;display:block}.frame-classical-gold{background:linear-gradient(135deg,#c9a227 0%,#e8c84a 40%,#b8901a 70%,#d4ab30 100%)}.frame-walnut{background:linear-gradient(135deg,#5c3d2e 0%,#8b5e3c 40%,#4a2d1e 70%,#7a4f30 100%)}.frame-black-modern{background:linear-gradient(135deg,#1a1a1a 0%,#333 40%,#111 70%,#2a2a2a 100%)}.frame-float{background:linear-gradient(135deg,#4a4a4a 0%,#666 40%,#3a3a3a 70%,#555 100%)}.frame-ornate-antique{background:linear-gradient(135deg,#8b6914 0%,#c4941d 30%,#7a5a10 60%,#a07818 80%,#c4941d 100%)}.frame-minimalist-white{background:linear-gradient(135deg,#e8e4dc 0%,#f5f2ec 40%,#d8d4cc 70%,#ece8e0 100%);border:1px solid #ccc}.frame-linen-wrapped{background:repeating-linear-gradient(45deg,#d4c9b0,#d4c9b0 2px,#c9be9f 2px 8px)}.frame-driftwood{background:linear-gradient(135deg,#8a7a6a 0%,#b0a090 30%,#7a6a5a 60%,#9a8a7a 100%)}.viz-mat-swatches{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.viz-mat-swatch{cursor:pointer;border:2px solid var(--border);border-radius:50%;width:36px;height:36px;transition:all .2s;position:relative}.viz-mat-swatch:hover{transform:scale(1.1)}.viz-mat-swatch.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.viz-mat-swatch[title=None]{background:repeating-linear-gradient(45deg,#ccc,#ccc 2px,#fff 2px 6px)}.viz-slider-row{align-items:center;gap:.75rem;display:flex}.viz-slider{-webkit-appearance:none;background:var(--border-mid);cursor:pointer;height:4px;accent-color:var(--accent);border-radius:2px;outline:none;flex:1}.viz-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #2a604966}.viz-slider-val{color:var(--dark);text-align:right;min-width:2.2rem;font-size:.82rem;font-weight:700}.viz-radio-row{gap:1rem;display:flex}.viz-radio-label{color:var(--text);cursor:pointer;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.viz-radio-label input[type=radio]{accent-color:var(--accent);width:15px;height:15px}.viz-cta-area{grid-column:1/-1;width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem 1rem}.viz-cta-card{background:var(--cream);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem 2rem;display:flex}.viz-cta-text h3{font-family:var(--serif);color:var(--dark);margin-bottom:.25rem;font-size:1.2rem;font-weight:600}.viz-cta-text p{color:var(--muted);font-size:.85rem}.viz-quote-btn{background:var(--accent);color:#fff;font-size:.9rem;font-weight:700;font-family:var(--sans);cursor:pointer;white-space:nowrap;border:none;border-radius:100px;padding:.85rem 1.75rem;transition:all .25s;box-shadow:0 4px 14px #2a604959}.viz-quote-btn:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 6px 20px #2a604973}.viz-quote-btn:disabled{opacity:.7;cursor:default;transform:none}.viz-success{border-radius:var(--radius);color:var(--accent);background:#2a60491a;border:1px solid #2a60494d;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.88rem;font-weight:600;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.viz-footer-note{text-align:center;color:var(--muted);border-top:1px solid var(--border);margin-top:auto;padding:1.5rem 1.5rem 2.5rem;font-size:.78rem}@media (max-width:768px){.viz-workspace{grid-template-columns:1fr;gap:1.25rem;padding:1.25rem 1rem}.viz-controls{order:2}.viz-left{order:1}.viz-hero{padding:2rem 1rem 1.5rem}.viz-hero h1{font-size:1.7rem}.viz-frame-grid{grid-template-columns:repeat(4,1fr)}.viz-preview-wrap{min-height:280px;padding:1.25rem}.viz-cta-area{padding:0 1rem 1rem}.viz-cta-card{flex-direction:column;align-items:flex-start;padding:1.25rem}.viz-quote-btn{text-align:center;width:100%}.viz-header{padding:0 1rem}}@media (max-width:400px){.viz-frame-grid{grid-template-columns:repeat(4,1fr);gap:5px}.viz-frame-preview{height:38px}}.viz-canvas{filter:drop-shadow(0 12px 32px #0000002e);background:0 0;max-width:100%;height:auto;display:block}