@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;450;500&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#292c28;background:#f7f7f2;font-synthesis:none;font-weight:400;--ink:#292c28;--muted:#93958c;--line:#dfdfd6;--orange:#e77845;--mono:"IBM Plex Mono",monospace}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,#viewport:focus-visible{outline:2px solid var(--orange);outline-offset:5px}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}button{transition:background .2s,color .2s,box-shadow .2s}button:hover{color:var(--orange)}[hidden]{display:none!important}#app{min-height:100svh;display:flex;flex-direction:column}.masthead{height:90px;display:flex;align-items:center;justify-content:space-between;margin:0 4.5%;border-bottom:1px solid var(--line);flex:none}.brand{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:650;letter-spacing:2.2px}.brand svg{width:31px;height:31px;stroke:var(--ink);stroke-width:1.1}.brand-divider{color:#b3b4ab;margin:0 12px;font-weight:400}.masthead-caption{font-size:12px;color:#8a8d84;margin-left:-65px}.source-link{font-size:11px;display:flex;gap:27px;align-items:center}.source-link span{font-size:21px;color:#797d72}.source-link:hover{color:var(--orange)}.workspace{flex:1;min-height:770px;position:relative;isolation:isolate;overflow:hidden;background-image:radial-gradient(#9faaa52a .65px,transparent .65px);background-size:20px 20px;background-position:center}.workspace:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f7f7f2 0%,#f7f7f2e0 23%,transparent 40%,transparent 85%,#f7f7f240);pointer-events:none;z-index:-1}.title-block{position:absolute;top:54px;left:6.2%;z-index:2;pointer-events:none}.eyebrow{font-family:var(--mono);font-size:9px;font-weight:450;letter-spacing:1.8px;display:flex;align-items:center;gap:12px}.orange-dot,.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--orange)}.muted{color:var(--muted);margin-left:7px}h1{font-size:clamp(42px,4.2vw,63px);line-height:1.08;letter-spacing:-3.2px;font-weight:450;margin:29px 0 20px}h1 span{color:#96988f}.intro{font-size:12px;line-height:1.8;color:#878a80}.title-meta{display:flex;gap:11px;margin-top:27px;font-family:var(--mono);font-size:8px;letter-spacing:1.3px;color:#7c8076}.title-meta span+span:before{content:"·";margin-right:11px;color:#b4b7ac}#viewport{position:absolute;inset:0;z-index:0;outline-offset:-5px!important;touch-action:none}#viewport canvas{width:100%;height:100%;display:block;cursor:grab}#viewport canvas:active{cursor:grabbing}.loading{position:absolute;left:61%;top:48%;transform:translate(-50%,-50%);font-family:var(--mono);font-size:10px;letter-spacing:1px;display:flex;gap:12px;align-items:center}.loading>span{width:12px;height:12px;border:1px solid #d4d6cd;border-top-color:var(--orange);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.model-label{position:absolute;font-family:var(--mono);white-space:nowrap;transform:translate(-50%,-50%);font-size:10px;letter-spacing:.7px;color:#80847a;background:#f7f7f2e8;padding:5px 8px;transition:opacity .2s}.model-label small{font-size:8px;color:#a0a296;margin-left:5px}.model-label.dimension{font-size:10px}.model-label.feature-tag{display:flex;gap:8px;align-items:center;font-size:9px}.tag-index{border:1px solid #bdc0b5;width:21px;height:21px;display:inline-grid;place-items:center;color:#858a7b;background:#f7f7f2}.feature-tag.selected{color:#b86139}.feature-tag.selected .tag-index{border-color:#d89673;color:#b86139}.drawing-info{position:absolute;right:6.4%;top:53px;display:flex;gap:12px;align-items:center;pointer-events:none}.drawing-info .crosshair{font-family:var(--mono);font-size:30px;font-weight:400;color:#a1a597}.drawing-info>div{display:flex;flex-direction:column;gap:8px;font-family:var(--mono);font-size:8px;letter-spacing:1.3px;color:#8e9286}.drawing-info>div span:last-child{font-size:7px;color:#afb2a6}.orientation{position:absolute;right:4.6%;top:39%;display:flex;flex-direction:column;gap:9px}.orientation button{width:34px;height:34px;background:transparent;border:1px solid transparent;border-radius:4px;color:#9b9f92;font-family:var(--mono);font-size:10px}.orientation button.active{background:#f0f0e9;border-color:#d7dbce;color:#585f50}.orientation button:hover{background:#eaece3}.detail-panel{position:absolute;left:6.2%;top:410px;width:235px;z-index:2}.detail-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.detail-heading .eyebrow{font-size:8px;color:#73796c;letter-spacing:1.7px}.detail-count{font-family:var(--mono);font-size:8px;color:#a0a697}.feature-list{display:flex;flex-direction:column}.feature{display:flex;align-items:center;gap:15px;text-align:left;background:transparent;border-bottom:1px solid #e0e3d9;padding:12px 0;font-size:11px;color:#868b7f}.feature-number{font-family:var(--mono);font-size:8px;color:#b0b6a6}.feature-arrow{margin-left:auto;font-size:15px;opacity:0}.feature.active{color:#292f24}.feature.active .feature-number{color:var(--orange)}.feature.active .feature-arrow{opacity:1;color:var(--orange)}.feature:hover .feature-arrow{opacity:1}#feature-description{font-size:10px;color:#929889;line-height:1.8;margin:18px 0;min-height:36px;max-width:220px}.canvas-caption{position:absolute;bottom:112px;left:61%;transform:translate(-50%);color:#959b8b;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.2px;white-space:nowrap;pointer-events:none}.interaction-icon{font-size:20px;font-weight:400;margin-right:4px;color:#828b77}.caption-dot{color:#b3b9aa}.axis-key{position:absolute;right:6.6%;bottom:125px;width:50px;height:50px}.axis-key svg{width:100%;height:100%;fill:none;stroke:#aeb7a1;stroke-width:.8}.axis-key .axis-z{stroke:#d29471}.axis-key text{stroke:none;fill:#9ca78e;font:8px var(--mono)}.axis-key circle{fill:#abb4a0}.control-bar{position:absolute;left:6.2%;right:6.2%;bottom:26px;min-height:60px;border:1px solid #dce0d3;border-radius:9px;display:flex;align-items:center;justify-content:space-between;background:#f8f9f4e8;box-shadow:0 5px 16px #353c2303;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:8px}.mode-switch{display:flex;align-items:center;gap:5px}.mode-switch button{display:flex;align-items:center;gap:10px;font-size:11px;padding:12px 18px;border-radius:5px;background:transparent;color:#8a917f}.mode-switch button.active{background:#e9ece2;color:#424b36}.mode-switch button:hover{background:#eff1e9}.tools{display:flex;align-items:center;gap:15px;padding-right:4px}.tool-toggle{display:flex;align-items:center;gap:9px;background:none;color:#929a85;font-size:10px}.tool-toggle.active{color:#565f49}.tool-toggle.active:after{content:"";width:4px;height:4px;border-radius:50%;background:var(--orange);margin-left:3px}.tool-divider{width:1px;height:21px;background:#dce2d2;margin:0 3px}.icon-button{display:grid;place-items:center;background:transparent;padding:5px;color:#818c72}.rotate-button{width:37px;height:37px;border-radius:5px;display:grid;place-items:center;background:#e98150;color:#fff;margin-left:3px}.rotate-button:hover{background:#d36a3a;color:#fff}.rotate-button svg{width:16px}.finish-control,.explode-control{position:absolute;bottom:152px;left:61%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#f7f7f2e8;padding:10px 14px;border-radius:6px}.finish-control .eyebrow{font-size:8px;color:#999e91}.swatch{height:19px;width:19px;border-radius:50%;border:3px solid #f7f7f2;outline:1px solid transparent}.swatch.active{outline-color:#888f7e}.natural{background:#aca89b}.black{background:#424442}#finish-name{font-size:9px;color:#8a917d;white-space:nowrap}.explode-control label,.explode-control output{font:8px var(--mono);letter-spacing:1px;color:#8d947f;white-space:nowrap}.explode-control input{width:110px;accent-color:var(--orange);height:3px;cursor:pointer}footer{display:flex;justify-content:space-between;align-items:center;min-height:61px;margin:0 4.5%;border-top:1px solid var(--line);color:#a0a694;font-family:var(--mono);font-size:7px;letter-spacing:1px;flex:none}footer>span:first-child{display:flex;align-items:center;gap:9px}.status-dot{background:#98a88b;width:4px;height:4px}footer>span:nth-child(2){font-family:DM Sans,sans-serif;font-size:9px;letter-spacing:.1px;color:#a2a799}.footer-divider{margin:0 13px;color:#c1c6b7}.footer-index{color:#7e8972}.footer-index span{margin:0 10px;color:#b6bfaa}.fallback{position:absolute;left:40%;right:15%;top:35%;padding:30px;font-size:14px;line-height:1.8;background:#f7f7f2;border:1px solid var(--line);border-radius:8px}.fallback a{text-decoration:underline}.workspace:fullscreen{background-color:#f7f7f2;min-height:100svh}@media(min-width:1600px){.workspace{min-height:840px}.detail-panel{top:450px}h1{font-size:68px}.title-block,.drawing-info{top:70px}}@media(max-width:1000px){.masthead-caption{display:none}.workspace{min-height:740px}.title-block{left:5%;top:42px}h1{font-size:44px;letter-spacing:-2px}.intro{font-size:11px}.detail-panel{left:5%;width:190px;top:370px}.drawing-info{right:5%;top:43px}.control-bar{left:5%;right:5%}.mode-switch button{padding:12px;font-size:10px}.tools{gap:10px}footer>span:nth-child(2){font-size:8px}.model-label.feature-tag{font-size:8px}}@media(max-width:700px){.masthead{height:69px;margin:0 6%}.brand{font-size:10px;letter-spacing:1.5px;gap:9px}.brand svg{width:25px;height:25px}.brand-divider{margin:0 8px}.source-link{font-size:10px;gap:11px}.source-link span{font-size:18px}.workspace{min-height:990px;flex:none}.workspace:before{background:linear-gradient(#f7f7f2 0%,#f7f7f270 18%,transparent 34%)}.title-block{left:7%;top:28px}.eyebrow{font-size:8px;letter-spacing:1.2px;gap:8px}h1{font-size:43px;margin:20px 0 13px;letter-spacing:-2px}.intro{font-size:10px}.title-meta{margin-top:16px;font-size:7px}.drawing-info{right:7%;top:36px}.drawing-info .crosshair{display:none}.drawing-info>div{font-size:6px;letter-spacing:.7px}.drawing-info>div span:last-child{font-size:5px}#viewport{top:245px;height:430px}.orientation{right:5%;top:380px;gap:4px}.orientation button{height:29px;width:29px;font-size:9px}.detail-panel{left:7%;right:7%;top:731px;width:auto}.detail-heading{margin-bottom:6px}.feature-list{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.feature{padding:10px 0;font-size:10px;gap:10px}.feature-number{font-size:7px}#feature-description{font-size:9px;max-width:none;min-height:0;margin-top:12px}#feature-description br{display:none}.canvas-caption{left:50%;bottom:auto;top:663px;font-size:8px}.axis-key{right:8%;bottom:auto;top:603px;width:38px;height:38px}.control-bar{left:5%;right:5%;bottom:22px;min-height:53px;padding:5px}.mode-switch{gap:0}.mode-switch button{padding:10px 9px;font-size:9px;gap:6px}.mode-switch button svg{height:15px;width:15px}.tools{gap:5px;padding-right:0}.tool-toggle{padding:4px}.tool-toggle span,.tool-toggle.active:after,.tool-divider,#fullscreen{display:none}.icon-button{padding:3px}.rotate-button{width:30px;height:30px;margin-left:1px}.finish-control,.explode-control{left:50%;bottom:auto;top:696px;padding:5px}.finish-control .eyebrow{font-size:6px}.swatch{width:16px;height:16px}#finish-name{font-size:8px}.explode-control label,.explode-control output{font-size:6px}.explode-control input{width:95px}footer{margin:0 6%;min-height:70px;font-size:6px;letter-spacing:.7px;flex-wrap:wrap;gap:3px;padding:15px 0}footer>span:nth-child(2){order:3;width:100%;font-size:7px;margin-top:7px}.footer-divider{margin:0 7px}.model-label{font-size:8px!important;padding:3px 4px}.model-label.feature-tag{font-size:7px!important}.tag-index{width:17px;height:17px}.loading{left:50%}.fallback{left:10%;right:10%;top:30%;font-size:12px}}@media(max-width:700px){.control-bar{top:700px;bottom:auto}.detail-panel{top:785px}.finish-control,.explode-control{top:625px}#feature-description br{display:initial}}.device-switch{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #e0e3d9;border-radius:7px;background:#f0f2ea80}.device-switch button{display:flex;align-items:center;gap:9px;padding:9px 13px;background:transparent;border-radius:4px;color:#8a9180;font-size:10px}.device-switch button.active{background:#e3e8da;color:#414b35}.device-switch button:hover{background:#e9ede2}.device-switch small{font:7px var(--mono);color:#a6ae9b;margin-left:7px}.device-switch button.active small{color:#cf794f}.device-switch svg{width:16px;height:16px}.device-switch button:focus-visible{outline-offset:2px}@media(max-width:1000px){.device-switch button{padding:8px;font-size:9px;gap:6px}.device-switch small{display:none}}@media(max-width:700px){.masthead{height:122px;display:grid;grid-template-columns:1fr auto;grid-template-rows:62px 49px;align-content:start}.device-switch{grid-column:1/-1;grid-row:2;justify-self:stretch;justify-content:center;border:0;background:transparent;gap:10px}.device-switch button{padding:9px 16px;font-size:10px;flex:1;justify-content:center}.device-switch small{display:inline;font-size:7px;margin-left:3px}.source-link{grid-column:2;grid-row:1}.brand{grid-column:1;grid-row:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.configuration-control{position:absolute;left:6.2%;top:354px;z-index:2;display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #dce0d3;border-radius:6px;background:#f3f4ed}.configuration-control .eyebrow{font-size:7px;letter-spacing:1px;margin:0 9px 0 5px;color:#929889}.configuration-control button{padding:8px 10px;border-radius:3px;font-size:9px;background:transparent;color:#93988b}.configuration-control button.active{background:#e2e7d9;color:#46523c;box-shadow:0 1px 3px #34432308}.workspace[data-device=apple-vision-pro] .detail-panel{top:414px}.workspace[data-device=apple-vision-pro] .detail-heading{margin-bottom:7px}.workspace[data-device=apple-vision-pro] .feature{padding:6px 0;font-size:10px;line-height:14px}.workspace[data-device=apple-vision-pro] .feature-arrow{font-size:12px;line-height:14px}.workspace[data-device=apple-vision-pro] #feature-description{margin-top:12px;font-size:9px}@media(min-width:1600px){.workspace[data-device=apple-vision-pro] .detail-panel{top:440px}.configuration-control{top:380px}}@media(min-width:701px)and (max-width:1000px){.configuration-control{left:5%;top:302px}.configuration-control .eyebrow{display:none}.workspace[data-device=apple-vision-pro] .detail-panel{top:361px}.workspace[data-device=apple-vision-pro] .feature{padding:7px 0}}@media(max-width:700px){.device-switch{gap:3px;padding:0}.device-switch button{padding:10px 5px;font-size:9px;gap:5px;white-space:nowrap}.device-switch small{display:none}.device-switch svg{width:14px;height:14px;flex-shrink:0}.workspace[data-device=apple-vision-pro]{min-height:1090px}.configuration-control{left:7%;top:232px;padding:3px}.configuration-control .eyebrow{font-size:6px}.configuration-control button{font-size:8px;padding:7px 10px}.workspace[data-device=apple-vision-pro] .detail-panel{top:785px}.workspace[data-device=apple-vision-pro] .feature{font-size:9px;padding:11px 0;gap:7px}.workspace[data-device=apple-vision-pro] .feature-arrow{font-size:12px}}