.perfect-circle-tool[data-v-f67a7c2e]{max-width:560px;margin:0 auto;padding:16px;font-family:inherit;touch-action:manipulation}.header[data-v-f67a7c2e]{margin-bottom:12px}.stats-bar[data-v-f67a7c2e]{display:flex;gap:16px;justify-content:center}.stat[data-v-f67a7c2e]{font-size:14px;color:#6b7280}.stat strong[data-v-f67a7c2e]{color:#1f2937}.intro[data-v-f67a7c2e]{text-align:center;padding:12px 0 8px}.intro-icon[data-v-f67a7c2e]{font-size:48px;margin-bottom:8px}.intro-title[data-v-f67a7c2e]{font-size:22px;font-weight:700;color:#1f2937;margin:0 0 8px}.intro-desc[data-v-f67a7c2e]{font-size:14px;color:#6b7280;line-height:1.6;margin:0 0 10px}.tips[data-v-f67a7c2e]{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:10px}.tip[data-v-f67a7c2e]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:4px 12px;font-size:12px;color:#6b7280}.start-hint[data-v-f67a7c2e]{font-size:13px;color:#9ca3af;margin:0}.result-overlay[data-v-f67a7c2e]{display:flex;justify-content:center;margin-bottom:12px}.result-card[data-v-f67a7c2e]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:20px 32px;text-align:center;min-width:220px}.result-score[data-v-f67a7c2e]{font-size:56px;font-weight:800;color:#1f2937;line-height:1}.result-unit[data-v-f67a7c2e]{font-size:24px;font-weight:400;color:#6b7280}.result-grade[data-v-f67a7c2e]{font-size:20px;margin:8px 0 12px}.score-bar-wrap[data-v-f67a7c2e]{height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden;margin-bottom:16px}.score-bar[data-v-f67a7c2e]{height:100%;border-radius:5px;transition:width .6s ease}.bar-gold[data-v-f67a7c2e]{background:#f59e0b}.bar-green[data-v-f67a7c2e]{background:#10b981}.bar-yellow[data-v-f67a7c2e]{background:#f59e0b}.bar-red[data-v-f67a7c2e]{background:#ef4444}.retry-btn[data-v-f67a7c2e]{background:#3b82f6;color:#fff;border:none;border-radius:10px;padding:10px 28px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s}.retry-btn[data-v-f67a7c2e]:hover{background:#2563eb}.canvas-wrap[data-v-f67a7c2e]{width:100%;aspect-ratio:5/4;border:2px solid #e2e8f0;border-radius:16px;background:#fff;cursor:crosshair;-webkit-user-select:none;user-select:none;overflow:hidden;touch-action:none}.draw-svg[data-v-f67a7c2e]{width:100%;height:100%;display:block}.history[data-v-f67a7c2e]{margin-top:20px}.history-title[data-v-f67a7c2e]{font-size:14px;font-weight:600;color:#6b7280;margin:0 0 8px}.history-list[data-v-f67a7c2e]{display:flex;flex-direction:column;gap:6px}.history-item[data-v-f67a7c2e]{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:14px}.history-item.best[data-v-f67a7c2e]{border-color:#f59e0b;background:#fffbeb}.h-rank[data-v-f67a7c2e]{width:28px;font-size:16px}.h-score[data-v-f67a7c2e]{font-weight:700;color:#1f2937;min-width:50px}.h-grade[data-v-f67a7c2e]{color:#6b7280}.share-wrap[data-v-f67a7c2e]{margin-top:16px;text-align:center}.share-btn[data-v-f67a7c2e]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 24px;font-size:14px;color:#1f2937;cursor:pointer;transition:background .15s}.share-btn[data-v-f67a7c2e]:hover{background:#e2e8f0}