:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic",Meiryo,sans-serif;color:#222;background:#f8f8f8}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;touch-action:none}button{font:inherit}#canvas-container{position:fixed;inset:0}#canvas-container canvas{display:block;width:100%;height:100%}.toolbar{position:fixed;z-index:10;top:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px;align-items:center;padding:8px;border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 4px 18px rgba(0,0,0,.18);backdrop-filter:blur(8px)}.tool-button{min-width:76px;min-height:46px;padding:8px 14px;border:2px solid #777;border-radius:11px;background:#fff;color:#222;font-weight:700;cursor:pointer;user-select:none}.tool-button:disabled{opacity:.45;cursor:default}.tool-button.primary{border-color:#1771c8;background:#2587e6;color:#fff}.mode-button{min-width:58px;font-size:25px;line-height:1}.mode-button.active{border-color:#e14242;background:#ff5a5a;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.45)}.mode-message{position:fixed;z-index:9;left:50%;bottom:18px;transform:translateX(-50%);max-width:calc(100vw - 30px);padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 3px 12px rgba(0,0,0,.14);font-weight:700;text-align:center;white-space:nowrap}.loading{position:fixed;z-index:30;inset:0;display:grid;place-items:center;background:rgba(255,255,255,.68);font-size:22px;font-weight:700}.loading[hidden],.complete-dialog[hidden],.ik-halo[hidden]{display:none}.complete-dialog{position:fixed;z-index:20;left:50%;bottom:14px;transform:translateX(-50%);min-width:min(520px,calc(100vw - 28px));padding:12px 18px;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 5px 24px rgba(0,0,0,.22);text-align:center}.complete-name{margin-bottom:2px;font-size:24px;font-weight:800;color:#1771c8}.screenshot-message{font-size:17px;font-weight:700}.exit-button{position:fixed;z-index:25;top:14px;left:14px;border-color:#333;background:#333;color:#fff}.complete-dialog .exit-button{position:fixed}.completed-exit{position:fixed!important;z-index:25!important;top:14px!important;left:14px!important}.ik-halo{--progress:0deg;position:fixed;z-index:40;width:112px;height:112px;margin-left:-56px;margin-top:-56px;pointer-events:none;filter:drop-shadow(0 0 9px rgba(255,202,35,.75))}.ik-halo-progress{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#ffd52a var(--progress),rgba(255,255,255,.24) var(--progress));-webkit-mask:radial-gradient(circle,transparent 0 38px,#000 39px 47px,transparent 48px);mask:radial-gradient(circle,transparent 0 38px,#000 39px 47px,transparent 48px)}.ik-halo-core{position:absolute;inset:20px;border:3px solid rgba(255,224,73,.72);border-radius:50%;box-shadow:0 0 12px rgba(255,213,42,.8),inset 0 0 12px rgba(255,213,42,.35)}.ik-halo.armed{animation:halo-pop .22s ease-out}.ik-halo.armed .ik-halo-progress{background:#ffd52a;-webkit-mask:radial-gradient(circle,transparent 0 35px,#000 36px 49px,transparent 50px);mask:radial-gradient(circle,transparent 0 35px,#000 36px 49px,transparent 50px)}.ik-halo.armed .ik-halo-core{border-color:#fff173;box-shadow:0 0 18px #ffd52a,inset 0 0 14px rgba(255,241,115,.65)}@keyframes halo-pop{0%{transform:scale(.88)}65%{transform:scale(1.10)}100%{transform:scale(1)}}@media(max-width:560px){.toolbar{top:8px;gap:5px;padding:6px;width:calc(100vw - 12px);justify-content:center}.tool-button{min-width:0;min-height:43px;padding:7px 10px;font-size:14px}.mode-button{width:50px;font-size:23px}.mode-message{bottom:10px;font-size:14px}.complete-name{font-size:21px}.screenshot-message{font-size:15px}.ik-halo{width:120px;height:120px;margin-left:-60px;margin-top:-60px}.ik-halo-progress{-webkit-mask:radial-gradient(circle,transparent 0 40px,#000 41px 50px,transparent 51px);mask:radial-gradient(circle,transparent 0 40px,#000 41px 50px,transparent 51px)}}