*{box-sizing:border-box}body{margin:0;background:#eee9df;color:#283c37;font-family:Arial,sans-serif}header{text-align:center;padding:30px 20px 0;position:relative}.back{position:absolute;left:28px;top:32px;color:#51615a;text-decoration:none;font-size:14px}.eyebrow{font-size:11px;letter-spacing:.25em;color:#8b8067}h1{font-size:clamp(28px,4vw,44px);font-weight:500;letter-spacing:-.035em;margin:10px 0}header p{font-size:14px;color:#6b7469;margin:0}main{max-width:1200px;margin:auto;position:relative}canvas{display:block;width:100%;height:min(66vh,720px);touch-action:none}#status{position:absolute;top:42%;left:15%;width:70%;text-align:center;color:#746b57;pointer-events:none}.views{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:0 16px}button,select{font:inherit;font-size:13px;padding:11px 18px;border:1px solid #c9c4b8;border-radius:24px;color:#48584e;background:transparent;cursor:pointer}button[aria-pressed=true]{background:#2c554b;color:#fff;border-color:#2c554b}button:focus-visible,a:focus-visible{outline:3px solid #b38e46;outline-offset:3px}.downloads{display:grid;grid-template-columns:1fr 1fr;max-width:630px;margin:24px auto 0;text-align:center;gap:20px}.downloads h2{font-size:16px;font-weight:500;margin:0 0 10px}.downloads a{display:inline-block;white-space:nowrap;font-size:12px;color:#5c7363;margin:0 7px;text-underline-offset:4px;line-height:2}footer{color:#8b887c;font-size:11px;line-height:1.7;text-align:center;padding:25px 20px}[hidden]{display:none!important}@media(max-width:600px){header{padding-top:62px}.back{left:18px;top:20px}canvas{height:52vh;min-height:300px}.downloads{gap:8px;margin-top:20px}.downloads a{display:block}.views{gap:6px}button{padding:10px 14px}footer{padding-top:18px}}