:root{color-scheme:light;font-family:Arial,sans-serif;color:#343b39;background:#f7f6f2}*{box-sizing:border-box}body{margin:0}header{max-width:1160px;margin:auto;padding:27px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcded7;gap:20px}.brand{font-size:25px;letter-spacing:.18em;text-decoration:none;color:inherit}.brand span{display:block;font-size:9px;letter-spacing:.14em;margin-top:7px}.edition,.eyebrow{font-size:11px;letter-spacing:.12em;color:#657065;line-height:1.5}main{max-width:1060px;margin:auto;padding:24px 32px 40px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}h1{font-size:clamp(30px,5vw,48px);font-weight:400;margin:12px 0}.subtitle{color:#636b67;margin:0;line-height:1.6}.number{font-size:76px;font-weight:300;color:#b5bbae;margin:0}.stage{position:relative;background:radial-gradient(ellipse at 50% 40%,#fffefa,#e7e8df);border:1px solid #dedfd6;border-radius:18px;overflow:hidden;height:min(62vh,640px);min-height:350px}.stage canvas{display:block;width:100%;height:100%;touch-action:none}.stage canvas:focus-visible{outline:3px solid #758977;outline-offset:-5px}#status{position:absolute;top:14px;left:20px;right:20px;font-size:13px;color:#5a645b;pointer-events:none}.tools{position:absolute;bottom:18px;right:18px;display:flex;gap:7px}button{min-height:44px;min-width:44px;border:1px solid #cbd0c5;border-radius:8px;background:#fbfcf8;color:#364335;font:inherit;font-size:13px;padding:10px 14px;cursor:pointer}button:hover{background:#edf0e8}button:focus-visible,a:focus-visible{outline:3px solid #738569;outline-offset:3px}button[aria-pressed=true]{background:#455643;color:#fff;border-color:#455643}.views{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.hint{font-size:12px;color:#636b64;line-height:1.65}footer{border-top:1px solid #dadfd3;margin-top:27px;padding-top:18px;font-size:12px;line-height:1.6;color:#687063}footer p{margin:5px 0}.model-card{display:flex;gap:25px;padding:28px;border:1px solid #d4dacd;border-radius:14px;color:inherit;text-decoration:none;background:#fff}.model-card>span{font-size:55px;color:#6b7b62}.model-card h2{font-size:20px;font-weight:400}.model-card p{font-size:14px}@media(max-width:600px){header{padding:20px;align-items:flex-start}.brand{font-size:22px}.edition{font-size:9px;max-width:110px;text-align:right}main{padding:18px}.number{font-size:58px}.stage{height:53vh;min-height:350px}.views button{flex:1 1 42%}.tools{bottom:12px;right:12px}.model-card{padding:20px;gap:18px}.model-card h2{line-height:1.4}.heading{margin-bottom:18px}}
