.bmcd{--blue:#07599b;--gold:#f4b223;--ink:#17202a;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);max-width:1280px;margin:auto;background:#fff;border:1px solid #e6e9ed;border-radius:20px;overflow:hidden;box-shadow:0 16px 48px #16283a17}.bmcd *{box-sizing:border-box}.bmcd button,.bmcd input,.bmcd select,.bmcd textarea{font:inherit}.bmcd__head{display:flex;justify-content:space-between;align-items:center;padding:26px 30px;background:linear-gradient(120deg,#07599b,#073c6b);color:#fff}.bmcd__head h2{margin:3px 0;font-size:clamp(24px,3vw,38px);color:#fff}.bmcd__head p{margin:0;opacity:.88}.bmcd__eyebrow{font-size:12px;letter-spacing:.14em;color:#ffd166}.bmcd__reset{border:1px solid #ffffff70;background:#ffffff12;color:#fff;border-radius:9px;padding:10px 14px;cursor:pointer}.bmcd__steps{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #e5e7eb}.bmcd__steps button{border:0;background:#f8fafc;padding:14px;display:flex;justify-content:center;gap:9px;align-items:center;cursor:pointer;color:#657180}.bmcd__steps button.is-active{background:#fff;color:var(--blue);box-shadow:inset 0 -3px var(--gold)}.bmcd__steps b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#dce6ef}.bmcd__steps .is-active b{background:var(--blue);color:#fff}.bmcd__layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr)}.bmcd__visual{padding:30px;background:#f2f5f7}.bmcd__stage{aspect-ratio:16/10;display:grid;place-items:center;background:linear-gradient(#dceef8 0 68%,#c6d49c 68%);border-radius:16px;overflow:hidden}.bmcd__stage svg{width:100%;height:100%;filter:drop-shadow(0 13px 10px #0003)}.bmcd__chosen{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.bmcd__chip{display:flex;align-items:center;gap:7px;background:#fff;padding:7px 10px;border-radius:999px;font-size:13px;box-shadow:0 2px 7px #0001}.bmcd__chip i{width:17px;height:17px;border-radius:50%;border:1px solid #0002}.bmcd__notice{font-size:12px;color:#657180}.bmcd__actions{display:flex;gap:10px;margin-top:18px}.bmcd__actions button,.bmcd__primary{padding:12px 17px;border-radius:9px;border:1px solid var(--blue);color:var(--blue);background:#fff;cursor:pointer}.bmcd .bmcd__primary{background:var(--blue);color:#fff}.bmcd__panel{padding:28px;max-height:720px;overflow:auto}.bmcd__panel h3{margin:0 0 16px}.bmcd__types{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bmcd__types button,.bmcd__layers button{padding:12px;border:1px solid #dce2e8;border-radius:10px;background:#fff;text-align:left;cursor:pointer}.bmcd__types button.is-active,.bmcd__layers button.is-active{border-color:var(--blue);box-shadow:0 0 0 2px #07599b1c;color:var(--blue)}.bmcd__types svg{width:100%;height:62px;background:#edf3f6;border-radius:6px}.bmcd__layers{display:grid;gap:10px}.bmcd__filters{display:grid;gap:8px;margin-bottom:13px}.bmcd__filters input,.bmcd__filters select{width:100%;padding:10px;border:1px solid #d7dde3;border-radius:8px;background:#fff}.bmcd__color-head{display:flex;justify-content:space-between}.bmcd__color-head span{font-size:12px;color:#687582}.bmcd__palette{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;max-height:440px;overflow:auto;padding:3px}.bmcd__swatch{aspect-ratio:1;border:0;border-radius:7px;cursor:pointer;box-shadow:inset 0 0 0 1px #0001;position:relative}.bmcd__swatch:hover,.bmcd__swatch.is-active{outline:3px solid var(--blue);outline-offset:1px}.bmcd__swatch span{display:none;position:absolute;z-index:3;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);background:#111;color:#fff;padding:4px 7px;border-radius:4px;font-size:11px;white-space:nowrap}.bmcd__swatch:hover span{display:block}.bmcd__dialog{border:0;border-radius:15px;padding:0;max-width:520px;width:calc(100% - 30px);box-shadow:0 20px 80px #0006}.bmcd__dialog::backdrop{background:#00152caa}.bmcd__dialog-card{padding:28px;display:grid;gap:12px}.bmcd__dialog-card label{display:grid;gap:4px;font-size:13px;font-weight:600}.bmcd__dialog-card input,.bmcd__dialog-card textarea{padding:10px;border:1px solid #d7dde3;border-radius:8px}.bmcd__close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:27px}.bmcd__consent{grid-template-columns:auto 1fr!important;align-items:start}.bmcd__consent input{margin-top:2px}.bmcd [data-form-status]{font-size:13px}.bmcd [data-form-status].error{color:#b42318}.bmcd [data-form-status].success{color:#17803d}@media(max-width:850px){.bmcd__layout{grid-template-columns:1fr}.bmcd__panel{max-height:none}.bmcd__visual{padding:16px}.bmcd__head{padding:20px;align-items:flex-start}.bmcd__head p{display:none}.bmcd__actions{flex-direction:column}.bmcd__palette{grid-template-columns:repeat(6,1fr)}.bmcd__steps span{font-size:12px}}@media(max-width:480px){.bmcd{border-radius:0}.bmcd__types{grid-template-columns:1fr 1fr}.bmcd__palette{grid-template-columns:repeat(5,1fr)}.bmcd__steps button{padding:12px 4px}.bmcd__reset{font-size:12px}.bmcd__panel{padding:20px}}
.bmcd{container-type:inline-size;container-name:designer}
.bmcd__stage [data-layer]{cursor:pointer;transition:filter .18s ease,opacity .18s ease,stroke .18s ease;vector-effect:non-scaling-stroke}
.bmcd__stage [data-layer]:hover,.bmcd__stage [data-layer].is-editing{filter:brightness(1.04);stroke:#07599b!important;stroke-width:5!important}
.bmcd__hint{display:block;padding:10px 12px;border-radius:9px;background:#e8f2fa;color:#07599b;font-size:13px}
.bmcd__chip{border:1px solid transparent;cursor:pointer;text-align:left}
.bmcd__chip:hover{border-color:#07599b}.bmcd__chip span{display:grid}.bmcd__chip b{font-size:12px;color:#07599b}.bmcd__chip em{font-style:normal;color:#8a949e;font-size:18px;margin-left:2px}
.bmcd__layers button{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;min-height:58px}
.bmcd__layers button i{width:28px;height:28px;border-radius:8px;border:1px solid #0002}.bmcd__layers button span{font-weight:650}.bmcd__layers button small{color:#07599b}
.bmcd__selected-color{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;padding:11px;margin:-4px 0 14px;border:1px solid #dce3e9;border-radius:12px;background:#f8fafc}
.bmcd__selected-color>i{width:54px;height:54px;border-radius:10px;border:1px solid #0002}.bmcd__selected-color>span{display:grid}.bmcd__selected-color small,.bmcd__selected-color em{font-size:11px;color:#697684;font-style:normal}.bmcd__selected-color strong{font-size:22px;line-height:1.15}.bmcd__selected-color>b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#198754;color:#fff}
.bmcd__swatch span{display:block;bottom:3px;left:50%;transform:translateX(-50%);background:#0008;padding:2px 4px;font-size:9px;line-height:1;border-radius:3px}.bmcd__swatch:hover span{display:block}
.bmcd--palette-error [data-palette]::before{content:'A színpaletta nem tölthető be. Frissítse az oldalt.';display:block;grid-column:1/-1;padding:12px;background:#fff1f0;color:#b42318;border-radius:8px}
@container designer (max-width:900px){.bmcd__layout{grid-template-columns:1fr}.bmcd__visual{padding:18px}.bmcd__panel{max-height:none;padding:20px}.bmcd__stage{aspect-ratio:16/9}.bmcd__types{grid-template-columns:repeat(3,1fr)}.bmcd__palette{grid-template-columns:repeat(8,1fr)}.bmcd__head{padding:20px}.bmcd__head h2{font-size:27px}}
@container designer (max-width:560px){.bmcd{border-radius:10px}.bmcd__head{padding:16px}.bmcd__head p,.bmcd__eyebrow{display:none}.bmcd__head h2{font-size:21px}.bmcd__reset{padding:8px 10px}.bmcd__steps button{padding:11px 3px;gap:5px}.bmcd__steps b{width:22px;height:22px}.bmcd__types{grid-template-columns:1fr 1fr}.bmcd__types button{padding:7px}.bmcd__types svg{height:54px}.bmcd__visual{padding:10px}.bmcd__panel{padding:16px}.bmcd__palette{grid-template-columns:repeat(6,1fr);gap:6px;max-height:370px}.bmcd__chosen{margin:10px 0}.bmcd__chip{padding:5px 8px}.bmcd__actions{flex-direction:column}.bmcd__notice{margin:8px 0}.bmcd__selected-color{grid-template-columns:45px 1fr auto}.bmcd__selected-color>i{width:45px;height:45px}.bmcd__layers button{grid-template-columns:26px 1fr}.bmcd__layers button small{display:none}}
.bmcd__stage{background-image:linear-gradient(180deg,#ffffff08,#0b1d0c12),var(--bmcd-scene)!important;background-size:cover!important;background-position:center!important;box-shadow:inset 0 0 0 1px #ffffff80,0 12px 30px #17342020}.bmcd__stage svg{filter:drop-shadow(0 14px 12px #0005)!important}.bmcd__types svg{background-image:linear-gradient(#ffffff12,#102a1718),var(--bmcd-scene)!important;background-size:cover!important;background-position:center!important}.bmcd__types button{overflow:hidden}.bmcd__stage [data-layer]{paint-order:stroke;stroke:#0000;stroke-width:1}

/* 1.4.0 – valódi épületfotó + interaktív, áttetsző színezőmaszk */
.bmcd__stage{aspect-ratio:16/11!important;position:relative;background:#dceef8!important}
.bmcd__house-photo{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover}
.bmcd__stage>svg{position:absolute;z-index:2;inset:0;width:100%;height:100%;filter:none!important}
.bmcd__stage>svg [data-layer]{opacity:0;mix-blend-mode:color;stroke:#0000!important}
.bmcd__stage>svg [data-layer].has-color{opacity:.72}
.bmcd__stage>svg [data-layer]:hover,.bmcd__stage>svg [data-layer].is-editing{opacity:0;stroke:#0000!important;filter:none!important}
.bmcd__stage>svg [data-layer].has-color:hover,.bmcd__stage>svg [data-layer].has-color.is-editing{opacity:.78;stroke:#0000!important}
.bmcd__stage>svg .wall-shadow,.bmcd__stage>svg .roof-shadow,.bmcd__stage>svg .stucco,.bmcd__stage>svg .wall-top-light,.bmcd__stage>svg .wall-ground-line,.bmcd__stage>svg .roof-tiles,.bmcd__stage>svg .flat-roof-texture,.bmcd__stage>svg .roof-light,.bmcd__stage>svg .roof-edge,.bmcd__stage>svg .gutter,.bmcd__stage>svg .roof-cap,.bmcd__stage>svg .glass,.bmcd__stage>svg .glass-shine,.bmcd__stage>svg .glass-reflection,.bmcd__stage>svg .window-bar,.bmcd__stage>svg .reveal-shadow,.bmcd__stage>svg .sill,.bmcd__stage>svg .sill-shadow,.bmcd__stage>svg .handle,.bmcd__stage>svg .door-detail,.bmcd__stage>svg .garage-line,.bmcd__stage>svg .balcony-floor,.bmcd__stage>svg .railing,.bmcd__stage>svg .chimney-cap,.bmcd__stage>svg .decor,.bmcd__stage>svg>ellipse{opacity:0!important;pointer-events:none}
.bmcd__types img{display:block;width:100%;height:82px;object-fit:cover;border-radius:7px;margin-bottom:7px}
@container designer (max-width:560px){.bmcd__types img{height:64px}}