*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#eeefe8;color:#272e2a;font-family:Arial,sans-serif}canvas{display:block;width:100vw;height:100vh;touch-action:none}header,footer{position:fixed;left:36px;right:36px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}header{top:32px}a,button{pointer-events:auto;color:inherit}a{text-decoration:none;font-size:12px;font-weight:700}header span,footer,.eyebrow,button{font-family:monospace;font-size:10px;letter-spacing:.08em}header span{color:#81897d}aside{position:fixed;left:5%;top:25%;width:240px;pointer-events:none}.eyebrow{font-size:9px;color:#9c3f3f}h1{font-size:54px;letter-spacing:-.07em;line-height:1.02;margin:24px 0}p{font-size:12px;color:#7f897d;line-height:1.8}.poses{display:flex;gap:6px;margin:32px 0 14px}button{border:1px solid #b7c0b4;border-radius:4px;background:#f5f6efcc;padding:12px 10px;cursor:pointer;font-size:9px}button:hover{background:#fff}button[aria-pressed=true]{background:#303933;color:#fff;border-color:#303933}#rotate,#export{display:block;margin-top:10px;width:221px;text-align:left}#export{border-color:#303933}#status{max-width:230px;font-size:11px}footer{bottom:28px;border-top:1px solid #cbd0c4;padding-top:17px;color:#7e8979;font-size:9px}button:disabled{opacity:.6;cursor:wait}@media(max-width:800px){header,footer{left:20px;right:20px}header span,footer span:last-child{display:none}aside{left:20px;top:auto;bottom:75px;width:180px}h1{font-size:30px;margin:10px 0}aside>p,.eyebrow{display:none}.poses{margin-top:15px;gap:3px}button{padding:10px 7px;font-size:8px}#rotate,#export{width:179px}footer{font-size:7px}}.views{display:flex;gap:5px;margin-bottom:14px}.views button{font-size:8px;padding:9px 7px}aside{top:auto;bottom:40px}.poses{margin-top:0}@media(max-width:800px){aside{bottom:24px}}