.handwriting-board[data-v-0c99b4cd]{width:100%}.hb-toolbar[data-v-0c99b4cd]{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:14px;margin-bottom:14px;background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--radius-md)}.hb-group[data-v-0c99b4cd]{display:flex;align-items:center;gap:8px}.hb-label[data-v-0c99b4cd]{font-size:13px;color:var(--text-2)}.hb-seg[data-v-0c99b4cd]{display:inline-flex;border:1px solid var(--border-1);border-radius:var(--radius-lg);overflow:hidden}.hb-seg-btn[data-v-0c99b4cd]{padding:7px 14px;min-height:34px;border:none;background:var(--surface);color:var(--text-2);font-size:14px;cursor:pointer;transition:all var(--transition)}.hb-seg-btn.active[data-v-0c99b4cd]{background:var(--brand-500);color:var(--text-inverse)}.hb-chip[data-v-0c99b4cd]{padding:7px 12px;min-height:34px;border:1px solid var(--border-1);border-radius:var(--radius-lg);background:var(--surface);color:var(--text-2);font-size:14px;cursor:pointer;transition:all var(--transition)}.hb-chip[data-v-0c99b4cd]:hover{border-color:var(--brand-500);color:var(--brand-500)}.hb-chip.active[data-v-0c99b4cd]{background:var(--brand-50);border-color:var(--brand-500);color:var(--brand-600)}.hb-range[data-v-0c99b4cd]{width:130px}.hb-size-val[data-v-0c99b4cd]{min-width:22px;font-size:13px;color:var(--text-2);font-variant-numeric:tabular-nums}.hb-colors[data-v-0c99b4cd]{display:flex;flex-wrap:wrap;gap:6px}.hb-color[data-v-0c99b4cd]{width:24px;height:24px;min-height:24px;padding:0;border:1px solid var(--border-1);border-radius:50%;cursor:pointer;transition:transform var(--transition)}.hb-color.active[data-v-0c99b4cd]{transform:scale(1.15);border-color:var(--brand-500);box-shadow:0 0 0 2px var(--brand-50)}.hb-color-input[data-v-0c99b4cd]{width:34px;height:30px;padding:0;border:1px solid var(--border-1);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer}.hb-check[data-v-0c99b4cd]{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--text-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hb-stage[data-v-0c99b4cd]{position:relative;width:100%;height:min(60vh,520px);min-height:280px;border:1px solid var(--border-1);border-radius:var(--radius-md);overflow:hidden;transition:background-color var(--transition)}.hb-stage.board-white[data-v-0c99b4cd]{background-color:#fff}.hb-stage.board-black[data-v-0c99b4cd]{background-color:#1f352e}.hb-canvas[data-v-0c99b4cd]{position:absolute;inset:0;display:block;touch-action:none;cursor:crosshair}.hb-canvas-preview[data-v-0c99b4cd]{pointer-events:none}.hb-hint[data-v-0c99b4cd]{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;font-size:14px;color:var(--text-3);pointer-events:none}.board-black .hb-hint[data-v-0c99b4cd]{color:hsla(0,0%,100%,.45)}.hb-fs-btn[data-v-0c99b4cd]{position:absolute;right:12px;bottom:12px;width:38px;height:38px;border:1px solid var(--border-1);border-radius:var(--radius-sm);background:hsla(0,0%,100%,.85);color:var(--text-2);font-size:15px;cursor:pointer;z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all var(--transition)}.hb-fs-btn[data-v-0c99b4cd]:hover{color:var(--brand-600);border-color:var(--brand-500)}.board-black .hb-fs-btn[data-v-0c99b4cd]{background:rgba(31,53,46,.72);color:hsla(0,0%,100%,.85);border-color:hsla(0,0%,100%,.25)}.board-black .hb-fs-btn[data-v-0c99b4cd]:hover{color:#fff;border-color:hsla(0,0%,100%,.6)}.hb-stage[data-v-0c99b4cd]:-ms-fullscreen{border:none;border-radius:0}.hb-stage[data-v-0c99b4cd]:fullscreen{border:none;border-radius:0}.hb-stage[data-v-0c99b4cd]:-webkit-full-screen{border:none;border-radius:0}.hb-actions[data-v-0c99b4cd]{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}.hb-btn[data-v-0c99b4cd]{padding:9px 16px;min-height:38px;border:1px solid var(--border-1);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-1);font-size:14px;cursor:pointer;transition:all var(--transition)}.hb-btn[data-v-0c99b4cd]:hover:not(:disabled){border-color:var(--brand-500);color:var(--brand-600)}.hb-btn[data-v-0c99b4cd]:disabled{opacity:.5;cursor:not-allowed}.hb-btn.primary[data-v-0c99b4cd]{background:var(--brand-500);border-color:var(--brand-500);color:var(--text-inverse)}.hb-btn.primary[data-v-0c99b4cd]:hover{background:var(--brand-600);color:var(--text-inverse)}.hb-count[data-v-0c99b4cd],.hb-draft[data-v-0c99b4cd]{font-size:12px;color:var(--text-3)}.hb-count[data-v-0c99b4cd]{margin-left:auto}@media (max-width:768px){.hb-toolbar[data-v-0c99b4cd]{padding:10px;gap:10px 14px}.hb-btn[data-v-0c99b4cd],.hb-chip[data-v-0c99b4cd],.hb-seg-btn[data-v-0c99b4cd]{min-height:34px}.hb-color[data-v-0c99b4cd]{width:28px;height:28px;min-height:28px}.hb-stage[data-v-0c99b4cd]{height:58vh}.hb-range[data-v-0c99b4cd]{width:100px}}