*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#9aa5ad;color:#26343c;font:13px/1.4 system-ui,sans-serif}#stage,canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}header{position:fixed;left:36px;top:31px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:3px;opacity:.75}h1{font:400 34px/1.15 Georgia,serif;letter-spacing:-.7px;margin:12px 0 9px}header p{margin:0;opacity:.7;font-size:12px}button{font:inherit;color:inherit;border:1px solid #29383f35;border-radius:7px;background:#e6e6decc;backdrop-filter:blur(10px);padding:10px 15px;cursor:pointer;transition:background .15s}button:hover{background:#f1eee4}button:focus-visible{outline:2px solid #39586b;outline-offset:3px}button[aria-pressed=true]{background:#293d48;color:#eeeee4;border-color:#293d48}.look{position:fixed;top:149px;left:36px;display:flex;gap:5px}.look button{min-width:120px}aside{position:fixed;top:42px;right:34px;text-align:right;font-size:10px;max-width:240px}aside span{display:block}.status{opacity:.6;margin-top:5px}footer{position:fixed;bottom:24px;left:28px;right:28px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.view,.light{display:flex;gap:5px}footer p{font-size:10px;opacity:.7;margin:0;width:100%;text-align:center}#hide{position:fixed;right:28px;bottom:110px;font-size:10px;padding:7px 10px}#loading{position:fixed;inset:0;display:grid;place-items:center;background:#aab4ba;pointer-events:none}.hidden header,.hidden aside,.hidden footer,.hidden .look,.hidden #hide{display:none}@media(max-width:760px){header{top:23px;left:23px}h1{font-size:29px}.look{left:23px;top:137px}aside{left:23px;top:191px;right:auto;text-align:left;max-width:none}aside .status{display:none}footer{left:16px;right:16px;justify-content:center;bottom:18px;gap:7px}footer button{font-size:11px;padding:9px 12px}#hide{bottom:134px;right:16px}footer p{font-size:9px}}@media(max-height:620px){header{top:15px}h1{font-size:26px;margin:7px 0}.look{top:113px}aside{display:none}footer{bottom:12px}.look button{padding:7px 12px}}

[hidden]{display:none!important}.labs{position:fixed;top:14px;left:28px;right:28px;display:flex;gap:6px;align-items:center;overflow-x:auto;white-space:nowrap;z-index:2}.labs a{font-size:10px;padding:6px 10px;text-decoration:none;color:#30444f;border:1px solid #30444f30;border-radius:5px;background:#e6e6debb}.labs a[aria-current]{background:#30444f;color:#f3eee2}header{top:66px}.subject{position:fixed;top:181px;left:36px;display:flex;gap:5px}.look{top:232px}.subject button{min-width:120px}aside{top:76px}#pause{position:fixed;right:28px;bottom:153px;font-size:10px;padding:7px 10px}.hidden .labs,.hidden .subject{display:none}
@media(max-width:760px){.labs{left:16px;right:16px;top:10px}header{top:57px;left:23px}.subject{left:23px;top:162px}.look{left:23px;top:209px}aside{top:258px;left:23px}#pause{bottom:175px;right:16px}.light{flex-wrap:wrap;justify-content:center}}
@media(max-height:620px){header{top:49px}.subject{top:134px}.look{top:177px}.subject button,.look button{padding:7px 12px}#pause{bottom:145px}}

#hero-tools{position:fixed;left:36px;top:286px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:11px}#hero-tools label{display:flex;flex-direction:column;gap:3px}select{font:inherit;padding:7px;background:#e6e6de;color:#293d48;border:1px solid #293d4850;border-radius:6px}#hero-facets{font-size:11px;padding:7px 13px}.hidden #hero-tools{display:none}@media(max-width:760px){#hero-tools{left:23px;top:288px;gap:5px;font-size:10px}}@media(max-height:620px){#hero-tools{top:220px;left:23px;gap:4px;font-size:10px}}

/* Phone delivery: keep the model clear and every control reachable. */
.hidden #hide{display:block}#zoom{position:fixed;right:28px;bottom:200px;display:flex;gap:5px}#zoom button{min-width:40px;font-size:20px;padding:5px 10px}.hidden #zoom{display:none}.view{flex-wrap:wrap;justify-content:center;max-width:100%}
@media(max-width:760px){
 header{top:44px;left:16px}header .eyebrow,header h1,aside{display:none}header p{font-size:11px}
 .subject,.look{left:16px;right:16px;gap:5px}.subject{top:67px}.look{top:108px}.subject button,.look button{min-width:0;flex:1;padding:8px 6px;font-size:12px}
 #hero-tools{top:151px;left:16px;right:16px;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;font-size:10px;gap:6px}#hero-tools label,select{min-width:0;width:100%}#hero-facets{padding:8px}
 footer{left:10px;right:10px;bottom:max(12px,env(safe-area-inset-bottom));gap:6px}.view,.light{gap:4px}footer button{padding:8px 9px;font-size:10px}footer p{margin-top:0}
 #hide{right:12px;bottom:171px}#pause{right:12px;bottom:209px}#zoom{right:12px;bottom:248px}
}
@media(max-width:760px) and (max-height:560px){.labs,header,.subject{display:none}.look{top:10px;right:auto;width:220px}#hero-tools{top:52px;right:auto;width:260px}footer{right:100px}#hide{bottom:13px}#pause{bottom:51px}#zoom{bottom:90px}}