@font-face{font-family:Manrope;src:url('../../assets/Manrope.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}@font-face{font-family:Lora;src:url('../../assets/Lora.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
:root{--paper:#f4f1ea;--ink:#242b29;--muted:#706f65;--line:#dcd8cc;--copper:#9a5b3e;--white:#fbf9f4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--copper);outline-offset:5px}button:disabled{cursor:wait;opacity:.5}::selection{background:#dcc3af}.masthead,main,footer{width:min(1440px,calc(100% - 96px));margin-inline:auto}.masthead{display:flex;justify-content:space-between;align-items:center;padding-block:31px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:10px;font-weight:800;letter-spacing:1.5px}.brand-mark{font-family:Lora,Georgia,serif;font-size:30px;font-weight:400;letter-spacing:-4px;padding-right:5px}.brand small{display:block;margin-top:6px;font-size:8px;font-weight:500;letter-spacing:1px;color:var(--muted)}.back-link{font-size:11px;font-weight:600}.back-link span{margin-left:20px;font-size:18px}.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:54px 0 38px;gap:30px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;line-height:1.6;margin:0}.intro .eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:19px}.tiny-rule{width:22px;height:1px;background:var(--copper)}h1{font-size:clamp(46px,5.3vw,78px);font-weight:500;letter-spacing:-4px;line-height:1.04;margin:0}h1 em{font-family:Lora,Georgia,serif;font-weight:400;letter-spacing:-3px}h1 em,h1{font-style:normal}.intro-note{padding-bottom:4px;max-width:330px}.intro-note p{font-size:13px;line-height:1.8;margin:0 0 27px;color:#575c55}.intro-note>span{font-size:8px;letter-spacing:1.25px;display:flex;align-items:center;gap:12px}.intro-note i{width:3px;height:3px;border-radius:50%;background:var(--copper)}.studio{display:grid;grid-template-columns:minmax(0,1fr) 332px;align-items:stretch;border:1px solid var(--line);background:var(--white)}.visual{display:flex;flex-direction:column;min-width:0;background:radial-gradient(ellipse at 49% 39%,#fcfaf4 0,#f0ede4 75%);position:relative;overflow:hidden}.visual-top,.visual-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;gap:15px}.visual-top{padding:26px 30px 0}.visual-top .eyebrow{font-size:8px;letter-spacing:1.4px}.view-label{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1px;color:var(--muted)}.view-label i{width:5px;height:5px;border-radius:50%;background:#72856c}.scene{flex:1;display:flex;align-items:center;min-height:520px}.scene>svg,.scene>img{display:block;width:100%;height:auto;max-height:690px;overflow:visible}.visual-bottom{padding:0 30px 28px;margin-top:-18px}.visual-bottom>div>span{font-size:9px;letter-spacing:1.7px;font-weight:700}.visual-bottom p{font-family:Lora,Georgia,serif;font-size:15px;color:#616359;line-height:1.5;margin:8px 0 0}.drawing-note{text-align:right;font-size:7px;letter-spacing:1px;line-height:1.8;color:var(--muted);flex-shrink:0}.configuration{border-left:1px solid var(--line);padding:28px 26px 24px;background:var(--white)}.panel-heading .eyebrow{color:var(--copper)}h2{font-size:31px;font-weight:500;letter-spacing:-1.2px;line-height:1.14;margin:12px 0}.panel-heading>p:last-child{font-size:10px;color:var(--muted);line-height:1.6;margin-bottom:26px}fieldset{min-width:0;border:0;padding:0;margin:0 0 22px}legend{display:flex;align-items:center;gap:9px;width:100%;font-size:10px;font-weight:600;margin:0 0 12px;padding:0}legend>span{font-size:8px;color:var(--copper);font-weight:500}legend b{font-weight:500;margin-left:auto;font-size:9px;color:var(--muted)}input[type=radio],.details-options input{position:absolute;width:1px;height:1px;opacity:0}.segmented{display:flex;border:1px solid var(--line);padding:3px;gap:3px}.segmented label{flex:1;position:relative}.segmented label>span{display:block;text-align:center;padding:10px 3px;font-size:12px;cursor:pointer;border:1px solid transparent}.segmented small{font-size:8px;color:var(--muted)}.segmented input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}.segmented input:checked+span small{color:#d0d4cf}.segmented input:focus-visible+span,.material-options input:focus-visible~span,.setup-options input:focus-visible~span,.details-options input:focus-visible+.switch{outline:2px solid var(--copper);outline-offset:3px}.field-note{font-size:8px;color:var(--muted);margin:8px 0 0}.material-options{display:flex;gap:8px}.material-options label{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:9px;position:relative;cursor:pointer;padding:9px 0 8px;border:1px solid var(--line)}.material-dot{height:24px;width:24px;border-radius:50%;box-shadow:inset 0 0 0 1px #0001}.oak{background:repeating-linear-gradient(91deg,#b79565 0,#c7aa80 2px,#cfb38a 3px,#b79565 5px)}.walnut{background:repeating-linear-gradient(88deg,#604535 0,#7b5b42 3px,#88654a 4px,#6c4c36 6px)}.graphite{background:linear-gradient(130deg,#4e5550,#2b3330)}.material-options label:has(input:checked){border-color:var(--ink);background:#eeeae1}.setup-options{display:grid;gap:7px}.setup-options label{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 13px;border:1px solid var(--line);cursor:pointer}.setup-options strong{display:block;font-weight:600;font-size:11px}.setup-options small{display:block;font-size:8px;color:var(--muted);margin-top:5px}.setup-options i{font-size:8px;font-style:normal;color:#b2aa9b}.setup-options label:has(input:checked){border-color:var(--copper);background:#f2ece2}.setup-options label:has(input:checked) i{color:var(--copper)}.details-options{border-block:1px solid var(--line);padding-block:13px;margin-bottom:18px;display:grid;gap:11px}.details-options label{display:flex;align-items:center;justify-content:space-between;font-size:10px;cursor:pointer;position:relative}.switch{display:block;width:28px;height:16px;border-radius:20px;background:#dcd9cf;padding:3px;transition:background .18s}.switch:after{content:'';display:block;width:10px;height:10px;border-radius:50%;background:var(--white);box-shadow:0 1px 2px #0002;transition:transform .18s}.details-options input:checked+.switch{background:var(--ink)}.details-options input:checked+.switch:after{transform:translateX(12px)}button{border:0;background:transparent;color:var(--ink)}.primary{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;background:var(--ink);color:#fff;padding:15px;font-size:11px;font-weight:600;transition:background .2s}.primary:hover{background:var(--copper)}.primary>span{font-size:17px}.secondary-actions{display:grid;gap:0;margin-top:8px}.secondary-actions button{display:flex;justify-content:space-between;text-align:left;font-size:9px;padding:10px 1px;border-bottom:1px solid var(--line);line-height:1.5}.secondary-actions button:hover,.reset:hover{color:var(--copper)}.reset{display:flex;width:100%;justify-content:space-between;padding:12px 1px 0;font-size:8px;color:var(--muted)}.status{font-size:9px;line-height:1.6;color:var(--copper);margin:12px 0 0;min-height:15px}.share-fallback{margin-top:15px;padding:12px;background:#efe9dc;font-size:9px}.share-fallback label{display:block;font-weight:600;margin-bottom:7px}.share-fallback input{width:100%;padding:7px;border:1px solid #c9bfaf;background:#fff;font-size:10px;border-radius:0}.share-fallback p{font-size:8px;line-height:1.5;margin:7px 0 0}.build-note{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:49px 0 46px;border-bottom:1px solid var(--line)}.build-note h2{font-family:Lora,Georgia,serif;font-size:27px;font-weight:400;letter-spacing:-.7px;margin:0 0 20px}.build-note p:not(.eyebrow){max-width:680px;font-size:11px;line-height:1.9;color:#62665d}.build-note p.boundary{font-size:9px;color:var(--muted);margin-top:15px}footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-block:25px 32px;font-size:9px;letter-spacing:1px}footer small{font-size:7px;letter-spacing:.6px;color:var(--muted);margin-left:16px}footer a{font-size:9px;letter-spacing:0}footer a span{margin-left:12px;font-size:16px}.skip-link{position:fixed;top:12px;left:12px;z-index:10;padding:10px 15px;background:var(--ink);color:white;transform:translateY(-150%);font-size:12px}.skip-link:focus{transform:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.noscript{font-size:12px;padding:15px 30px}
@media(min-width:1500px){.studio{grid-template-columns:minmax(0,1fr) 370px}.configuration{padding-inline:34px}.scene{min-height:650px}.intro{padding-top:65px}}
@media(max-width:1050px){.masthead,main,footer{width:calc(100% - 48px)}.studio{grid-template-columns:minmax(0,1fr) 300px}.configuration{padding-inline:21px}.scene{min-height:490px}.visual-top,.visual-bottom{padding-inline:21px}.drawing-note{display:none}h1{letter-spacing:-2.5px}.intro-note{max-width:230px}.intro-note p{font-size:11px}.intro-note>span{font-size:7px;gap:8px}}
@media(max-width:760px){.masthead,main,footer{width:calc(100% - 36px)}.masthead{padding-block:20px}.brand{font-size:8px;gap:10px}.brand small{font-size:6px;letter-spacing:.7px}.brand-mark{font-size:25px}.back-link{font-size:0}.back-link span{font-size:19px;margin:0}.intro{padding:33px 0 27px;display:block}.intro .eyebrow{font-size:7px;letter-spacing:1.4px;margin-bottom:15px}h1{font-size:53px;letter-spacing:-2.5px}h1 em{letter-spacing:-2px}.intro-note{max-width:none;margin-top:23px;display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.intro-note p{margin:0;font-size:10px;line-height:1.7}.intro-note>span{max-width:110px;flex-wrap:wrap;gap:5px;line-height:1.7;font-size:6px}.intro-note i{display:none}.studio{display:flex;flex-direction:column}.visual-top{padding:18px 16px 0;gap:5px}.visual-top .eyebrow,.view-label{font-size:6px;letter-spacing:1px}.scene{min-height:0;aspect-ratio:1120/810}.scene>svg,.scene>img{max-height:none}.visual-bottom{padding:0 16px 20px;margin-top:0}.visual-bottom>div>span{font-size:8px}.visual-bottom p{font-size:12px;margin-top:6px}.configuration{border-left:0;border-top:1px solid var(--line);padding:24px 21px 21px}.panel-heading h2{font-size:32px}.panel-heading h2 br{display:none}.panel-heading>p:last-child{font-size:11px;margin-bottom:22px}legend{font-size:11px}legend b{font-size:10px}.field-note{font-size:9px}.segmented label>span{font-size:13px;padding-block:12px}.material-options label{font-size:10px;padding-block:12px}.setup-options strong{font-size:12px}.setup-options small{font-size:10px}.setup-options label{padding:14px}.details-options label{font-size:11px}.primary{font-size:12px;padding:17px}.secondary-actions button{font-size:11px;padding-block:13px}.reset{font-size:10px;padding-top:15px}.status{font-size:10px}.build-note{display:block;padding-block:34px 28px}.build-note>.eyebrow{margin-bottom:20px;font-size:7px}.build-note h2{font-size:26px}.build-note p:not(.eyebrow){font-size:11px}.build-note p.boundary{font-size:9px}footer{align-items:flex-start;padding-block:22px 26px;font-size:8px;gap:10px}footer small{display:block;margin:7px 0 0;font-size:6px}footer a{font-size:8px;max-width:130px;text-align:right;line-height:1.7}footer a span{margin-left:5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Controls are part of the product: keep them comfortable to read and touch. */
.panel-heading>p:last-child{font-size:12px}legend{font-size:12px}legend b{font-size:11px}.field-note{font-size:11px}.material-options label{font-size:12px}.setup-options strong{font-size:13px}.setup-options small{font-size:11px;line-height:1.5}.details-options label{font-size:12px;min-height:32px}.primary{font-size:13px;min-height:48px}.secondary-actions button{font-size:12px;min-height:44px}.reset{font-size:11px;min-height:44px;align-items:center}.status{font-size:12px}.build-note p:not(.eyebrow){font-size:14px}.build-note p.boundary{font-size:12px}.share-fallback,.share-fallback input,.share-fallback p{font-size:12px}
@media(min-width:761px){.studio{align-items:start}.visual{position:sticky;top:20px}.scene{min-height:0;flex:none}.visual-bottom{margin-top:0;padding-top:8px}.configuration{min-height:100%}}
@media(max-width:760px){.brand small{font-size:7px}.intro .eyebrow{font-size:9px}.intro-note p{font-size:12px}.intro-note>span{font-size:8px}.studio{position:relative}.visual{position:sticky;top:0;z-index:2;flex-shrink:0;border-bottom:1px solid var(--line);box-shadow:0 8px 15px #292b2410;background:#f0ede4}.visual-top{padding-top:12px}.visual-top .eyebrow,.view-label{font-size:8px;letter-spacing:.5px}.scene{height:clamp(170px,28vh,245px);aspect-ratio:auto;flex:none}.scene>svg,.scene>img{width:100%;height:100%;max-height:100%;object-fit:contain}.visual-bottom{padding-bottom:12px}.visual-bottom p{font-size:12px;margin-top:3px}.visual-bottom>div>span{font-size:9px}.configuration{border-top:0;scroll-margin-top:330px}.details-options label{min-height:44px}.build-note>.eyebrow{font-size:9px}footer,footer a{font-size:10px}footer small{font-size:8px}.back-link{display:flex;min-width:44px;min-height:44px;justify-content:flex-end;align-items:center}}