@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&family=Space+Mono&display=swap";*{box-sizing:border-box}body{margin:0;background:#f0f0e7;color:#18201d;font:14px DM Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #7f992f;outline-offset:3px}header{height:80px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #18201d29}header>a:first-child{font-size:28px;font-weight:700;letter-spacing:-1.5px}header span{font:9px Space Mono,monospace;letter-spacing:.07em;color:#69716a}header>a:last-child{font-size:12px;border:1px solid #18201d;padding:12px 18px}main{display:grid;grid-template-columns:310px 1fr;height:calc(100dvh - 80px)}aside{padding:30px;overflow:auto;border-right:1px solid #18201d29}.eyebrow{font:9px Space Mono,monospace;letter-spacing:.05em;color:#69716a}h1{font:700 52px/.9 Barlow Condensed,Impact,sans-serif;letter-spacing:-.02em;margin:26px 0}h1 em{color:#768b55;font-style:normal}.intro{font-size:12px;color:#69716a;line-height:1.8}label{display:block;font:9px Space Mono,monospace;letter-spacing:.08em;margin:28px 0 10px}select{width:100%;padding:13px;background:#e3e7d9;border:1px solid #18201d44;color:#18201d;border-radius:0}#items{display:grid;gap:3px;margin-top:12px}#items button{cursor:pointer;background:transparent;border:0;text-align:left;color:#69716a;padding:11px 12px;font:12px DM Sans,Arial,sans-serif;border-left:2px solid transparent}#items button:hover,#items button.selected{background:#d4fa49;border-color:#18201d;color:#18201d}.note{font-size:10px;color:#69716a;line-height:1.6}.stage{position:relative;min-width:0;overflow:hidden;background:#253029;display:grid;grid-template-rows:minmax(0,1fr) auto}canvas{width:100%;height:100%;display:block;touch-action:none;min-height:0}.model-info{position:relative;border-top:1px solid #d4e8c42b;padding:20px 5% 23px;color:#f0f0e7;display:grid;grid-template-columns:1fr auto;column-gap:20px}.model-info #kind{font:8px Space Mono,monospace;color:#d4fa49;letter-spacing:.1em;margin:0}.model-info h2{font:600 35px/.95 Barlow Condensed,Impact,sans-serif;margin:10px 0;grid-column:1}.model-info #description{max-width:520px;color:#b3beaa;font-size:11px;line-height:1.6;margin:0 0 10px;grid-column:1}.model-info span{font:7px Space Mono,monospace;color:#99ab91;letter-spacing:.08em;grid-column:1}.model-info button{align-self:center;grid-column:2;grid-row:1/5;padding:10px 14px;background:#d4fa49;color:#18201d;border:0;font:10px DM Sans,Arial,sans-serif;cursor:pointer}@media(max-width:700px){header{height:66px}header>a:first-child{font-size:23px}header span{display:none}header>a:last-child{font-size:10px;padding:10px}main{height:auto;display:flex;flex-direction:column-reverse}.stage{height:76dvh;min-height:520px}aside{height:auto;padding:25px}.model-info{padding:20px 6%}.model-info #description{max-width:250px}.model-info h2{font-size:29px}.model-info button{padding:9px;font-size:9px}#items{grid-template-columns:1fr 1fr}h1{font-size:48px}}.model-info #pose{grid-row:1/3;align-self:start}.model-info #spin{grid-row:3/5;align-self:end}.model-info button[hidden]{display:none}