.mci-viz-pro{--ink:#24211d;--accent:#a16c37;--line:#e5ded5;font-family:inherit;color:var(--ink);max-width:1450px;margin:auto}.mci-viz-pro *{box-sizing:border-box}.mci-head{text-align:center;margin:0 0 26px}.mci-eyebrow{font-size:11px;letter-spacing:.2em;color:var(--accent);font-weight:700}.mci-head h2{font-size:clamp(25px,3vw,40px);margin:7px 0}.mci-head p{color:#6c665f}.mci-layout{display:grid;grid-template-columns:minmax(275px,340px) minmax(0,1fr);gap:22px}.mci-panel,.mci-workspace{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;min-width:0}.mci-panel{align-self:start}.mci-label{display:block;font-weight:700;font-size:14px;margin:17px 0 9px}.mci-label:first-child{margin-top:0}.mci-panel input[type=file],.mci-search{width:100%;font-size:13px;max-width:100%;padding:9px;border:1px solid var(--line);border-radius:8px}.mci-panel small,.mci-hint{font-size:12px;color:#797168;line-height:1.5}.mci-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:330px;overflow:auto;margin-top:12px}.mci-tile{background:#faf8f5;border:2px solid transparent;border-radius:10px;padding:6px;text-align:left;cursor:pointer;color:var(--ink);font-family:inherit}.mci-tile.active,.mci-tile:hover{border-color:var(--accent)}.mci-tile img{display:block;width:100%;height:105px;object-fit:cover;border-radius:6px}.mci-tile span,.mci-tile small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mci-tile span{font-size:12px;font-weight:700;margin-top:5px}.mci-custom{margin-top:13px;font-size:13px}.mci-custom input{margin-top:8px}.mci-selected{margin-top:13px;padding:10px;border-radius:8px;background:#f7f1e8;font-size:12px}.mci-dims{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mci-dims label{font-size:12px}.mci-dims input{display:block;width:100%;padding:9px;border:1px solid var(--line);border-radius:7px;margin-top:5px}.mci-range{display:block;font-size:12px;margin-bottom:10px}.mci-range input{display:block;width:100%;accent-color:var(--accent)}.mci-canvas-wrap{background:#e9e4dc;border-radius:12px;overflow:hidden}.mci-canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}.mci-hint{margin:10px 0 16px}.mci-actions{display:flex;flex-wrap:wrap;gap:9px}.mci-actions button{background:#f7f3ed;border:1px solid var(--line);border-radius:8px;padding:10px 13px;cursor:pointer;color:var(--ink);font:inherit;font-size:13px}.mci-actions .mci-download,.mci-actions .mci-whatsapp{background:var(--ink);color:#fff}.mci-actions button:hover{filter:brightness(.92)}.mci-status{margin-top:12px;font-size:12px;min-height:18px;color:#6a5b49}@media(max-width:800px){.mci-layout{grid-template-columns:1fr}.mci-panel,.mci-workspace{padding:13px}.mci-gallery{grid-template-columns:repeat(3,minmax(0,1fr));max-height:240px}.mci-tile img{height:90px}}@media(max-width:420px){.mci-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

.mci-viz-pro .mci-detect{background:#173e36;color:#fff;border:0;font-weight:700}.mci-viz-pro .mci-detect:disabled{opacity:.55;cursor:wait}

.mci-collection{width:100%;padding:12px;margin:8px 0 12px;border:1px solid #ccc;border-radius:7px;background:white;color:#222}.mci-collection-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0}.mci-collection-nav button{padding:8px 10px;border:1px solid #ccc;background:#fff;border-radius:6px;cursor:pointer}.mci-gallery{min-height:120px}

/* MCI 3.1 frontend/editor scoped premium layout */
.mci-viz-pro{width:100%;max-width:1320px;margin:30px auto 60px;padding:0 16px!important;color:#242824;font-family:inherit;line-height:1.5}
.mci-viz-pro .mci-head{padding:30px 20px 34px!important;text-align:center!important;background:linear-gradient(120deg,#f9f7f2,#f2eee6);border:1px solid #e7e1d6;border-radius:18px;margin-bottom:22px!important}
.mci-viz-pro .mci-head .mci-eyebrow{display:block;color:#93704a!important;font-size:11px!important;font-weight:700;letter-spacing:2.4px}
.mci-viz-pro .mci-head h2{font-size:clamp(26px,3.5vw,42px)!important;line-height:1.2!important;font-weight:700!important;color:#202922!important;margin:9px 0 12px!important}
.mci-viz-pro .mci-head p{margin:0!important;font-size:14px!important;color:#666d65!important}
.mci-viz-pro .mci-layout{display:grid!important;grid-template-columns:minmax(285px,350px) minmax(0,1fr)!important;gap:22px!important;align-items:start!important}
.mci-viz-pro .mci-panel,.mci-viz-pro .mci-workspace{display:block!important;border:1px solid #e4e4df!important;border-radius:16px!important;background:#fff!important;padding:22px!important;box-shadow:0 8px 32px rgba(18,35,28,.06)!important;min-width:0!important}
.mci-viz-pro .mci-label{display:block!important;margin:22px 0 9px!important;font-size:13px!important;font-weight:700!important;color:#243c32!important}
.mci-viz-pro .mci-label:first-child{margin-top:0!important}
.mci-viz-pro .mci-room,.mci-viz-pro .mci-collection{display:block!important;width:100%!important;max-width:100%!important;min-height:46px!important;border:1px solid #d5ddd7!important;border-radius:9px!important;padding:11px!important;background:#fbfcfb!important;color:#24352c!important;font-size:13px!important;margin:0 0 9px!important}
.mci-viz-pro .mci-panel small{display:block!important;font-size:11px!important;color:#777!important;line-height:1.55!important}
.mci-viz-pro .mci-gallery{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;max-height:260px!important;min-height:0!important;overflow:auto!important;margin:12px 0!important;padding:0!important}
.mci-viz-pro .mci-gallery p{grid-column:1/-1;margin:0!important;padding:14px!important;background:#f6f7f4;border-radius:8px;color:#637064;font-size:12px!important}
.mci-viz-pro .mci-tile{border:2px solid transparent!important;border-radius:10px!important;padding:6px!important;background:#f8f8f5!important;min-width:0!important}
.mci-viz-pro .mci-tile.active{border-color:#b18b5a!important}
.mci-viz-pro .mci-collection-nav{display:flex!important;gap:9px!important;align-items:center!important;justify-content:space-between!important;margin:12px 0!important}
.mci-viz-pro .mci-collection-nav button{flex:1!important;min-width:0!important;background:#f2f5f2!important;border:1px solid #d9e1d9!important;border-radius:8px!important;padding:10px 7px!important;font-size:12px!important;color:#284335!important;cursor:pointer!important}
.mci-viz-pro .mci-count{font-size:11px!important;color:#68746b!important;white-space:nowrap!important}
.mci-viz-pro .mci-selected{padding:12px!important;margin:10px 0!important;border-radius:9px!important;background:#f3f5f0!important;font-size:12px!important;color:#435344!important}
.mci-viz-pro .mci-dims{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.mci-viz-pro .mci-dims label{font-size:12px!important;color:#4e5b51!important}
.mci-viz-pro .mci-dims input{width:100%!important;height:42px!important;margin-top:5px!important;border:1px solid #d7ddd7!important;border-radius:8px!important;padding:9px!important}
.mci-viz-pro .mci-range{display:block!important;margin:0 0 15px!important;font-size:12px!important;color:#4e5b51!important}
.mci-viz-pro .mci-range input{display:block!important;width:100%!important;margin-top:8px!important;accent-color:#315846!important}
.mci-viz-pro .mci-canvas-wrap{width:100%!important;min-height:260px!important;background:#e9ece7!important;border-radius:12px!important;overflow:hidden!important}
.mci-viz-pro .mci-canvas{display:block!important;width:100%!important;height:auto!important;aspect-ratio:20/13!important}
.mci-viz-pro .mci-hint{display:block!important;font-size:12px!important;color:#667269!important;line-height:1.6!important;margin:13px 0!important}
.mci-viz-pro .mci-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:15px 0!important}
.mci-viz-pro .mci-actions button{width:auto!important;min-height:43px!important;border-radius:9px!important;border:1px solid #d8dfd9!important;background:#f4f6f2!important;color:#2e4739!important;padding:11px 15px!important;font-size:12px!important;font-weight:600!important;cursor:pointer!important}
.mci-viz-pro .mci-actions .mci-detect{background:#244a3a!important;color:white!important;border-color:#244a3a!important}
.mci-viz-pro .mci-actions .mci-download,.mci-viz-pro .mci-actions .mci-whatsapp{background:#25332c!important;color:#fff!important;border-color:#25332c!important}
.mci-viz-pro .mci-status{display:block!important;min-height:20px!important;font-size:12px!important;color:#586b5d!important}
@media(max-width:900px){.mci-viz-pro .mci-layout{grid-template-columns:1fr!important}.mci-viz-pro .mci-panel,.mci-viz-pro .mci-workspace{padding:16px!important}.mci-viz-pro .mci-head{padding:25px 14px!important}}
@media(max-width:520px){.mci-viz-pro{padding:0 8px!important}.mci-viz-pro .mci-actions button{flex:1 1 100%!important}}
.mci-mode{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0;padding:12px;border:1px solid #e1ded8;border-radius:10px}.mci-mode label{display:flex;gap:7px;align-items:center;font-size:13px;cursor:pointer}.mci-mode input{accent-color:#17483c}