html,body{-webkit-user-select:none;user-select:none;background:0 0;width:100%;height:100%;margin:0;overflow:hidden}#board{touch-action:none;width:100vw;height:100vh;position:fixed;top:0;bottom:0;left:0;right:0}body.drawing #board{cursor:crosshair}#hud{color:#fff;white-space:nowrap;pointer-events:none;background:#141414bf;border-radius:999px;padding:6px 14px;font:13px/1.4 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;position:fixed;top:12px;left:50%;transform:translate(-50%)}body.drawing[data-tool=eraser] #board{cursor:cell}:root{--panel:#1c1c1eeb;--hover:#ffffff1a;--active:#ffffff38;--text:#f2f2f7;--muted:#8e8e93;--accent:#0a84ff}html,body{color:var(--text);-webkit-user-select:none;user-select:none;background:0 0;margin:0;font:12px/1.3 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}#panel{background:var(--panel);border-radius:14px;margin:4px;padding:4px 6px 8px;box-shadow:0 4px 16px #00000059}header{cursor:grab;justify-content:space-between;align-items:center;height:20px;display:flex}.grip{background:#ffffff40;border-radius:2px;flex:1;height:4px;margin-right:6px}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin:0}.icon-button{border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.icon-button.small{border-radius:6px;width:20px;height:20px}@media (hover:hover){.icon-button:hover{background:var(--hover)}}.icon-button[aria-pressed=true]{background:var(--active)}.icon-button svg{width:20px;height:20px}.icon-button.small svg{width:14px;height:14px}.mode{background:var(--hover);border-radius:9px;justify-content:center;align-items:center;gap:6px;width:100%;height:32px;margin:6px 0 8px;font-weight:600;display:flex}.mode[aria-pressed=true]{background:var(--accent)}.mode svg{width:16px;height:16px}.grid{border-bottom:1px solid #ffffff14;grid-template-columns:repeat(2,36px);justify-content:center;gap:4px;margin-bottom:8px;padding-bottom:8px;display:grid}#actions{border-bottom:0;margin-bottom:0;padding-bottom:0}.row{border-bottom:1px solid #ffffff14;justify-content:space-between;margin-bottom:8px;padding:0 4px 8px;display:flex}.swatch{border-radius:8px;place-items:center;width:36px;height:28px;display:grid}.swatch:before{content:"";background:var(--swatch);border-radius:50%;width:20px;height:20px;box-shadow:inset 0 0 0 1px #ffffff4d}@media (hover:hover){.swatch:hover{background:var(--hover)}}.swatch[aria-pressed=true]{background:var(--active)}.swatch.custom{position:relative}.swatch.custom input{opacity:0;cursor:pointer;position:absolute;top:0;bottom:0;left:0;right:0}.size{border-radius:7px;place-items:center;width:24px;height:28px;display:grid}.size:before{content:"";width:var(--dot);height:var(--dot);background:var(--text);border-radius:50%}@media (hover:hover){.size:hover{background:var(--hover)}}.size[aria-pressed=true]{background:var(--active)}#settings-view{padding:4px 2px}#settings-view h2{margin:4px 0 12px;font-size:13px}.switch{cursor:pointer;align-items:center;gap:6px;margin-bottom:14px;display:flex}.choice{border:0;margin:0 0 14px;padding:0}.choice legend{color:var(--muted);margin-bottom:6px;padding:0;font-size:11px}.choice label{cursor:pointer;align-items:center;gap:6px;margin-bottom:6px;display:flex}.text-button{background:var(--hover);border-radius:8px;width:100%;height:30px;margin-top:6px;display:block}.text-button.danger{color:#ff6961}:root{--board:#fff}body.web{background:var(--board);-webkit-touch-callout:none}body.web.dark-board{--board:#1c1c1e}#photo{object-fit:contain;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;bottom:0;left:0;right:0}body.web #panel{top:50%;left:max(12px, env(safe-area-inset-left));touch-action:manipulation;width:92px;margin:0;position:fixed;transform:translateY(-50%)}body.web.dark-board #panel{box-shadow:0 0 0 1px #ffffff24,0 4px 16px #00000059}body.web #panel>header,body.web #mode,body.web #settings-view,body.web #actions [aria-label=Settings],body.web #hud{display:none}