:root{--bg:#15231f;--ink:#edece2;--muted:#adbbb0;--line:#3a4c40;--gold:#e0b576}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px system-ui,sans-serif}header{height:94px;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:2.1px;text-transform:uppercase;color:var(--gold)}h1{font-size:27px;font-weight:460;margin:3px 0}header p{font-size:12px;line-height:1.6;color:var(--muted);text-align:right;margin:0}.app{display:grid;grid-template-columns:270px 1fr;min-height:calc(100vh - 94px)}aside{padding:19px 14px;border-right:1px solid var(--line);max-height:calc(100vh - 94px);overflow:auto}.groups{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:16px}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.groups button,.pill{background:transparent;border:1px solid #536352;border-radius:20px;padding:8px 12px;font-size:12px}.groups button[aria-pressed=true],.pill[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.nav{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:1px solid transparent;padding:11px 12px;margin:2px 0;border-radius:5px;background:transparent;font-size:13px}.nav:hover{background:#273b2d}.nav[aria-pressed=true]{background:#31473b;border-color:#65715c}.nav small{font-size:10px;color:var(--gold)}.note{font-size:11px;line-height:1.65;color:var(--muted);padding:12px}.main{min-width:0}.toolbar{padding:14px 20px;display:flex;gap:7px;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--line)}.grow{flex:1}.stage{height:calc(100vh - 300px);min-height:430px;background:#101b16;position:relative}.stage img,model-viewer{width:100%;height:100%;object-fit:contain}model-viewer{background:radial-gradient(ellipse at 50% 40%,#eceee5,#b5c0b4);--poster-color:transparent;touch-action:none}.badge{position:absolute;top:16px;left:18px;padding:8px 12px;background:#15231fea;border:1px solid #6e7b65;border-radius:4px;font-size:10px;letter-spacing:1px;pointer-events:none}.description{padding:20px 24px;display:grid;grid-template-columns:1fr auto;gap:20px}h2{font-size:21px;font-weight:480;margin:0 0 8px}.description p{color:var(--muted);font-size:12px;line-height:1.7;margin:0;max-width:890px}.downloads{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;margin-top:12px}a{color:var(--gold)}.pager{display:flex;gap:8px}.pager button{border:1px solid #596b57;background:none;border-radius:50%;width:36px;height:36px}.help{font-size:10px;color:var(--muted);text-align:center;margin:9px 0}.pill:disabled{opacity:.35;cursor:default}.hidden{display:none!important}@media(max-width:850px){header{height:90px;padding:14px 18px}header p{max-width:150px;font-size:11px}.app{grid-template-columns:1fr}aside{max-height:220px;border-right:0;border-bottom:1px solid var(--line);padding:12px}.groups{margin-bottom:8px}.nav{display:inline-flex;width:auto;padding:8px;font-size:12px}.note{display:none}.stage{height:60vh;min-height:350px}.toolbar{padding:12px}.description{padding:16px;gap:8px}.downloads{font-size:11px}}

.controls-guide{padding:14px 20px;background:#20332a;border-bottom:1px solid var(--line)}
.controls-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}.controls-heading h3{font-size:13px;font-weight:600;margin:0}.controls-heading span{font-size:11px;color:var(--muted)}
.controls-actions{display:flex;gap:6px;margin-left:auto}.controls-actions button{min-height:36px;min-width:40px;border:1px solid #64765f;border-radius:5px;background:#293f32;padding:7px 11px}.controls-actions button:disabled{opacity:.4;cursor:default}
.gestures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.gestures div{border-left:2px solid #bfa575;padding-left:10px}.gestures dt{font-size:12px;margin-bottom:4px;color:var(--ink)}.gestures dd{font-size:11px;line-height:1.65;color:#c6d2c8;margin:0}.gesture-symbol{color:var(--gold);margin-right:5px}.stage{height:calc(100dvh - 420px);min-height:350px}
@media(max-width:850px){.stage{height:55vh;min-height:320px}.controls-guide{padding:12px}.controls-heading{gap:8px}.controls-actions{margin-left:0}.controls-heading span{flex:1;min-width:140px}.gestures{gap:8px}.gestures dd{font-size:10px}}
@media(max-width:480px){.gestures{grid-template-columns:1fr}.gestures div{display:grid;grid-template-columns:100px 1fr;gap:8px}.gestures dt{margin:0}.controls-actions button{min-height:44px}.controls-heading span{width:100%;flex-basis:100%}}

.toolbar .pill{min-height:38px}.gallery-shortcut{font-size:12px;margin:0 4px;color:var(--gold)}
@media(max-width:480px){.toolbar .pill{padding:8px 10px}.toolbar .grow{display:none}}