*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#26382f;background:#eeeae2}header{position:absolute;top:0;left:0;right:0;padding:28px 34px;display:flex;justify-content:space-between;align-items:flex-start;z-index:2;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:650;margin:0 0 7px;color:#6b786d}h1{font-family:Georgia,serif;font-size:34px;font-weight:400;margin:0}.subtitle{margin:6px 0 0;color:#667369;font-size:13px}.badge{border:1px solid #c6cec5;border-radius:30px;padding:8px 12px;font-size:11px;background:#f9faf3b8}main{height:100%;width:100%;touch-action:none}canvas{display:block;width:100%;height:100%}#status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#ffffffd9;padding:18px 24px;border-radius:14px;z-index:3;font-size:14px;text-align:center}.toolbar{position:absolute;bottom:66px;left:50%;transform:translateX(-50%);display:flex;gap:16px;padding:7px;background:#fcfdf6ed;border:1px solid #d2d8cb;border-radius:18px;box-shadow:0 8px 25px #29372b12;max-width:calc(100% - 24px)}.views,.utilities{display:flex;gap:4px}button{font:inherit;font-size:12px;white-space:nowrap;border:0;background:transparent;border-radius:11px;padding:12px 15px;cursor:pointer;color:#4b5c50;min-height:42px}button:hover{background:#e5ebdf}button[aria-pressed=true]{background:#334e3d;color:#fff}button:focus-visible{outline:3px solid #a48040;outline-offset:1px}.utilities{border-left:1px solid #dde1d6;padding-left:8px}#in,#out{font-size:20px;padding:6px 14px}footer{position:absolute;left:30px;right:30px;bottom:22px;display:flex;justify-content:space-between;color:#6f7a6e;font-size:11px;pointer-events:none}.touch-help{display:none}@media(max-width:650px){header{padding:21px}h1{font-size:28px}.badge{font-size:9px;padding:7px 9px}.toolbar{bottom:68px;flex-direction:column;gap:4px;border-radius:16px}.utilities{border-left:0;border-top:1px solid #dde1d6;padding:3px 0 0;justify-content:center}button{padding:10px 12px}.views{justify-content:center}footer{left:16px;right:16px;bottom:16px;gap:6px;flex-direction:column;text-align:center;font-size:10px}footer>span:first-child{display:none}.touch-help{display:block}.subtitle{font-size:11px}}