:root{--dark:#26312c;--paper:#f5f1e9;--warm:#e7e0d3;--gold:#a7855e;--rust:#cb6c47;--ink:#28312b;--muted:#788079;--rule:#ddd7ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--rust);outline-offset:3px}a{color:inherit;text-decoration:none}.topline{min-height:82px;display:flex;align-items:center;justify-content:space-between;padding:13px clamp(20px,4vw,60px);gap:24px;background:#1c2722;color:#f9f5ec}.wordmark{display:flex;flex-direction:column;align-items:start;width:max-content;line-height:1}.wordmark i{display:block;width:87px;height:4px;background:linear-gradient(90deg,#db7951,#b54c34,#dc9c6e);border-radius:6px;margin-bottom:6px}.wordmark strong{font-size:24px;letter-spacing:.2em}.wordmark small{font-size:8px;letter-spacing:.23em;margin-top:5px;color:#dacfc0}.topright{display:flex;align-items:center;gap:34px;font-size:10px;font-weight:600;letter-spacing:.14em}.topright span{color:#b2bbb3}.topright a{border-bottom:1px solid #ac8960;padding-bottom:6px;white-space:nowrap}.app{display:grid;grid-template-columns:minmax(295px,355px) minmax(0,1fr);min-height:calc(100dvh - 82px);max-width:1800px;margin:auto}.controls{padding:27px 24px 40px;background:#f6f3ed;border-right:1px solid var(--rule)}.intro h1{font:500 clamp(29px,2.7vw,38px)/1.05 Georgia,serif;margin:9px 0}.intro p{color:#68736c;font-size:12px;line-height:1.75;margin:8px 0 23px}.overline{font-size:10px;letter-spacing:.23em;font-weight:700;color:#9e805a}.control-section{border-top:1px solid var(--rule);padding:19px 0}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:13px}.section-head h2{font-size:12px;margin:0;letter-spacing:.02em;font-weight:700}.section-head span{font-size:9px;color:var(--muted);letter-spacing:.15em}.house-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.house-btn{background:#fff;border:1px solid #e0ddd3;color:#36413a;text-align:left;min-height:64px;padding:10px 11px;border-radius:3px;display:flex;align-items:center;gap:9px;transition:background .17s,border-color .17s}.house-btn:hover{border-color:#bba88f}.house-btn.active{border-color:#a98a62;box-shadow:inset 0 0 0 1px #b89767;background:#eee7dc}.house-btn .house-icon{font-size:22px;opacity:.8}.house-btn span:last-child{font-size:11px;font-weight:650;line-height:1.3}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#e9e4d9;padding:4px;gap:4px;border-radius:4px}.segmented button{border:0;background:transparent;color:#647069;padding:11px;border-radius:3px;font-weight:600}.segmented button.active{background:#304039;color:white;box-shadow:0 1px 5px #0002}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.service-btn{padding:10px 8px;background:#fff;border:1px solid #d9d7cf;text-align:left;border-radius:3px;font-size:11px;color:#4c5a51;min-height:43px}.service-btn:hover{border-color:#b4a489}.service-btn.active{background:#31443b;color:#fff;border-color:#31443b}.selection-card{background:#eae4d9;border-left:3px solid #bc9767;padding:17px 17px;margin:6px 0 17px;min-height:110px}.selection-card span{display:block;font-size:9px;font-weight:700;letter-spacing:.15em;color:#896f52;margin-bottom:6px}.selection-card strong{font:500 19px/1.2 Georgia,serif}.selection-card p{font-size:11px;color:#657066;line-height:1.65;margin:7px 0 0}.contact-link{display:block;text-align:center;background:#2c3a33;color:#fff;padding:14px 12px;font-size:11px;letter-spacing:.17em;font-weight:700;text-transform:uppercase}.stage-area{min-width:0;background:#dedbd3;display:flex;flex-direction:column}.stage{position:relative;flex:1;min-height:580px;overflow:hidden;background:radial-gradient(ellipse at 57% 45%,#f0eee8,#d2d0c6 78%)}canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}.stage-top{position:absolute;z-index:1;left:20px;right:20px;top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;pointer-events:none}.stage-label,.material-label{background:#f8f6f0df;color:#3a463e;padding:8px 12px;font-size:10px;font-weight:650;letter-spacing:.11em}.material-label{font-size:9px;color:#8e8069}.stage-tools{position:absolute;bottom:56px;right:23px;z-index:2;display:flex;gap:8px;flex-wrap:wrap}.stage-tools button{border:1px solid #b8b4a6;background:#faf8f0e8;color:#3e4c42;padding:10px 13px;font-size:11px;font-weight:650;min-height:40px}.stage-tools button:hover{background:white}.stage-foot{position:absolute;bottom:0;left:0;right:0;color:#5d6b61;padding:12px 18px;background:#eeece6d9;font-size:10px;text-align:center;pointer-events:none}.disclaimer{background:#ede9e0;padding:15px 22px;font-size:10px;color:#7b8379;line-height:1.7}.disclaimer span{color:#a48359;letter-spacing:.12em;font-weight:700;margin-right:6px}.load-state{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:14px;z-index:4;background:rgba(237,235,229,.93);color:#536259;font-size:13px}.load-state[hidden]{display:none}.load-spinner{width:29px;height:29px;border:2px solid #d8d2c5;border-top-color:#b28254;border-radius:50%;animation:turn 1s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}body.embed .topline{display:none}body.embed .app{min-height:100dvh}body.embed .stage{min-height:520px}body.embed .controls{padding:23px 19px}body.embed .intro h1{font-size:28px}body.embed .disclaimer{font-size:10px}@media(max-width:990px){.app{grid-template-columns:300px 1fr}.controls{padding:22px 15px}.stage{min-height:600px}.stage-top{left:12px;right:12px;top:12px}.stage-label,.material-label{font-size:9px}}@media(max-width:750px){.topline{padding:15px 20px}.topright span{display:none}.app{display:flex;flex-direction:column}.controls{padding:20px}.intro h1{font-size:28px}.intro p{margin-bottom:15px}.house-list{grid-template-columns:repeat(3,minmax(0,1fr))}.house-btn{min-height:65px;padding:7px 5px;gap:3px;flex-direction:column;justify-content:center;text-align:center}.house-btn .house-icon{font-size:20px;line-height:1}.house-btn span:last-child{font-size:9px}.service-list{grid-template-columns:repeat(3,minmax(0,1fr))}.service-btn{font-size:10px;text-align:center}.control-section{padding:13px 0}.selection-card{margin:5px 0 12px;min-height:auto}.stage{flex:none;height:clamp(400px,110vw,590px);min-height:400px}.stage-tools{bottom:48px;right:10px;left:10px;justify-content:center}.stage-tools button{font-size:10px;padding:7px 9px}.stage-label,.material-label{font-size:9px}.material-label{display:none}body.embed .stage{min-height:400px;height:460px}.disclaimer{padding:15px 19px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* v4 – napfényes, építészeti stúdióhangulat, jobb mobilos olvashatóság */
.stage{background:radial-gradient(ellipse at 58% 32%,#eef2eb 0%,#e0e7e0 55%,#d3dad1 100%)}
.stage-top .stage-label{box-shadow:0 5px 25px #243c3520;border:1px solid #ffffffaa;backdrop-filter:blur(7px)}
.stage-tools button{border-radius:6px;box-shadow:0 3px 14px #283a3020;backdrop-filter:blur(6px)}
@media(max-width:750px){.stage{height:clamp(450px,118vw,610px);min-height:450px}.stage-top{top:13px}.stage-top .stage-label{font-size:9px}.house-btn{border-radius:5px}}

/* V7.1: a részletes modell mobilon elsőként látszik, egyértelmű betöltési állapottal */
.model-source{display:inline-flex;align-items:center;gap:5px;background:#f2f7f0e6;border:1px solid #a5b8a5;color:#365746;padding:7px 9px;font-size:9px;letter-spacing:.07em;font-weight:750;white-space:nowrap}
.model-source.model-source-error{background:#fff3e4e9;border-color:#dfbb91;color:#815b36}
.model-warning{position:absolute;z-index:4;left:12px;right:12px;top:78px;padding:13px 14px;background:#fff7eaee;border:1px solid #d9ba8e;color:#6f5737;box-shadow:0 3px 16px #0002;font-size:11px;line-height:1.55}
.model-warning[hidden]{display:none}.model-warning button{display:block;margin-top:6px;border:1px solid #ad895e;background:#fff9f0;color:#604f3b;padding:6px 9px;font-size:11px}
.mobile-config-link{display:none}
@media(max-width:750px){
 .app{display:flex;flex-direction:column}.stage-area{order:-1}.controls{order:1}
 .stage{height:clamp(385px,105vw,530px);min-height:385px}
 .stage-top{gap:6px}.stage-label{max-width:100%;font-size:9px}.model-source{font-size:9px;letter-spacing:0;padding:5px 7px}
 .model-warning{top:92px}.mobile-config-link{display:block;text-align:center;padding:12px 15px;background:#2f4036;color:#fff;font-size:12px;font-weight:650;letter-spacing:.03em}
 .disclaimer{font-size:10px;padding:11px 16px}.controls{scroll-margin-top:8px}
 .stage-area{scroll-margin-top:0}body.embed .stage{height:440px;min-height:390px}
}


/* V8.1 — the selection key follows the mint-green surface highlight. */
.selection-card{border-left:4px solid #59aa87;background:#e6f2e9}
.selection-card>span{color:#31765b}