:root{--ink:#1c292b;--gold:#ad8954;--line:#d9dedc;--paper:#f7f9f8;--muted:#596765}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font:16px Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #267b84;outline-offset:3px}header{height:90px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;text-decoration:none;color:var(--ink);font-size:14px;font-weight:bold;letter-spacing:2px;line-height:1.4}.brand small{font-size:12px;letter-spacing:4px}.mark{display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);font:25px Georgia,serif;padding:9px;letter-spacing:-2px}.header-note{font-family:Georgia,serif;font-style:italic;color:var(--muted)}main{max-width:1450px;margin:auto;padding:32px 5% 0}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.eyebrow{font-size:12px;letter-spacing:2.2px;font-weight:bold;color:#62706c;margin:0 0 10px}h1{font:400 clamp(32px,4vw,50px)/1.1 Georgia,serif;margin:0}.intro>p{color:var(--muted);line-height:1.7;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:35px;align-items:start}.visual{position:sticky;top:20px}.stage{height:530px;background:linear-gradient(145deg,#eef2f1,#dfe6e3);position:relative;overflow:hidden;border-radius:3px}#viewer{width:100%;height:100%}#viewer canvas{display:block;width:100%;height:100%;touch-action:none}#render-error{position:absolute;top:30%;padding:35px;background:#fff;margin:25px;line-height:1.7}.stage-top{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;pointer-events:none;font-size:14px}.pill{font-size:12px;letter-spacing:1px;padding:6px 9px;border:1px solid #aebcb6;border-radius:3px}.view-buttons{position:absolute;bottom:52px;left:0;width:100%;display:flex;justify-content:center;gap:4px}.view-buttons button{background:#ffffffc9;border:1px solid #ccd4cf;padding:10px 12px;font-size:14px;color:var(--ink)}.view-buttons button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.gesture{position:absolute;bottom:12px;text-align:center;left:0;right:0;font-size:12px;color:#576560}.under-preview{display:flex;align-items:center;justify-content:space-between;padding:24px 0 10px}.under-preview p{margin:8px 0}.text-button{border:0;border-bottom:1px solid var(--gold);padding:8px 0;background:none;color:var(--ink);font-size:14px}.natural-note,.small-note,.pricing-note{font-size:13px;line-height:1.65;color:var(--muted);margin:8px 0 20px}.options{border-left:1px solid var(--line);padding-left:30px}.section-head{display:flex;align-items:center;gap:12px;margin:27px 0 16px}.section-head:first-child{margin-top:0}.step{font-size:12px;color:var(--gold);border:1px solid #c8b393;border-radius:50%;width:26px;height:26px;display:grid;place-items:center}h2{font:400 23px Georgia,serif;margin:0}.segmented{display:flex}.segmented button{flex:1;padding:11px 6px;border:1px solid var(--line);background:#fff;font-size:14px}.segmented button.active{background:var(--ink);color:white;border-color:var(--ink)}.range-row{margin:20px 0}.range-row label{display:flex;justify-content:space-between;font-size:14px;margin-bottom:12px}output{color:#62706c}input[type=range]{width:100%;accent-color:var(--ink);height:5px;cursor:pointer}.select-label{display:block;font-size:14px;margin:16px 0}select{display:block;width:100%;padding:11px;border:1px solid var(--line);background:#fff;color:var(--ink);margin-top:8px;border-radius:2px;font-size:14px}.wood-options{display:flex;gap:9px}.wood-options button{flex:1;border:1px solid var(--line);background:#fff;padding:8px;font-size:14px;border-radius:2px}.wood-options button.active{border:2px solid var(--gold);padding:7px}.wood{height:32px;display:block;margin-bottom:8px;background:repeating-linear-gradient(8deg,#ad824b,#d6b37b 5px,#b68d58 6px,#dab980 12px)}.wood.walnut{filter:brightness(.55)}.wood.elm{filter:brightness(.84) saturate(.8)}.swatches{display:flex;gap:9px;flex-wrap:wrap}.swatches button{width:34px;height:34px;border-radius:50%;border:3px solid #fff;outline:1px solid #ccd4d0}.swatches button.active{outline:2px solid var(--ink);outline-offset:2px}.selection-name{font-size:14px;margin:12px 0}.quote-bar{display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--ink);color:#fff;padding:28px 32px;margin-top:30px}.quote-bar .eyebrow{color:#c8b393}.quote-bar strong{font:400 35px Georgia,serif}.quote-bar p:last-child{font-size:13px;color:#c8d2ce;margin-bottom:0;line-height:1.6}.primary{background:#b49667;border:1px solid #b49667;color:#152125;padding:16px 24px;font-size:15px;font-weight:bold;border-radius:2px}.primary:hover{background:#c6aa7e}.secondary{background:#fff;border:1px solid var(--line);color:var(--ink);padding:14px;font-size:14px}footer{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding:22px 0;margin-top:24px;display:flex;justify-content:space-between;gap:12px}footer a{color:var(--muted)}dialog{border:0;border-radius:5px;max-width:580px;width:calc(100% - 30px);padding:35px;color:var(--ink);max-height:90vh;overflow:auto}dialog::backdrop{background:#142628a8}dialog h2{font-size:30px}dialog p{line-height:1.6}dialog label{display:block;font-size:14px;margin:15px 0}dialog input,dialog textarea{width:100%;border:1px solid var(--line);padding:11px;margin-top:7px}dialog .primary,dialog .secondary{width:100%;margin-top:10px}pre{white-space:pre-wrap;font:14px/1.7 Arial,sans-serif;background:var(--paper);padding:16px}button.close{float:right;background:none;border:0;font-size:26px}body.embed header,body.embed .intro,body.embed footer{display:none}body.embed main{padding-top:20px}@media(max-width:900px){.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:20px}.options{padding-left:20px}.stage{height:450px}}@media(max-width:700px){header{height:75px}.header-note{font-size:14px}main{padding:25px 5% 0}.intro>p{display:none}.workspace{display:flex;flex-direction:column;gap:20px}.visual{position:relative;top:0;width:100%}.stage{height:360px}.stage-top{left:14px;right:14px;top:15px}.stage-top span:first-child{max-width:70%;line-height:1.5}.options{border-left:0;padding:0;width:100%}.natural-note{margin-bottom:0}.quote-bar{flex-direction:column;align-items:stretch;padding:24px;gap:20px}.quote-bar strong{font-size:32px}footer{flex-direction:column}.view-buttons button{font-size:12px;padding:9px}.under-preview{padding-top:18px}dialog{padding:25px}.wood{height:44px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* The same photorealistic atlas appears in the wood selector and 3D material. */
.wood{background-image:url("textures/wood-atlas.png");background-size:100% 300%;background-position:center top}.wood.walnut{filter:none;background-position:center center}.wood.elm{filter:none;background-position:center bottom}

select:disabled{color:#596765;background:#f3f5f4;opacity:1}.range-row .small-note{margin:12px 0 0}