.header-links{display:flex;gap:24px;color:var(--muted);font-size:9px;letter-spacing:1px}.intro h1{font-size:clamp(48px,6.6vw,98px)}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.model-tile{position:relative;aspect-ratio:1.6;background:#050a13;overflow:hidden;border:1px solid #1b2736}.model-tile canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y}.model-tile canvas:active{cursor:grabbing}.model-tile canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.live-indicator{position:absolute;top:16px;left:16px;pointer-events:none;font-size:7px;letter-spacing:1.5px;color:#d6ff76;background:#060c1688;padding:6px 8px}.tile-actions{position:absolute;right:12px;bottom:12px;display:flex;gap:6px}.tile-actions button{background:#030916cc;border:1px solid #afcfff44;padding:8px 10px;letter-spacing:1px;font-size:8px}.tile-actions button:hover{border-color:var(--accent);color:var(--accent)}.tile-hint{position:absolute;left:16px;bottom:18px;font-size:7px;color:#b0bdd3;letter-spacing:1px;pointer-events:none}.work figcaption{min-height:65px}#inspector{width:min(1500px,96vw);padding:24px}.inspect-stage{position:relative;background:#02060c}.inspect-stage canvas{display:block;width:100%;height:min(62vh,750px);touch-action:none;cursor:grab}.inspect-stage canvas:active{cursor:grabbing}.orbit-hint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:1.5px;color:#a8bad1;white-space:nowrap;pointer-events:none}.orbit-hint i{color:var(--accent);margin:0 10px}.inspect-info{display:flex;justify-content:space-between;align-items:start;gap:32px;padding-top:24px}.inspect-info h2{font:600 34px 'Barlow Condensed',Impact;margin:7px 0}.inspect-tag{color:var(--accent);text-transform:uppercase;font-size:8px;letter-spacing:1.4px;margin:0}#inspectCaption{color:var(--muted);font-size:11px;line-height:1.6;max-width:600px;margin:0}.inspect-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:end}.inspect-tools button,.inspect-tools label,.inspect-bottom button{border:1px solid var(--line);background:#0b1320;padding:12px;font-size:8px;letter-spacing:1px}.inspect-tools button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.inspect-tools label{display:flex;align-items:center;gap:10px;color:var(--muted)}select{background:#142135;border:0;padding:3px;color:white;font-size:10px}.inspect-bottom{border-top:1px solid var(--line);margin-top:24px;padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:16px}.inspect-bottom>span{font-size:7px;letter-spacing:1px;color:var(--muted)}.inspect-bottom>div{display:flex;gap:8px}#error{background:#190e0b;color:#ffc2a6;padding:24px;border:1px solid #7c482d}#error a{text-decoration:underline}.work .model-tile.loading-model::after{content:'PREPARING MODEL';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:8px;letter-spacing:2px;color:#8c9db6;pointer-events:none}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inspect-info{flex-direction:column;gap:20px}.inspect-tools{justify-content:start}}@media(max-width:600px){.grid{grid-template-columns:1fr}.header-links{font-size:7px;gap:14px}.wordmark{font-size:21px}.wordmark small{font-size:6px}.intro h1{font-size:52px}#inspector{padding:14px}.inspect-stage canvas{height:43vh}.inspect-info h2{font-size:28px}.inspect-bottom>span{display:none}.inspect-bottom{justify-content:end}.orbit-hint{font-size:6px;letter-spacing:1px}.tile-hint{font-size:6px}}
