:root{color-scheme:dark;--ink:#ecf2ec;--muted:#adc3bd;--mint:#b2e6cd;--panel:#10272cdf;--line:#779c9144;--dark:#0b1e24}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--dark);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}button,a,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:hover,a:hover{filter:brightness(1.12)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:4px}[hidden]{display:none!important}.topbar{height:84px;display:flex;align-items:center;gap:28px;padding:0 28px;border-bottom:1px solid var(--line);position:relative;z-index:20;background:#0b1d23}.brand{display:flex;gap:14px;align-items:center;white-space:nowrap}.brand svg{width:38px;height:38px;fill:none;stroke:var(--mint);stroke-width:1.5}.brand small{display:block;font-size:7px;letter-spacing:2.5px;color:#bdcfc8;margin-bottom:6px}.brand strong{font-size:26px;font-weight:500;letter-spacing:5px}.brand i{font-size:12px;font-weight:400;font-style:normal;letter-spacing:1px;color:#78978e}.project-tag{font-size:8px;letter-spacing:1.5px;color:#afc8bd;display:flex;align-items:center;gap:9px}.project-tag i,footer i{width:5px;height:5px;border-radius:50%;background:#aadfc2;box-shadow:0 0 0 3px #89d5b71a}.mode-nav{display:flex;gap:4px;margin-left:auto;padding:4px;background:#20373b;border:1px solid var(--line);border-radius:7px}.mode-nav button{padding:11px 15px;font-size:11px;border-radius:4px;white-space:nowrap;color:#bdd0c8}.mode-nav button.active{background:#c2e3d3;color:#183e35}.outline{border:1px solid #58796e6b;border-radius:5px;padding:13px 16px;font-size:11px;white-space:nowrap}.outline span{margin-left:12px;color:var(--mint)}#experience{position:absolute;top:84px;bottom:34px;left:0;right:0;overflow:hidden;background:#0e2328}#photo-stage,#three-stage{position:absolute;inset:0;overflow:hidden}#photo-stage{cursor:grab;touch-action:none}#photo-stage:active{cursor:grabbing}#photo-frame{position:absolute;transform-origin:center}#hero-image{display:block;width:100%;height:100%;user-select:none}#photo-pins{position:absolute;inset:0;pointer-events:none}#model-canvas{width:100%;height:100%;display:block;touch-action:none}.scene-top{position:absolute;top:24px;left:28px;display:flex;gap:7px;pointer-events:none}.scene-badge{display:block;padding:9px 11px;background:#0a292adb;border:1px solid #aed5c447;backdrop-filter:blur(14px);border-radius:4px;font-size:8px;letter-spacing:1.4px;color:#d1e9dc}.scene-badge.faint{background:#183a376e;color:#eff5e6}.intro{position:absolute;left:35px;bottom:148px;max-width:435px;padding:25px 28px;background:linear-gradient(120deg,#0b242cf2,#11322bd9);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 45px #04171644;pointer-events:auto}.eyebrow{font-size:8px;letter-spacing:1.8px;color:#b4cabe;font-weight:600}.intro h1{font-size:32px;font-weight:450;letter-spacing:-.9px;line-height:1.15;margin:12px 0}.intro p{font-size:12px;line-height:1.8;color:#bfd1c4;max-width:320px;margin:0 0 18px}.primary{display:flex;justify-content:space-between;align-items:center;gap:25px;border-radius:4px;padding:12px 15px;background:#b5e0c7;color:#173d33;font-size:11px;font-weight:600}.primary span{font-size:16px}.pin{position:absolute;transform:translate(-50%,-100%);display:flex;align-items:center;flex-direction:column;pointer-events:auto;white-space:nowrap;padding:0;filter:drop-shadow(0 4px 6px #0b282e55)}.pin-label{background:#e8efdfed;color:#21483d;font-size:10px;border:1px solid #9bb6a5;padding:9px 12px;border-radius:4px}.pin-label b{font-weight:400;font-size:12px;margin-right:7px;color:#669482}.pin-line{height:22px;background:#f4f5e7;width:1px}.pin-dot{background:#a1ceb2;border:2px solid #f1f3df;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #244f4744}.pin.selected .pin-label{background:#173f34f5;color:#eef6e8;border-color:#a1ccb4}.pin.selected .pin-dot{background:#f3c972}#inspector{position:absolute;right:28px;top:76px;width:298px;padding:26px;background:#0b252ded;backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:9px;box-shadow:0 16px 44px #09282744;max-height:calc(100% - 240px);overflow:auto;z-index:5}#inspector h2{font-size:24px;font-weight:450;letter-spacing:-.5px;line-height:1.25;margin:13px 0}#inspector p{font-size:12px;line-height:1.85;color:#c4d5c8}#inspector small{font-size:9px;line-height:1.8;display:block;color:#9ab7ad;margin-top:18px}.close{position:absolute;right:12px;top:10px;font-size:23px;font-weight:300;color:#c8dacc;padding:4px}.part-meta{display:grid;gap:6px;border-top:1px solid var(--line);margin:20px 0;padding-top:17px}.part-meta span{font-size:7px;letter-spacing:1.8px;color:#89a79c;margin-top:7px}.part-meta strong{font-size:11px;font-weight:450;color:#d7e6d8;line-height:1.6}#inspector .primary{width:100%}.download-link{display:flex;justify-content:space-between;border:1px solid #63917f6b;padding:12px;margin-top:10px;font-size:10px;color:#c9e5cd;border-radius:4px}.scene-controls{position:absolute;right:28px;bottom:150px;display:flex;flex-direction:column;background:#0b2930e6;border:1px solid var(--line);padding:4px;border-radius:6px;z-index:6}.scene-controls button{width:34px;height:35px;font-size:21px;color:#dae8d8}.scene-controls button+button{border-top:1px solid #52736b38}.three-controls{position:absolute;left:28px;top:69px;display:flex;gap:17px;align-items:center;background:#102b31e8;border:1px solid var(--line);border-radius:5px;padding:12px 15px;backdrop-filter:blur(12px);font-size:10px}.three-controls label{display:flex;align-items:center;gap:6px;white-space:nowrap}.three-controls input{accent-color:#b9dec3}.three-controls button{font-size:10px;border-left:1px solid var(--line);padding-left:12px}.bottom-panel{position:absolute;left:28px;right:28px;bottom:21px;background:#0a242deb;border:1px solid var(--line);backdrop-filter:blur(18px);padding:16px 18px 13px;border-radius:8px;z-index:7}.bottom-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:13px}#interaction-help{font-size:9px;color:#b8cfc3}#component-nav{display:flex;gap:8px}#component-nav button{display:flex;align-items:center;text-align:left;gap:12px;flex:1;border:1px solid #587d714a;background:#19363b;border-radius:4px;padding:11px 12px;color:#d8e8d7;font-size:10px}#component-nav button span{font-size:9px;color:#91b5a4}#component-nav button.active{border-color:#b1d7bd;background:#285345}.busy{position:absolute;inset:0;z-index:12;background:#10262cf2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px}.busy strong{font-size:20px;font-weight:400}.busy>span:last-child{font-size:12px;color:var(--muted)}.spinner{border:2px solid #476459;border-top-color:var(--mint);width:36px;height:36px;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{height:34px;position:absolute;bottom:0;left:0;right:0;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:#091b22;font-size:8px;letter-spacing:.6px;color:#93b2a5}footer>span{display:flex;align-items:center;gap:10px}footer i{background:#d8b573}footer a{font-size:9px;letter-spacing:0;color:#badbc5}dialog{color:var(--ink);background:#10272d;border:1px solid #6f998475;border-radius:12px;width:min(980px,95vw);max-height:90vh;padding:26px;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#021417ba;backdrop-filter:blur(7px)}dialog header{position:relative;display:flex;justify-content:space-between}dialog h2{font-size:29px;font-weight:450;margin:10px 0}dialog .close{right:0;top:0}.library-lead{font-size:12px;line-height:1.9;color:#b8cfc3;max-width:680px}.library-tabs{display:flex;gap:8px;margin:18px 0}.library-tabs button{border:1px solid var(--line);border-radius:4px;padding:9px 16px;font-size:11px}.library-tabs button.active{background:#b4d9c3;color:#123c2e}#library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.asset-card{border:1px solid var(--line);background:#173238;border-radius:7px;overflow:hidden;display:flex;flex-direction:column}.asset-card .asset-preview{height:112px;background:#2b4444;overflow:hidden}.asset-card img{width:100%;height:100%;object-fit:contain}.asset-card .model-icon{height:80px;display:flex;align-items:center;justify-content:center;color:#b0d3bc;background:radial-gradient(ellipse,#39584d,#203d41);font-size:33px}.asset-card h3{font-weight:500;font-size:13px;margin:14px 14px 5px}.asset-card p{font-size:10px;color:#9cbdb0;line-height:1.7;margin:0 14px 12px;flex:1}.asset-card a{display:flex;justify-content:space-between;padding:12px 14px;border-top:1px solid var(--line);font-size:10px;color:#c7e4cf}.library-note{font-size:10px;line-height:1.8;color:#9ab9a9;margin-top:21px}#toast{position:absolute;bottom:134px;left:50%;transform:translateX(-50%);max-width:90%;background:#10292ef2;border:1px solid #97bda4;padding:14px 19px;border-radius:6px;font-size:11px;color:#e0edda;z-index:30}#model-labels{position:absolute;inset:0;pointer-events:none}.mode-3d .intro{max-width:350px}.mode-3d .intro h1{font-size:28px}
@media(max-width:1150px){.project-tag{display:none}.topbar{gap:18px}.mode-nav button{padding:10px 12px}.intro{max-width:370px}.intro h1{font-size:28px}#component-nav button{padding:10px 8px;font-size:9px;gap:6px}.three-controls{gap:9px}.brand strong{font-size:24px}}
@media(max-width:800px){.topbar{height:116px;padding:0 17px;align-items:flex-start;padding-top:13px;gap:10px}.brand strong{font-size:22px}.brand svg{width:31px;height:33px}.brand small{font-size:6px}.outline{margin-left:auto;padding:11px;font-size:10px}.mode-nav{position:absolute;bottom:10px;left:17px;right:17px;justify-content:center}.mode-nav button{flex:1}#experience{top:116px}.scene-top{top:16px;left:17px}.scene-badge{font-size:7px;padding:7px}.scene-badge.faint{display:none}.intro{left:17px;bottom:158px;max-width:330px;padding:18px}.intro .eyebrow{font-size:7px}.intro h1{font-size:25px}.intro p{font-size:11px;line-height:1.6;margin-bottom:12px}#component-nav{overflow:auto;padding-bottom:3px}#component-nav button{flex:0 0 auto;padding:10px 13px;font-size:10px;white-space:nowrap}.bottom-panel{left:17px;right:17px;bottom:16px;padding:12px}.bottom-heading{margin-bottom:10px;gap:8px}#interaction-help{font-size:8px;max-width:180px;text-align:right}.scene-controls{right:17px;bottom:158px}#inspector{right:17px;top:56px;width:270px;padding:20px;max-height:calc(100% - 220px)}#inspector h2{font-size:22px}footer{padding:0 17px;font-size:6px}footer a{display:none}.three-controls{top:52px;left:17px;right:17px;flex-wrap:wrap;padding:9px;font-size:9px;gap:10px}.three-controls button{font-size:9px}.pin-label{font-size:8px;padding:7px 9px}#library-grid{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.intro{max-width:calc(100% - 90px);padding:14px;bottom:144px}.intro h1{font-size:23px}.intro p{font-size:10px}.intro .primary{font-size:9px;padding:10px;gap:9px}.intro .eyebrow{display:none}.scene-controls{bottom:144px}.scene-controls button{height:30px;width:28px}.bottom-panel{left:12px;right:12px}.scene-top{left:12px}.bottom-heading .eyebrow{font-size:7px}#interaction-help{font-size:7px;max-width:137px}#inspector{width:245px;right:12px;max-height:calc(100% - 224px)}#inspector p{font-size:11px}.part-meta{margin:12px 0;padding-top:8px}#inspector small{font-size:8px}dialog{padding:18px}dialog h2{font-size:24px}#library-grid{gap:9px}.asset-card h3{font-size:11px}.mode-3d .intro{display:none}}

#part-preview{width:100%;height:130px;object-fit:contain;display:block;background:radial-gradient(ellipse at center,#46615d,#142f31);border-radius:8px;margin:12px 0 0}#part-image-download{font-size:11px!important;margin-top:8px!important}#part-visual[hidden]{display:none}