.draw-circle-container[data-v-813ab2d3]{gap:24px;display:flex}.draw-circle__canvas-section[data-v-813ab2d3]{flex:0 0 340px}.draw-circle__canvas-wrap[data-v-813ab2d3]{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:var(--el-bg-color-page);border-radius:8px;max-width:560px;margin:20px auto;overflow:hidden;box-shadow:0 4px 16px #00000026}html.dark .draw-circle__canvas-wrap[data-v-813ab2d3]{box-shadow:0 4px 16px #0006}.draw-circle__actions[data-v-813ab2d3]{justify-content:center;margin:20px 0;display:flex}@media screen and (width<=600px){.draw-circle-container[data-v-813ab2d3]{flex-direction:column}.draw-circle__canvas-section[data-v-813ab2d3]{flex:none;width:100%}.draw-circle__actions[data-v-813ab2d3]{flex-direction:column;align-items:stretch}.draw-circle__actions[data-v-813ab2d3] button{margin:0}}.draw-circle__result-section[data-v-813ab2d3]{flex-direction:column;flex:1;min-height:300px;display:flex}.draw-circle__score-card[data-v-813ab2d3]{text-align:center;background:var(--el-bg-color);border:1px solid var(--el-border-color-lighter);border-radius:12px;margin:16px 0;padding:24px}.draw-circle__grade[data-v-813ab2d3]{font-size:72px;font-weight:900;line-height:1}.draw-circle__grade--S[data-v-813ab2d3]{color:var(--el-color-warning)}.draw-circle__grade--A[data-v-813ab2d3]{color:var(--el-color-success)}.draw-circle__grade--B[data-v-813ab2d3]{color:var(--el-color-primary)}.draw-circle__grade--C[data-v-813ab2d3]{color:var(--el-color-warning)}.draw-circle__grade--D[data-v-813ab2d3]{color:var(--el-color-danger)}.draw-circle__score-value[data-v-813ab2d3]{color:var(--el-text-color-primary);margin-top:8px;font-size:28px;font-weight:700}.draw-circle__score-detail[data-v-813ab2d3]{border-top:1px solid var(--el-border-color-lighter);margin-top:16px;padding-top:16px}.draw-circle__detail-row[data-v-813ab2d3]{color:var(--el-text-color-regular);justify-content:space-between;padding:4px 0;font-size:14px;display:flex}.draw-circle__stats[data-v-813ab2d3]{margin:16px 0}.draw-circle__stats[data-v-813ab2d3] .el-card__body{padding:16px}.stats__row[data-v-813ab2d3]{justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.stats__row[data-v-813ab2d3]:not(:last-child){border-bottom:1px solid var(--el-border-color-lighter)}.stats__label[data-v-813ab2d3]{color:var(--el-text-color-regular)}.stats__value[data-v-813ab2d3]{color:var(--el-text-color-primary);font-weight:700}.stats__value--best[data-v-813ab2d3]{color:var(--el-color-success)}.draw-circle__history[data-v-813ab2d3]{margin-top:16px}.draw-circle__history-item[data-v-813ab2d3]{background:var(--el-fill-color-light);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 16px;font-size:14px;display:flex}.draw-circle__history-item--best[data-v-813ab2d3]{border:1px solid var(--el-color-success);background:var(--el-color-success-light-9)}html.dark .draw-circle__history-item--best[data-v-813ab2d3]{background:#67c23a1a}.draw-circle__history-grade[data-v-813ab2d3]{font-size:16px;font-weight:700}.draw-circle__history-grade--S[data-v-813ab2d3]{color:var(--el-color-warning)}.draw-circle__history-grade--A[data-v-813ab2d3]{color:var(--el-color-success)}.draw-circle__history-grade--B[data-v-813ab2d3]{color:var(--el-color-primary)}.draw-circle__history-grade--C[data-v-813ab2d3]{color:var(--el-color-warning)}.draw-circle__history-grade--D[data-v-813ab2d3]{color:var(--el-color-danger)}