.whiteboard-demo[data-v-40a6b608]{height:600px}.whiteboard-demo__board[data-v-40a6b608]{touch-action:none;-webkit-user-select:none;user-select:none;height:100%;position:relative;overflow:hidden}.whiteboard-demo__board--pen[data-v-40a6b608]{cursor:crosshair}.whiteboard-demo__board--sticky[data-v-40a6b608]{cursor:copy}.whiteboard-demo__canvas[data-v-40a6b608]{width:100%;height:100%;position:absolute;inset:0}.whiteboard-demo__frame[data-v-40a6b608]{border:1.5px dashed var(--border-strong-color);background:color-mix(in oklab, var(--container-low-color) 60%, transparent);transition:left .6s var(--ease-out), width .6s var(--ease-out);border-radius:14px;position:absolute;top:4%;bottom:4%}.whiteboard-demo__frame-title[data-v-40a6b608]{color:var(--content-bright-color);align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex;position:absolute;top:12px;left:14px}.whiteboard-demo__frame-title[data-v-40a6b608] .icon{color:var(--primary-color)}.whiteboard-demo__sticky[data-v-40a6b608]{z-index:2;background:color-mix(in oklab, var(--sticky-color) var(--chip-fill-amount), var(--chip-fill-base));width:15%;min-height:84px;box-shadow:var(--shadow-md);color:color-mix(in oklab, var(--sticky-color) var(--chip-ink-amount), var(--chip-ink-base));cursor:grab;transition:left .6s var(--ease-out), top .6s var(--ease-out), transform .2s var(--ease-out), box-shadow .2s var(--ease-out);border-radius:4px 4px 14px;align-items:flex-start;padding:10px 11px;font-size:12.5px;font-weight:600;line-height:1.35;display:flex;position:absolute}.whiteboard-demo__sticky[data-v-40a6b608]:hover{transform:rotate(-1.2deg)translateY(-2px)}.whiteboard-demo__sticky--dragging[data-v-40a6b608]{z-index:5;box-shadow:var(--shadow-lg);cursor:grabbing;transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out);transform:rotate(-2deg)scale(1.04)}.whiteboard-demo__sticky--new[data-v-40a6b608]{animation:pop-in .35s var(--ease-spring)}.whiteboard-demo__sticky-field[data-v-40a6b608]{width:100%;min-height:62px;font:inherit;line-height:inherit;color:inherit;resize:none;background:0 0;border:0;padding:0}.whiteboard-demo__sticky-field[data-v-40a6b608]:focus{outline:none}.whiteboard-demo__tools[data-v-40a6b608]{z-index:10;background:var(--card-color);border:1px solid var(--border-color);box-shadow:var(--dropdown-shadow);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:6px;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.whiteboard-demo__tool[data-v-40a6b608]{width:34px;height:34px;color:var(--content-dim-color);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.whiteboard-demo__tool[data-v-40a6b608]:hover{background:var(--container-high-color)}.whiteboard-demo__tool--active[data-v-40a6b608]{background:var(--primary-soft-color);color:var(--primary-color)}.whiteboard-demo__tools-divider[data-v-40a6b608]{background:var(--border-color);width:20px;height:1px;margin:3px 0}.whiteboard-demo__ink[data-v-40a6b608]{background:var(--ink-color);width:20px;height:20px;transition:box-shadow .2s var(--ease-out);border:0;border-radius:50%;margin:3px}.whiteboard-demo__ink--active[data-v-40a6b608]{box-shadow:0 0 0 2px var(--card-color), 0 0 0 4px var(--ink-color)}.whiteboard-demo__ai[data-v-40a6b608]{z-index:10;background:var(--primary-color);height:34px;color:var(--on-primary-color);box-shadow:var(--shadow-md);border:0;border-radius:9px;align-items:center;gap:7px;padding:0 13px;font-size:12.5px;font-weight:650;display:inline-flex;position:absolute;top:12px;right:12px}.whiteboard-demo__ai[data-v-40a6b608]:disabled{cursor:progress;opacity:.8}.whiteboard-demo__hint[data-v-40a6b608]{z-index:3;background:var(--card-color);border:1px solid var(--border-color);color:var(--content-dark-color);pointer-events:none;border-radius:7px;padding:4px 10px;font-size:11.5px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.whiteboard-frame-enter-active[data-v-40a6b608],.whiteboard-frame-leave-active[data-v-40a6b608]{transition:opacity .4s var(--ease-out), transform .4s var(--ease-out)}.whiteboard-frame-enter-from[data-v-40a6b608],.whiteboard-frame-leave-to[data-v-40a6b608]{opacity:0;transform:scale(.96)}@media (max-width:720px){.whiteboard-demo__sticky[data-v-40a6b608]{width:24%;font-size:11px}}