/* === Visualizador de Ambientes — Múltiplos MM v8 — Minimalista P&B + Painel lateral === */
.vamm-app{--vamm-primary:#111;--vamm-primary-light:#333;--vamm-bg:#FAFAFA;--vamm-bg-warm:#F5F5F5;--vamm-text:#111;--vamm-text-mid:#666;--vamm-text-light:#999;--vamm-border:#E0E0E0;--vamm-white:#fff;--vamm-radius:0px;--vamm-font-display:'Playfair Display',Georgia,serif;--vamm-font-body:'Outfit',-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--vamm-font-body);color:var(--vamm-text);background:var(--vamm-bg);line-height:1.5;box-sizing:border-box;margin:0 auto;border-radius:0;overflow:hidden;border:1px solid var(--vamm-border);box-shadow:none}.vamm-app *,.vamm-app *::before,.vamm-app *::after{box-sizing:border-box}.vamm-hidden{display:none!important}
.vamm-header{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background:#fff;border-bottom:1px solid var(--vamm-border)}.vamm-header-brand{display:flex;align-items:center;gap:14px}.vamm-logo{width:36px;height:36px;border-radius:0;background:#111;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.85rem;font-weight:600;font-family:var(--vamm-font-display)}.vamm-logo-img{max-height:36px;width:auto}.vamm-brand-name{font-family:var(--vamm-font-display);font-size:1.1rem;font-weight:500;color:#111}.vamm-brand-name span{color:#111}.vamm-brand-sub{font-size:.56rem;letter-spacing:.25em;text-transform:uppercase;color:#999;margin-top:2px}
.vamm-btn-restart{background:none;border:1px solid var(--vamm-border);color:#666;padding:7px 20px;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:.3s;font-family:var(--vamm-font-body);border-radius:0}.vamm-btn-restart:hover{border-color:#111;color:#111}
.vamm-steps{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px 16px;flex-wrap:wrap}.vamm-step-item{display:flex;align-items:center;gap:8px}.vamm-step-dot{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:500;border:1px solid #ccc;color:#999;transition:.35s}.vamm-step-dot.active{border-color:#111;color:#111}.vamm-step-dot.done{background:#111;border-color:#111;color:#fff}.vamm-step-label{font-size:.7rem;color:#999;font-weight:300}.vamm-step-label.active{color:#111;font-weight:500}.vamm-step-line{width:40px;height:1px;background:#ddd;transition:.35s}.vamm-step-line.done{background:#111}
.vamm-screen{display:none;flex-direction:column;align-items:center;text-align:center;padding:40px 32px 60px}.vamm-screen-active{display:flex}.vamm-icon-circle{width:56px;height:56px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;margin-bottom:28px;border:1px solid #ddd;color:#111}
.vamm-title{font-family:var(--vamm-font-display);font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:400;line-height:1.25;max-width:500px;margin:0 0 12px;color:#111}.vamm-title em{color:#111;font-style:italic}.vamm-subtitle{font-size:.88rem;color:#666;max-width:440px;line-height:1.8;margin:0 0 32px;font-weight:300}
.vamm-btn-main{background:#111;border:1.5px solid #111;color:#fff;padding:14px 52px;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:.3s;font-family:var(--vamm-font-body);border-radius:0;font-weight:400}.vamm-btn-main:hover{background:transparent;color:#111}.vamm-btn-main.vamm-btn-outline{background:transparent;color:#111;border:1px solid #ccc;opacity:1}.vamm-btn-main.vamm-btn-outline:hover{border-color:#111;background:#111;color:#fff}.vamm-btn-main:disabled{opacity:.4;cursor:wait}
.vamm-thumb-preview{width:100px;height:68px;border-radius:0;overflow:hidden;margin-bottom:24px;border:1px solid var(--vamm-border);background-size:cover;background-position:center}.vamm-tag-done{font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;color:#111;margin-bottom:8px;font-weight:500}
.vamm-guidelines{background:#f5f5f5;border:1px solid var(--vamm-border);border-radius:0;padding:20px 24px;margin-bottom:32px;max-width:520px;text-align:left}.vamm-guidelines-title{font-size:.65rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#111;margin-bottom:14px}.vamm-guidelines-grid{display:grid;gap:10px}.vamm-guideline-item{display:flex;align-items:flex-start;gap:10px;font-size:.8rem;color:#666;line-height:1.5}.vamm-g-do svg{color:#111;flex-shrink:0;margin-top:2px}.vamm-g-dont svg{color:#999;flex-shrink:0;margin-top:2px}
.vamm-catalog-search{width:100%;max-width:640px;margin-bottom:20px}.vamm-search-bar{display:flex;gap:0}.vamm-search-input{flex:1;padding:13px 20px;border:1px solid var(--vamm-border);border-radius:0;font-size:.86rem;font-family:var(--vamm-font-body);color:#111;background:#fff;outline:none;transition:.2s}.vamm-search-input:focus{border-color:#111}.vamm-search-input::placeholder{color:#bbb;font-weight:300}.vamm-search-hint{font-size:.68rem;color:#999;margin-top:10px;min-height:1.2em}
.vamm-preview-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px;width:100%}.vamm-preview-card{background:#fff;border:1px solid var(--vamm-border);border-radius:0;overflow:hidden;cursor:pointer;transition:.25s;text-align:left}.vamm-preview-card:hover{border-color:#111;transform:translateY(-2px)}.vamm-preview-thumb{width:100%;aspect-ratio:1;object-fit:contain;background:#f5f5f5;display:block;border-bottom:1px solid var(--vamm-border)}.vamm-preview-info{padding:10px 10px 12px}.vamm-preview-brand{font-size:.58rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vamm-preview-title{font-size:.66rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.vamm-preview-meta{font-size:.58rem;color:#999;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vamm-divider{display:flex;align-items:center;gap:16px;width:100%;max-width:640px;margin:24px 0}.vamm-divider::before,.vamm-divider::after{content:'';flex:1;height:1px;background:var(--vamm-border)}.vamm-divider span{font-size:.66rem;color:#bbb;white-space:nowrap}
.vamm-dimensions-panel{background:#fff;border:1px solid #111;border-radius:0;padding:24px;margin-top:24px;max-width:460px;width:100%;text-align:center}.vamm-dim-title{font-size:.65rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#111;margin-bottom:16px}.vamm-dim-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.vamm-dim-row label,.vamm-dim-ref label{font-size:.78rem;color:#666;display:flex;align-items:center;gap:6px}.vamm-dim-input{width:72px;padding:9px 10px;border:1px solid var(--vamm-border);border-radius:0;font-size:.85rem;text-align:center;font-family:var(--vamm-font-body);outline:none}.vamm-dim-input:focus{border-color:#111}.vamm-dim-x{font-size:1rem;color:#ccc}.vamm-dim-ref{margin-bottom:18px;font-size:.76rem;color:#999}.vamm-dim-ref .vamm-dim-input{width:64px}
.vamm-status{width:100%;max-width:600px;margin-top:18px;padding:14px 20px;border-radius:0;font-size:.8rem;line-height:1.5}.vamm-status-info{background:#f5f5f5;border:1px solid #ddd;color:#666}.vamm-status-error{background:#fafafa;border:1px solid #ccc;color:#333}

/* Toolbar */
.vamm-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px;padding:14px 20px;background:#fff;border:1px solid var(--vamm-border);border-radius:0;width:100%}.vamm-toolbar-label{font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:#999;font-weight:500;margin-right:6px}.vamm-toolbar-group{display:flex;gap:4px;flex-wrap:wrap}.vamm-toolbar-sep{width:1px;height:20px;background:var(--vamm-border);margin:0 6px}.vamm-toolbar-spacer{flex:1}
.vamm-pill{background:transparent;border:1px solid #ccc;color:#666;padding:5px 14px;font-size:.62rem;cursor:pointer;transition:.2s;font-family:var(--vamm-font-body);border-radius:0;font-weight:400;white-space:nowrap}.vamm-pill.active{background:#111;border-color:#111;color:#fff;font-weight:500}.vamm-pill:hover:not(.active){border-color:#111;color:#111}
.vamm-btn-secondary{background:transparent;border:1px solid #ccc;color:#666;padding:5px 16px;font-size:.62rem;cursor:pointer;border-radius:0;font-family:var(--vamm-font-body);transition:.2s}.vamm-btn-secondary:hover{border-color:#111;color:#111}
.vamm-btn-download{background:#111;border:none;color:#fff;padding:8px 28px;font-size:.64rem;letter-spacing:.12em;cursor:pointer;font-family:var(--vamm-font-body);border-radius:0;font-weight:400;transition:.25s}.vamm-btn-download:hover{background:#333}
.vamm-btn-whatsapp{display:inline-flex;align-items:center;gap:6px;background:#111;border:none;color:#fff;padding:8px 18px;font-size:.64rem;cursor:pointer;font-family:var(--vamm-font-body);border-radius:0;font-weight:400;transition:.25s}.vamm-btn-whatsapp:hover{background:#333}.vamm-btn-whatsapp svg{flex-shrink:0}
.vamm-toolbar-dims{display:flex;align-items:center;gap:4px;font-size:.68rem;color:#666}.vamm-dim-input-sm{width:46px;padding:4px 6px;border:1px solid var(--vamm-border);border-radius:0;font-size:.7rem;text-align:center;font-family:var(--vamm-font-body);outline:none}.vamm-dim-input-sm:focus{border-color:#111}.vamm-dim-cm{font-size:.58rem;color:#999}

/* ══ Editor Layout: canvas + lateral panel ══ */
.vamm-editor-layout{display:flex;gap:20px;width:100%;align-items:flex-start}
.vamm-editor-main{flex:1;min-width:0}

/* Canvas */
.vamm-canvas-wrap{position:relative;width:100%;border-radius:0;overflow:hidden;border:1px solid var(--vamm-border);user-select:none;touch-action:none;background:#f0f0f0;cursor:default;max-height:calc(88vh - 160px)}.vamm-canvas-wrap.dragging{cursor:grabbing}.vamm-room-img{width:100%;display:block;pointer-events:none;max-height:calc(88vh - 160px);object-fit:contain}.vamm-art-frame{position:absolute;pointer-events:none;z-index:2;display:none;transition:filter .3s}.vamm-art-img{position:absolute;object-fit:contain;z-index:3;pointer-events:none;display:none}.vamm-art-selection{position:absolute;border:1px dashed #999;pointer-events:none;z-index:5;opacity:.7;display:none;transition:opacity .3s}.vamm-resize-handle{position:absolute;width:20px;height:20px;cursor:nwse-resize;z-index:10;display:none;align-items:center;justify-content:center}.vamm-resize-dot{width:10px;height:10px;border:1.5px solid #111;background:#fff}
.vamm-dim-label{position:absolute;z-index:6;display:none;font-size:.58rem;color:#999;text-align:center;font-family:var(--vamm-font-body);letter-spacing:.08em;pointer-events:none;white-space:nowrap}
.vamm-art-frame.frame-sem{border:none;padding:0;background:transparent}.vamm-art-frame.frame-moderna{border:2px solid #ddd;padding:6px;background:#fff}.vamm-art-frame.frame-clara{border:1px solid #e8e8e8;padding:8px;background:#fff}.vamm-art-frame.frame-escura{border:4px solid #1a1a1a;padding:5px;background:#111}.vamm-art-frame.frame-metacrilato{border:1px solid rgba(0,0,0,.08);padding:18px;background:rgba(255,255,255,.04);backdrop-filter:blur(1px);box-shadow:0 0 0 1px rgba(0,0,0,.04)}
.vamm-helper{display:flex;justify-content:center;gap:28px;margin-top:16px;flex-wrap:wrap}.vamm-helper-item{font-size:.62rem;color:#bbb;display:flex;align-items:center;gap:6px;font-weight:300}.vamm-helper-badge{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:0;padding:2px 7px;font-size:.56rem}

/* ══ Lateral Panel ══ */
.vamm-panel{width:260px;flex-shrink:0;border:1px solid var(--vamm-border);background:#fff;align-self:stretch}
.vamm-panel-section{padding:20px}
.vamm-panel-section+.vamm-panel-section{border-top:1px solid var(--vamm-border)}
.vamm-panel-label{font-size:.56rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#999;margin-bottom:14px}
.vamm-panel-card{display:flex;flex-direction:column;gap:0}
.vamm-panel-thumb{width:100%;aspect-ratio:1;object-fit:contain;background:#f5f5f5;border:1px solid var(--vamm-border);display:block}
.vamm-panel-info{padding:14px 0}
.vamm-panel-brand{font-size:.6rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#111}
.vamm-panel-title{font-size:.76rem;color:#666;margin-top:4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vamm-panel-dims{font-size:.62rem;color:#999;margin-top:6px;letter-spacing:.04em}
.vamm-panel-price{font-size:.9rem;font-weight:500;color:#111;margin-top:8px;font-family:var(--vamm-font-body)}
.vamm-panel-buy{display:block;width:100%;text-align:center;padding:12px;background:#111;color:#fff;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:.3s;font-family:var(--vamm-font-body);font-weight:400;margin-top:12px}.vamm-panel-buy:hover{background:#333;color:#fff;text-decoration:none}
.vamm-panel-no-data{font-size:.76rem;color:#bbb;text-align:center;padding:20px 0;font-style:italic}

/* History cards */
.vamm-panel-history{display:flex;flex-direction:column;gap:10px}
.vamm-history-card{display:flex;gap:10px;padding:10px;border:1px solid var(--vamm-border);cursor:pointer;transition:.2s;background:#fff}
.vamm-history-card:hover{border-color:#111}
.vamm-history-thumb{width:52px;height:52px;object-fit:contain;background:#f5f5f5;border:1px solid var(--vamm-border);flex-shrink:0}
.vamm-history-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
.vamm-history-brand{font-size:.52rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vamm-history-title{font-size:.6rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.vamm-history-price{font-size:.62rem;color:#111;font-weight:500;margin-top:3px}
.vamm-history-actions{display:flex;flex-direction:column;justify-content:center;gap:4px;flex-shrink:0}
.vamm-history-btn{font-size:.5rem;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border:1px solid #ccc;background:transparent;color:#666;cursor:pointer;transition:.2s;font-family:var(--vamm-font-body);white-space:nowrap}.vamm-history-btn:hover{border-color:#111;color:#111}
.vamm-history-btn-buy{background:#111;border-color:#111;color:#fff;text-decoration:none;display:block;text-align:center}.vamm-history-btn-buy:hover{background:#333;color:#fff}

.vamm-footer{text-align:center;padding:20px;border-top:1px solid var(--vamm-border);background:#fff;font-size:.56rem;color:#bbb;letter-spacing:.18em;text-transform:uppercase}

/* Modal */
.vamm-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;animation:vammFI .3s ease}@keyframes vammFI{from{opacity:0}to{opacity:1}}.vamm-modal{background:#fff;border-radius:0;padding:40px 36px 32px;max-width:420px;width:100%;position:relative;box-shadow:0 24px 80px rgba(0,0,0,.2);animation:vammSU .35s cubic-bezier(.23,1,.32,1)}@keyframes vammSU{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.vamm-modal-close{position:absolute;top:16px;right:18px;background:none;border:none;font-size:1.3rem;color:#ccc;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:.2s}.vamm-modal-close:hover{color:#111}.vamm-modal-icon{width:50px;height:50px;border-radius:50%;background:#111;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff}.vamm-modal-title{font-family:var(--vamm-font-display);font-size:1.25rem;font-weight:400;text-align:center;margin:0 0 8px;color:#111}.vamm-modal-text{font-size:.82rem;color:#666;text-align:center;margin:0 0 28px;line-height:1.65;font-weight:300}.vamm-modal-form{display:flex;flex-direction:column;gap:12px}.vamm-modal-input{width:100%;padding:12px 16px;border:1px solid var(--vamm-border);border-radius:0;font-size:.86rem;font-family:var(--vamm-font-body);color:#111;outline:none;transition:.2s;background:#fafafa}.vamm-modal-input:focus{border-color:#111;background:#fff}.vamm-modal-input::placeholder{color:#ccc;font-weight:300}.vamm-modal-submit{margin-top:6px;width:100%;text-align:center;padding:14px;font-size:.76rem}.vamm-modal-status{padding:10px 14px;border-radius:0;font-size:.78rem;text-align:center}.vamm-modal-status.error{background:#fafafa;border:1px solid #ddd;color:#333}.vamm-modal-status.success{background:#f5f5f5;border:1px solid #ccc;color:#111}.vamm-modal-privacy{text-align:center;font-size:.64rem;color:#bbb;margin:18px 0 0;line-height:1.5}

/* Editor search in toolbar */
.vamm-toolbar-search{display:flex;align-items:center;gap:8px;flex:1}
.vamm-editor-search-input{flex:1;padding:6px 14px;border:1px solid var(--vamm-border);border-radius:0;font-size:.74rem;font-family:var(--vamm-font-body);color:#111;background:#fff;outline:none;transition:.2s;min-width:140px}.vamm-editor-search-input:focus{border-color:#111}.vamm-editor-search-input::placeholder{color:#bbb;font-weight:300}
.vamm-editor-results{display:none;width:100%;margin-bottom:14px}.vamm-editor-results.active{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.vamm-editor-results .vamm-preview-card{background:#fff;border:1px solid var(--vamm-border);overflow:hidden;cursor:pointer;transition:.2s;text-align:left}.vamm-editor-results .vamm-preview-card:hover{border-color:#111;transform:translateY(-2px)}
.vamm-editor-results .vamm-preview-thumb{width:100%;aspect-ratio:1;object-fit:contain;background:#f5f5f5;display:block;border-bottom:1px solid var(--vamm-border)}
.vamm-editor-results .vamm-preview-info{padding:8px}.vamm-editor-results .vamm-preview-brand{font-size:.54rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vamm-editor-results .vamm-preview-title{font-size:.6rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}

/* Responsive */
@media(max-width:768px){
    .vamm-editor-layout{flex-direction:column}.vamm-panel{width:100%}
    .vamm-panel-card{flex-direction:row;gap:14px}.vamm-panel-thumb{width:100px;height:100px;aspect-ratio:auto}
    .vamm-preview-grid{grid-template-columns:repeat(3,1fr)}.vamm-preview-card:nth-child(n+4){display:none}
    .vamm-editor-results.active{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:640px){
    .vamm-header{padding:14px 18px}.vamm-toolbar{padding:10px 14px;gap:6px}.vamm-toolbar-spacer{display:none}.vamm-toolbar-dims{width:100%;justify-content:center;margin:4px 0}.vamm-btn-download,.vamm-btn-secondary,.vamm-btn-whatsapp{width:100%;text-align:center;justify-content:center;margin-top:4px}.vamm-screen{padding:24px 18px 40px}.vamm-steps{gap:10px}.vamm-step-line{width:20px}
    .vamm-preview-grid{grid-template-columns:repeat(2,1fr)}.vamm-preview-card:nth-child(n+3){display:none}
    .vamm-modal{padding:32px 22px 24px}
    .vamm-panel-card{flex-direction:column}.vamm-panel-thumb{width:100%;height:auto;aspect-ratio:1}
    .vamm-editor-results.active{grid-template-columns:repeat(2,1fr)}
    .vamm-toolbar-search{width:100%;margin-top:4px}
}