:root{--ink:#23271f;--ink-soft:#5c6156;--cream:#f7f4ec;--card:#fff;--green:#2e4b3a;--green-deep:#223a2c;--wood:#a9713c;--wood-soft:#c89a6b;--line:#e4dfd2;--radius:14px;--font-display:Georgia, "Times New Roman", serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--cream);color:var(--ink);font-family:var(--font-body);line-height:1.55}.site-header{background:var(--card);border-bottom:1px solid var(--line);z-index:20;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:16px;max-width:1240px;margin:0 auto;padding:14px 24px;display:flex}.wordmark{color:var(--ink);flex-direction:column;line-height:1.1;text-decoration:none;display:flex}.wordmark__name{font-family:var(--font-display);letter-spacing:.02em;color:var(--green-deep);font-size:1.7rem;font-weight:700}.wordmark__sub{letter-spacing:.22em;text-transform:uppercase;color:var(--wood);margin-top:2px;font-size:.72rem}.site-nav{gap:22px;font-size:.95rem;display:flex}.site-nav__item--muted{color:var(--ink-soft)}.site-nav__item--active{color:var(--green-deep);border-bottom:2px solid var(--wood);padding-bottom:2px;font-weight:600}.page{max-width:1240px;margin:0 auto;padding:32px 24px 56px}.intro{max-width:640px;margin-bottom:26px}.intro h1{font-family:var(--font-display);color:var(--green-deep);margin-bottom:10px;font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:700}.intro p{color:var(--ink-soft);font-size:1.02rem}.configurator{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:22px;display:grid}.configurator__stage{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#f0f2ea,#e6e9de);height:min(62vh,640px);min-height:380px;position:relative;overflow:hidden}.configurator__stage canvas{display:block}.configurator__stage-price{pointer-events:none;position:absolute;bottom:14px;left:14px}.scene-loading{height:100%;color:var(--ink-soft);place-items:center;display:grid}.configurator__error{color:#7c4a1d;background:#fdf3ec;border:1px solid #ecc9a8;border-radius:10px;grid-column:1/-1;padding:10px 14px;font-size:.92rem}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:22px;padding:20px;display:flex}.panel h2{font-family:var(--font-display);color:var(--green-deep);margin-bottom:10px;font-size:1.1rem}.panel__hint{color:var(--ink-soft);margin-bottom:10px;font-size:.85rem}.control{margin-bottom:14px;display:block}.control__label{color:var(--ink-soft);justify-content:space-between;margin-bottom:4px;font-size:.9rem;display:flex}.control__label strong{color:var(--ink);font-variant-numeric:tabular-nums}.control input[type=range]{width:100%;accent-color:var(--green)}.control--opening.is-selected .control__label strong{color:var(--green)}.price{background:var(--green-deep);color:#f4f1e7;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.price--compact{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#223a2ceb;box-shadow:0 8px 22px #141e1640}.price__main{flex-direction:column;display:flex}.price__label{text-transform:uppercase;letter-spacing:.16em;color:var(--wood-soft);font-size:.72rem}.price__value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700}.price--compact .price__value{font-size:1.35rem}.price__meta{opacity:.75;font-size:.78rem}.price__delta{font-variant-numeric:tabular-nums;background:#ffffff1f;border-radius:999px;padding:3px 8px;font-size:.85rem}.price--loading{background:var(--line);color:var(--ink-soft);justify-content:center}.breakdown__toggle{color:var(--green);cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:.88rem;text-decoration:underline}.breakdown__list{border-top:1px solid var(--line);margin-top:4px;font-size:.86rem;list-style:none}.breakdown__list li{border-bottom:1px dashed var(--line);font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;padding:5px 0;display:flex}.breakdown__note{color:var(--ink-soft);padding-top:8px;font-size:.78rem;border-bottom:none!important;display:block!important}.saveload{flex-direction:column;gap:10px;margin-top:6px;display:flex}.saveload__row{gap:8px;display:flex}.saveload__input{border:1px solid var(--line);border-radius:8px;flex:1;min-width:0;padding:9px 10px;font-size:.9rem}.saveload__msg{color:var(--ink-soft);font-size:.82rem}.btn{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:10px;padding:10px 16px;font-size:.95rem}.btn--primary{background:var(--wood);border-color:var(--wood);color:#fff;font-weight:600}.btn--primary:hover{background:#94622f}.btn:disabled{opacity:.6;cursor:default}.reassurance{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px;display:grid}.reassurance h3{font-family:var(--font-display);color:var(--green-deep);margin-bottom:4px;font-size:1rem}.reassurance p{color:var(--ink-soft);font-size:.9rem}.site-footer{border-top:1px solid var(--line);text-align:center;color:var(--ink-soft);padding:18px 24px 28px;font-size:.8rem}@media (max-width:900px){.configurator{grid-template-columns:1fr}.configurator__stage{height:46vh;min-height:300px}.panel{padding:16px}.reassurance{grid-template-columns:1fr}.site-nav{display:none}}.templates{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.template{text-align:left;background:var(--card);border:1px solid var(--line);cursor:pointer;font-family:var(--font-body);border-radius:12px;flex-direction:column;gap:3px;padding:12px 14px;display:flex}.template.is-active{border-color:var(--green);box-shadow:0 0 0 2px #2e4b3a40}.template__name{font-family:var(--font-display);color:var(--green-deep);font-weight:700}.template__tagline{color:var(--ink-soft);font-size:.8rem}.template__anchor{color:var(--wood);font-size:.76rem;font-weight:600}.view-toggle{z-index:5;border:1px solid var(--line);background:#ffffffeb;border-radius:999px;display:flex;position:absolute;top:12px;right:12px;overflow:hidden}.view-toggle button{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;padding:7px 16px;font-size:.86rem}.view-toggle button.is-active{background:var(--green-deep);color:#f4f1e7}.facade{flex-direction:column;align-items:stretch;height:100%;padding:34px 18px 8px;display:flex}.facade svg{flex:1;width:100%;min-height:0}.facade__wall{fill:#e9dcc3;stroke:var(--ink);stroke-width:1.5px}.facade__opening{fill:#fff;stroke:var(--green-deep);stroke-width:1.5px}.facade__opening--selected{stroke:var(--wood);stroke-width:3px}.facade__opening--invalid{fill:#fbe6e0;stroke:#b3401f;stroke-dasharray:5 3}.facade__mullion{stroke:var(--green-deep);stroke-width:1px;pointer-events:none}.facade__dim{fill:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:12px}.facade__dimline{stroke:var(--ink-soft);stroke-width:1px}.facade__hint{color:var(--ink-soft);text-align:center;padding:6px 0 2px;font-size:.8rem}.invalid-banner{color:#7c2d12;background:#fbe6e0;border:1px solid #e0a893;border-radius:10px;padding:10px 12px;font-size:.88rem}.invalid-actions{color:#7c2d12;flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;display:flex}.control--opening.is-invalid .control__label{color:#b3401f}.control__actions{align-items:center;gap:8px;display:inline-flex}.control__remove{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.85rem}.control__remove:hover{color:#b3401f}.add-openings{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.btn--small{border-radius:8px;padding:6px 10px;font-size:.82rem}@media (max-width:900px){.templates{grid-template-columns:1fr}}