:root{color-scheme:light;--ink: #17231e;--muted: #68736e;--line: #dce2de;--cream: #f4f2ec;--paper: #fffefb;--green: #153d30;--gold: #c69a55;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}button,a{font:inherit}button{color:inherit}.site-header{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3.2vw;border-bottom:1px solid var(--line);background:#fffefbeb;position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font:700 14px/1 Manrope,sans-serif;letter-spacing:.14em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:#fff;background:var(--green);border-radius:50%;font-size:10px;letter-spacing:.05em}.demo-badge{justify-self:center;padding:7px 12px;border:1px solid var(--line);border-radius:99px;font-size:10px;letter-spacing:.13em;color:var(--muted)}.ghost-button{justify-self:end;border:0;background:none;cursor:pointer;font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}.configurator{min-height:calc(100vh - 116px);display:grid;grid-template-columns:minmax(0,1.6fr) minmax(390px,.74fr)}.viewer-panel{min-width:0;padding:clamp(28px,4vw,58px) clamp(20px,4.5vw,72px) 22px;background:radial-gradient(circle at 50% 44%,#fff 0,#f6f4ee 44%,#ebeae4);display:grid;grid-template-rows:auto minmax(360px,1fr) auto}.viewer-copy{position:relative;z-index:2;max-width:560px;pointer-events:none}.eyebrow{margin:0 0 15px;color:#886c43;font-size:10px;font-weight:600;letter-spacing:.18em}.viewer-copy h1{margin:0;font:600 clamp(31px,3.1vw,53px)/1.08 "Manrope",sans-serif;letter-spacing:-.045em}.viewer-copy h1 em{font-family:Georgia,serif;font-weight:400;color:#796449}.viewer-copy>p:last-child{width:min(470px,90%);margin:18px 0 0;color:var(--muted);font-size:14px;line-height:1.65}.viewer{position:relative;min-height:360px;margin-top:-45px;overflow:hidden;cursor:grab;touch-action:none}.viewer:active{cursor:grabbing}.viewer canvas{display:block;width:100%;height:100%;outline:none}.loading{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:13px;z-index:2;color:var(--muted);font-size:12px;transition:opacity .35s}.loading.is-hidden{opacity:0;pointer-events:none}.loading-ring{width:38px;height:38px;border:2px solid #d4d9d5;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.viewer-error{position:absolute;inset:0;z-index:3;display:grid;place-content:center;justify-items:center;gap:8px;text-align:center;color:var(--muted)}.viewer-error strong{color:var(--ink)}.viewer-error button{margin-top:8px;border:1px solid var(--ink);background:transparent;padding:9px 16px;border-radius:99px;cursor:pointer}.viewer-hint{position:absolute;left:50%;bottom:12px;transform:translate(-50%);padding:8px 13px;background:#ffffffc2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.8);border-radius:99px;color:var(--muted);font-size:10px;white-space:nowrap;pointer-events:none}.viewer-hint span{color:var(--ink);margin-right:5px}.fullscreen-button{position:absolute;right:8px;bottom:10px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#ffffffb8;cursor:pointer}.viewer-meta{display:flex;justify-content:space-between;color:#7d8782;font-size:9px;letter-spacing:.1em}.status-dot{display:inline-block;width:6px;height:6px;margin-right:8px;background:#4da06b;border-radius:50%;box-shadow:0 0 0 3px #4da06b1f}.control-panel{border-left:1px solid var(--line);padding:clamp(30px,4vw,56px);background:#fff;display:flex;flex-direction:column;min-height:0}.steps{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:9px;color:#adb5b1;font-size:9px;font-weight:600}.steps i{height:1px;background:var(--line)}.steps span{width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}.steps span.active{color:#fff;background:var(--green);border-color:var(--green)}.panel-heading{margin-top:clamp(34px,5vh,66px)}.panel-heading h2{margin:0;font:600 clamp(24px,2vw,31px)/1.2 "Manrope",sans-serif;letter-spacing:-.035em}.panel-heading>p:last-child{margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.option-stage{margin-top:30px;min-height:230px}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.option-card{min-height:86px;border:1px solid var(--line);border-radius:3px;padding:14px;background:#fff;cursor:pointer;text-align:left;transition:.2s ease;position:relative}.option-card:hover{border-color:#a7b1ac;transform:translateY(-1px)}.option-card.selected{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:#fbfcfa}.option-card.selected:after{content:"✓";position:absolute;right:10px;top:9px;color:var(--green);font-size:11px}.option-card strong{display:block;margin-top:12px;font-size:12px;font-weight:600}.option-card small{display:block;margin-top:4px;color:var(--muted);font-size:9px}.material-swatch{display:block;width:34px;height:22px;border-radius:2px;background:var(--swatch);box-shadow:inset 0 0 0 1px #00000014}.material-swatch.textured{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.15) 0 1px,transparent 1px 4px)}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px 10px}.color-choice{border:0;background:none;padding:0;cursor:pointer;text-align:center;font-size:9px;color:var(--muted)}.color-choice i{display:block;width:38px;height:38px;margin:0 auto 8px;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #d8ddda;transition:.2s}.color-choice.selected i{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--green)}.summary-card{margin-top:auto;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.summary-card span,.summary-card strong{display:block}.summary-card span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.summary-card strong{margin-top:4px;font-size:11px}.summary-card button{border:0;background:none;cursor:pointer;color:#6f785f;font-size:10px;white-space:nowrap}.panel-actions{display:grid;grid-template-columns:1fr 1.45fr;gap:10px;margin-top:18px}.panel-actions button{height:50px;border-radius:2px;cursor:pointer;font-size:11px;font-weight:600}.back-button{border:1px solid var(--line);background:#fff}.back-button:disabled{opacity:.35;cursor:not-allowed}.next-button{border:1px solid var(--green);background:var(--green);color:#fff}.next-button span{margin-left:10px}footer{min-height:40px;padding:11px 3.2vw;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}footer a{color:inherit;text-underline-offset:3px}@media(max-width:900px){.site-header{grid-template-columns:1fr auto;padding:0 20px}.demo-badge{display:none}.configurator{grid-template-columns:1fr}.viewer-panel{min-height:720px}.viewer{margin-top:-20px}.control-panel{border-left:0;border-top:1px solid var(--line);padding:38px 24px}.panel-heading{margin-top:40px}footer{flex-direction:column}}@media(max-width:520px){.site-header{height:66px}.brand{font-size:11px}.ghost-button{font-size:10px}.viewer-panel{min-height:650px;padding:30px 18px 20px}.viewer-copy>p:last-child{font-size:12px}.viewer{min-height:390px}.control-panel{padding:32px 18px}.color-grid{grid-template-columns:repeat(4,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}