.room-visualizer{background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:20px;width:100%}.visualizer-header{text-align:center;margin-bottom:16px}.visualizer-label{display:inline-block;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-terracotta,#c67b5c);background:var(--color-terracotta-light,rgba(198,123,92,.1));padding:4px 10px;border-radius:20px;font-weight:500;margin-bottom:8px}.visualizer-title{font-size:1.15rem;font-weight:600;margin:4px 0 6px;color:var(--color-espresso,#3d3229)}.visualizer-subtitle{font-size:.85rem;color:var(--color-stone,#6b6560);margin:0}.selector-section{margin-bottom:12px}.selector-section .furniture-selector,.selector-section .rug-selector{margin-bottom:0;margin-top:0}.selector-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-stone,#6b6560);font-weight:600;margin-bottom:8px;text-align:center}.selector-heading{font-size:1rem;font-weight:600;color:var(--color-espresso,#3d3229);text-align:center;margin:0 0 6px}.furniture-selector{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px}.furniture-btn{padding:6px 12px;border:1.5px solid var(--color-sand,#e5dfd6);border-radius:20px;background:white;font-size:.8rem;cursor:pointer;transition:all .15s ease;color:var(--color-espresso,#3d3229);font-weight:400}.furniture-btn:hover{border-color:var(--color-muted,#a09a94)}.furniture-btn:focus-visible{outline:2px solid var(--color-terracotta,#c67b5c);outline-offset:2px}.furniture-btn.selected{border-color:var(--color-terracotta,#c67b5c);background:var(--color-terracotta-light,rgba(198,123,92,.1));color:var(--color-terracotta,#c67b5c);font-weight:500}.visualizer-canvas{position:relative;width:calc(100% + 40px);aspect-ratio:4/5;min-height:280px;background:#F9F7F4;border-radius:0;overflow:hidden;margin:16px -20px;display:flex;align-items:center;justify-content:center}.canvas-floor{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(100,149,237,.18) 1px,transparent 0),linear-gradient(180deg,rgba(100,149,237,.18) 1px,transparent 0),linear-gradient(90deg,rgba(100,149,237,.08) 1px,transparent 0),linear-gradient(180deg,rgba(100,149,237,.08) 1px,transparent 0);background-size:40px 40px,40px 40px,10px 10px,10px 10px;background-position:0 0}.canvas-layer{max-width:85%;max-height:85%;-o-object-fit:contain;object-fit:contain;transition:opacity .2s ease,transform .2s ease,width .2s ease,height .2s ease}.canvas-rug{z-index:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.12))}.canvas-furniture{z-index:2}.visualizer-canvas.fit-too-small{border:4px solid #ef4444}.visualizer-canvas.fit-minimum{border:4px solid #f97316}.visualizer-canvas.fit-optimal{border:4px solid #22c55e}.visualizer-canvas.fit-generous{border:4px solid #14b8a6}.visualizer-canvas.fit-too-large{border:4px solid #ef4444}.canvas-fit-badge{position:absolute;top:12px;left:12px;display:none;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.15)}.fit-badge-icon{font-size:1rem}.fit-badge-too-small{background:#fecaca;color:#b91c1c}.fit-badge-minimum{background:#fed7aa;color:#c2410c}.fit-badge-optimal{background:#bbf7d0;color:#15803d}.fit-badge-generous{background:#99f6e4;color:#0f766e}.fit-badge-too-large{background:#fecaca;color:#b91c1c}.color-selector{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}.color-label{font-size:.8rem;color:var(--color-stone,#6b6560)}.color-swatches{display:flex;gap:12px;align-items:center}.color-swatch{width:28px;height:28px;min-height:28px;max-height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s ease;padding:0;aspect-ratio:1/1;flex-shrink:0;align-self:center}.color-swatch:hover{transform:scale(1.1)}.color-swatch:focus-visible{outline:2px solid var(--color-terracotta,#c67b5c);outline-offset:2px}.color-swatch.selected{border-color:var(--color-espresso,#3d3229);box-shadow:0 0 0 2px white,0 0 0 4px var(--color-espresso,#3d3229)}.rug-selector{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:16px 0}.rug-btn{display:flex;flex-direction:column;align-items:center;padding:10px 14px;border:1.5px solid var(--color-sand,#e5dfd6);border-radius:6px;background:white;cursor:pointer;transition:all .15s ease;min-width:65px}.rug-btn:hover{border-color:var(--color-muted,#a09a94)}.rug-btn:focus-visible{outline:2px solid var(--color-terracotta,#c67b5c);outline-offset:2px}.rug-btn.selected{border-color:var(--color-terracotta,#c67b5c);background:var(--color-terracotta-light,rgba(198,123,92,.1))}.rug-size{font-size:.9rem;font-weight:600;color:var(--color-espresso,#3d3229)}.rug-fit-label{font-size:.6rem;margin-top:2px;text-transform:uppercase;letter-spacing:.02em;font-weight:500}.rug-btn.fit-too-small{border-color:#fca5a5}.rug-btn.fit-too-small .rug-fit-label{color:#dc2626}.rug-btn.fit-minimum .rug-fit-label{color:#ea580c}.rug-btn.fit-optimal .rug-fit-label{color:#16a34a}.rug-btn.fit-generous .rug-fit-label{color:#0d9488}.rug-btn.fit-too-large{border-color:#fca5a5}.rug-btn.fit-too-large .rug-fit-label{color:#dc2626}.size-feedback{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;border-radius:8px;font-size:.85rem;line-height:1.4}.feedback-icon{flex-shrink:0;font-size:1rem}.feedback-text{flex:1}.size-feedback.feedback-too-small{background:#fef2f2;color:#b91c1c}.size-feedback.feedback-minimum{background:#fff7ed;color:#c2410c}.size-feedback.feedback-optimal{background:#f0fdf4;color:#15803d}.size-feedback.feedback-generous{background:#f0fdfa;color:#0f766e}.size-feedback.feedback-too-large{background:#fef2f2;color:#b91c1c}@media (min-width:768px){.room-visualizer{padding:28px}.visualizer-title{font-size:1.3rem}.visualizer-canvas{width:100%;margin-left:0;margin-right:0;aspect-ratio:4/3;max-height:none;border-radius:8px}.furniture-btn{padding:10px 16px;font-size:.85rem}.rug-btn{padding:12px 18px;min-width:75px}.color-swatch{width:32px;height:32px}.canvas-fit-badge{display:flex}}@media (min-width:1024px){.room-visualizer{padding:32px}.visualizer-title{font-size:1.5rem}.visualizer-subtitle{font-size:.95rem}.visualizer-canvas{aspect-ratio:16/10}}.preset-selector{margin-bottom:16px}.preset-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-stone,#6b6560);font-weight:600;margin-bottom:8px;text-align:center}.preset-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.preset-btn{display:flex;flex-direction:column;align-items:center;padding:10px 16px;border:2px solid var(--color-sand,#e5dfd6);border-radius:8px;background:white;cursor:pointer;transition:all .15s ease;min-width:100px;flex:1;max-width:150px}.preset-btn:hover{border-color:var(--color-terracotta,#c67b5c);background:var(--color-terracotta-light,rgba(198,123,92,.05))}.preset-btn:focus-visible{outline:2px solid var(--color-terracotta,#c67b5c);outline-offset:2px}.preset-btn.selected{border-color:var(--color-terracotta,#c67b5c);background:var(--color-terracotta-light,rgba(198,123,92,.1))}.preset-btn-label{font-size:.85rem;font-weight:600;color:var(--color-espresso,#3d3229)}.preset-btn-desc{font-size:.7rem;color:var(--color-muted,#a09a94);margin-top:2px}.preset-btn.selected .preset-btn-label{color:var(--color-terracotta,#c67b5c)}.customize-toggle{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 16px;border:none;background:transparent;cursor:pointer;font-size:.75rem;color:var(--color-muted,#a09a94);text-transform:uppercase;letter-spacing:.05em;transition:color .15s ease}.customize-toggle:hover{color:var(--color-espresso,#3d3229)}.customize-toggle svg{transition:transform .2s ease}.customize-toggle.expanded svg{transform:rotate(180deg)}.customize-section{overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.customize-section.collapsed{max-height:0;opacity:0}.customize-section.expanded{max-height:500px;opacity:1}.simplified-rug-selector{display:flex;gap:8px;justify-content:center}.simplified-rug-btn{display:flex;flex-direction:column;align-items:center;padding:8px 12px;border:1.5px solid var(--color-sand,#e5dfd6);border-radius:12px;background:white;cursor:pointer;transition:all .15s ease;flex:1;max-width:140px;min-width:100px}.simplified-rug-btn:hover{border-color:var(--color-muted,#a09a94);transform:translateY(-1px)}.simplified-rug-btn:focus-visible{outline:2px solid var(--color-terracotta,#c67b5c);outline-offset:2px}.simplified-rug-btn.selected{border-color:var(--color-terracotta,#c67b5c);background:var(--color-terracotta-light,rgba(198,123,92,.08));box-shadow:0 2px 8px rgba(198,123,92,.15)}.rug-fit-tier{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin-bottom:4px}.rug-size-label{font-size:1rem;font-weight:600;color:var(--color-espresso,#3d3229)}.rug-fit-desc{font-size:.65rem;margin-top:2px}.rug-fit-desc,.simplified-rug-btn.fit-minimum .rug-fit-tier{color:var(--color-muted,#a09a94)}.simplified-rug-btn.fit-optimal{border-color:#22c55e;background:rgba(34,197,94,.08)}.simplified-rug-btn.fit-optimal:hover{border-color:#16a34a;background:rgba(34,197,94,.12)}.simplified-rug-btn.fit-optimal .rug-fit-tier{color:#16a34a}.simplified-rug-btn.fit-optimal .rug-fit-desc{color:#15803d}.simplified-rug-btn.fit-optimal.selected{border-color:#16a34a;background:rgba(34,197,94,.15);box-shadow:0 2px 8px rgba(34,197,94,.25)}.simplified-rug-btn.fit-optimal.selected .rug-fit-tier{color:#15803d}.simplified-rug-btn.fit-generous .rug-fit-tier{color:var(--color-muted,#a09a94)}.simplified-rug-btn.fit-generous.selected .rug-fit-tier,.simplified-rug-btn.fit-minimum.selected .rug-fit-tier{color:var(--color-terracotta,#c67b5c)}.dining-table-selector{margin-bottom:16px}.table-shape-selector{display:flex;gap:10px;justify-content:center;margin-bottom:12px}.shape-btn{display:flex;align-items:center;gap:5px;padding:6px 14px;border:1.5px solid var(--color-sand,#e5dfd6);border-radius:20px;background:white;cursor:pointer;transition:all .15s ease;font-size:.85rem;font-weight:500;color:var(--color-espresso,#3d3229)}.shape-btn:hover{border-color:var(--color-muted,#a09a94)}.shape-btn:focus-visible{outline:2px solid var(--color-terracotta,#c67b5c);outline-offset:2px}.shape-btn.selected{border-color:var(--color-terracotta,#c67b5c);background:var(--color-terracotta-light,rgba(198,123,92,.1));color:var(--color-terracotta,#c67b5c)}.shape-icon{width:16px;height:16px;border:2px solid;flex-shrink:0}.shape-icon.rectangular{border-radius:2px}.shape-icon.round{border-radius:50%}.table-size-selector{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.table-size-btn{padding:6px 14px;border:1.5px solid var(--color-sand,#e5dfd6);border-radius:20px;background:white;cursor:pointer;transition:all .15s ease;font-size:.85rem;color:var(--color-espresso,#3d3229)}.table-size-btn:hover{border-color:var(--color-muted,#a09a94)}.table-size-btn:focus-visible{outline:2px solid var(--color-terracotta,#c67b5c);outline-offset:2px}.table-size-btn.selected{border-color:var(--color-terracotta,#c67b5c);background:var(--color-terracotta-light,rgba(198,123,92,.1));color:var(--color-terracotta,#c67b5c);font-weight:500}@media (max-width:400px){.simplified-rug-selector{flex-direction:column;align-items:stretch}.simplified-rug-btn{max-width:none;flex-direction:row;justify-content:space-between;padding:12px 16px}.rug-fit-tier{margin-bottom:0;margin-right:8px}.rug-fit-desc{margin-top:0;margin-left:auto}}