:root{--paper:#f3f0e9;--surface:#fbfaf7;--ink:#25211d;--muted:#766e65;--line:#d6cfc3;--accent:#8b6948;--dark:#3a2d23}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}.topbar,main,footer{max-width:1500px;margin:auto}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:28px;height:74px;padding:0 clamp(20px,4vw,64px);font-size:12px;display:flex}.brand{color:var(--ink);letter-spacing:.12em;font-size:15px;font-weight:700;text-decoration:none}.brand span{vertical-align:top;font-size:8px}.topbar p{color:var(--muted);margin:0}.top-status{color:var(--muted);letter-spacing:.07em;margin-left:auto;font:10px DM Mono,monospace}main{padding:0 clamp(20px,4vw,64px)}.product-head{justify-content:space-between;align-items:end;gap:48px;padding:46px 0 35px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font:500 10px DM Mono,monospace}.product-head h1{letter-spacing:-.04em;margin:0;font:600 clamp(42px,5vw,70px)/.95 Playfair Display,serif}.product-head h1 em{color:var(--accent);font-style:normal}.product-copy{max-width:340px;color:var(--muted);margin:0;font-size:14px;line-height:1.6}.workspace{border:1px solid var(--line);background:var(--surface);grid-template-columns:minmax(255px,.82fr) minmax(480px,1.65fr) minmax(240px,.78fr);min-height:590px;display:grid}.selector-panel,.technical-panel{padding:28px 24px}.selector-panel{border-right:1px solid var(--line)}.technical-panel{border-left:1px solid var(--line);background:#f8f6f1}.section-title{align-items:center;gap:11px;display:flex}.section-title span{color:var(--accent);font:10px DM Mono,monospace}.section-title h2{margin:0;font-size:14px;font-weight:600}.helper{color:var(--muted);margin:14px 0 22px;font-size:12px;line-height:1.5}.essence-list{gap:8px;display:grid}.essence{text-align:left;min-height:60px;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:7px;transition:background .18s,border-color .18s;display:flex}.essence:hover,.essence.active{border-color:var(--dark);background:#fff}.essence:focus-visible,#reset-view:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.swatch{background-position:50%;background-size:cover;flex:none;width:45px;height:44px}.essence strong{font-size:12px;display:block}.essence small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.essence b{opacity:0;margin-left:auto;font-size:12px}.essence.active b{opacity:1}.viewer-panel{background:radial-gradient(at 50% 48%,#eee5d8 0%,#f9f8f4 55%,#f3f0e9 100%);min-height:588px;position:relative;overflow:hidden}.viewer-panel:before{content:"";pointer-events:none;border:1px solid #8b694829;border-radius:50%;position:absolute;inset:14% 10%;transform:rotate(-18deg)}#canvas-container{cursor:grab;z-index:1;position:absolute;inset:0}#canvas-container:active{cursor:grabbing}#canvas-container canvas{outline:0;width:100%!important;height:100%!important}.viewer-meta,.viewer-footer,.loading-status{z-index:2;letter-spacing:.04em;font:10px DM Mono,monospace;position:absolute}.viewer-meta{align-items:center;gap:7px;display:flex;top:22px;left:24px}.live-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.viewer-footer{color:var(--muted);justify-content:flex-end;align-items:center;gap:15px;display:flex;bottom:18px;left:20px;right:20px}.viewer-footer span+span{border-left:1px solid var(--line);padding-left:15px}.viewer-footer button{border:0;border-left:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;padding:5px 0 5px 15px;font:500 10px DM Mono,monospace}.loading-status{color:var(--accent);transition:opacity .25s;bottom:18px;left:24px}.loading-status.done{opacity:0}.profile-bars{border-bottom:3px solid #5d534b;align-items:end;gap:9px;height:58px;display:flex}.profile-bars i{background:#39332f;flex:1;height:45px}.height-dim{border-right:1px solid #81776e;width:37px;height:59px;position:absolute;top:37px;left:0}.height-dim:before,.height-dim:after{content:"";border-top:1px solid #81776e;width:7px;position:absolute;right:-4px}.height-dim:before{top:0}.height-dim:after{bottom:0}.height-dim b{font:500 10px DM Mono,monospace;position:absolute;top:20px;left:0}.width-dims{gap:9px;display:flex;position:absolute;top:13px;left:49px;right:15px}.width-dims span{text-align:center;border-left:1px solid #81776e;border-right:1px solid #81776e;flex:1;padding-top:1px;font:10px DM Mono,monospace}.width-dims span:before{content:"";border-top:1px solid #81776e;display:block;transform:translateY(-4px)}.baseline{border-top:1px solid #81776e;position:absolute;top:105px;left:46px;right:17px}.spec-list{border-top:1px solid var(--line);margin:0}.spec-list div{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:10px 0;font-size:11px;display:flex}.spec-list dt{color:var(--muted)}.spec-list dd{margin:0;font:500 11px DM Mono,monospace}.note{color:var(--muted);gap:9px;margin-top:20px;font-size:10px;line-height:1.45;display:flex}.note span{border:1px solid var(--accent);width:16px;height:16px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font:10px Georgia;display:grid}.note p{margin:0}.selection-bar{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:22px;padding:18px 0;font-size:12px;display:flex}.selection-bar strong{color:var(--ink);font-weight:500}.selection-bar i{background:var(--accent);border-radius:50%;width:4px;height:4px;margin:0 8px 2px;display:inline-block}.model-size{margin-left:auto;font:10px DM Mono,monospace}footer{color:var(--muted);justify-content:space-between;padding:23px clamp(20px,4vw,64px) 32px;font:10px DM Mono,monospace;display:flex}@media (width<=1050px){.workspace{grid-template-columns:270px 1fr}.technical-panel{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:200px 1fr 1fr;align-items:start;gap:22px;display:grid}.technical-panel .section-title{grid-column:1/-1}.profile-drawing{margin:0}.note,.spec-list{margin-top:0}}@media (width<=720px){.topbar{height:62px}.topbar p{display:none}.product-head{padding:30px 0 25px;display:block}.product-copy{margin-top:17px}.workspace{grid-template-columns:1fr}.selector-panel{border-right:0;border-bottom:1px solid var(--line);padding:23px 17px}.essence-list{grid-template-columns:1fr 1fr;gap:7px}.essence{gap:7px;min-height:70px}.essence small{display:none}.swatch{width:34px;height:50px}.essence b{display:none}.viewer-panel{min-height:440px}.viewer-meta{top:16px;left:17px}.viewer-footer{gap:8px;font-size:8px;bottom:13px;left:15px;right:15px}.viewer-footer span+span{padding-left:8px}.viewer-footer button{padding-left:8px;font-size:8px}.loading-status{bottom:42px;left:17px}.technical-panel{padding:23px 17px;display:block}.technical-panel .section-title{margin-bottom:14px}.profile-drawing{max-width:340px;margin:0 0 20px}.spec-list{margin-top:0}.note{margin-top:18px}.selection-bar{padding:16px 0;display:block}.selection-bar strong,.model-size{margin-top:7px;display:block}footer{flex-direction:column;gap:10px;padding-top:20px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.model-list{grid-template-columns:1fr 1fr;gap:7px;margin:14px 0 22px;display:grid}.model-option{border:1px solid var(--line);min-height:84px;color:var(--ink);text-align:left;font:inherit;cursor:pointer;background:0 0;padding:9px 7px;transition:all .18s}.model-option:hover,.model-option.active{border-color:var(--dark);background:#fff}.model-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.model-option strong{margin-top:7px;font-size:11px;display:block}.model-option small{color:var(--muted);margin-top:2px;font-size:9px;display:block}.mini-profile{color:#574a40;width:100%;height:22px;display:block}.mini-profile svg{width:100%;height:100%;display:block}.mini-profile path{fill:currentColor}.profile-drawing{height:153px;margin:25px 0 22px;padding:0;position:relative}.profile-drawing svg{width:100%;height:100%;display:block}.technical-fill{fill:#39332f}.technical-base{fill:none;stroke:#5d534b;stroke-width:1.7px}.dimension-lines{fill:none;stroke:#81776e;stroke-width:.55px}.profile-drawing text{fill:#625a52;font:5px DM Mono,monospace}.essence-title{border-top:1px solid var(--line);padding-top:18px}@media (width<=720px){.model-option{min-height:72px}.model-option small{display:block}.essence-title{margin-top:4px}}