.cursor-trail-draw_root__mgdAZ{--ctd-accent:var(--accent);--ctd-paper:color-mix(in oklab,var(--surface-muted) 38%,var(--surface));--ctd-glass:color-mix(in oklab,var(--surface-raised) 80%,transparent);container-type:inline-size;display:grid;gap:var(--space-2);width:100%;min-width:0;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface);color:var(--foreground);font-family:var(--font-body);letter-spacing:var(--tracking-body);line-height:var(--leading-body);-webkit-tap-highlight-color:transparent}.cursor-trail-draw_header__qf7IU{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) var(--space-4) var(--space-1)}.cursor-trail-draw_title__MDVw6{margin:0;font-size:var(--text-base);font-weight:500}.cursor-trail-draw_count__ro551{margin:0;font-size:var(--text-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.cursor-trail-draw_stage__J5ARZ{position:relative;aspect-ratio:16/10;min-width:0;overflow:hidden;border:1px solid var(--border-subtle);border-radius:calc(var(--radius-surface) - var(--space-2));background:var(--ctd-paper);box-shadow:inset 0 1px 0 color-mix(in oklab,var(--surface-raised) 70%,transparent);isolation:isolate}.cursor-trail-draw_canvas__WWpP5{position:absolute;inset:0;touch-action:none;cursor:none;user-select:none;-webkit-user-select:none}.cursor-trail-draw_svg__wZ4L_{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}.cursor-trail-draw_gridDot__11JLe{fill:var(--border)}.cursor-trail-draw_ink__9DHfp{color:var(--foreground);fill:currentColor;stroke:none;transition:opacity var(--duration-fast) var(--ease-exit)}.cursor-trail-draw_ink__9DHfp[data-mode=clean]{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.cursor-trail-draw_ink__9DHfp[data-leaving]{opacity:0}.cursor-trail-draw_laser__alhh6{fill:var(--ctd-accent);opacity:.9}.cursor-trail-draw_nib__lS4ic{fill:currentColor;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-standard)}.cursor-trail-draw_nib__lS4ic[data-show]{opacity:.92}.cursor-trail-draw_nib__lS4ic[data-tool=pen][data-show]{opacity:.55}.cursor-trail-draw_nibRing__qbg3I{fill:none;stroke:currentColor;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-standard)}.cursor-trail-draw_nibRing__qbg3I[data-show]{opacity:.32}.cursor-trail-draw_nibRing__qbg3I[data-show][data-down]{opacity:.5}.cursor-trail-draw_hint__8FP_d{position:absolute;inset:0 var(--space-6) 64px;display:grid;place-items:center;margin:0;font-size:var(--text-sm);color:var(--text-muted);text-align:center;text-wrap:balance;pointer-events:none;transition:opacity var(--duration-standard) var(--ease-standard)}.cursor-trail-draw_hint__8FP_d[data-hidden]{opacity:0;transition-duration:var(--duration-fast)}.cursor-trail-draw_chip__1ox6v{position:absolute;top:var(--space-3);left:50%;z-index:2;display:flex;align-items:center;gap:var(--space-2);max-width:calc(100% - var(--space-6));padding:4px 4px 4px var(--space-3);border-radius:var(--radius-pill);background:var(--ctd-glass);box-shadow:0 0 0 1px var(--border),var(--shadow-floating);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);translate:-50% 0;font-size:var(--text-sm);white-space:nowrap}.cursor-trail-draw_chipIcon__y0_gI{flex:none;color:var(--ctd-accent)}.cursor-trail-draw_chipText__cZMY2{overflow:hidden;text-overflow:ellipsis}.cursor-trail-draw_chipButton__JUyKd{flex:none;min-height:32px;padding:0 var(--space-3);border:0;border-radius:var(--radius-pill);background:var(--surface-muted);color:var(--foreground);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),transform var(--duration-spring) var(--ease-spring)}.cursor-trail-draw_chipButton__JUyKd:focus-visible,.cursor-trail-draw_chipButton__JUyKd:hover{background:color-mix(in oklab,var(--foreground) 10%,var(--surface-muted))}.cursor-trail-draw_chipButton__JUyKd:active{transform:scale(.97)}.cursor-trail-draw_toolbar__Z55kL{position:absolute;bottom:var(--space-3);left:50%;z-index:2;display:flex;align-items:center;gap:2px;padding:4px;border-radius:var(--radius-pill);background:var(--ctd-glass);box-shadow:0 0 0 1px var(--border),var(--shadow-floating);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);translate:-50% 0}.cursor-trail-draw_group__jTc_8{display:flex;align-items:center;gap:2px;transition:opacity var(--duration-fast) var(--ease-standard)}.cursor-trail-draw_group__jTc_8[data-dim]{opacity:.55}.cursor-trail-draw_group__jTc_8[data-dim]:focus-within,.cursor-trail-draw_group__jTc_8[data-dim]:hover{opacity:1}.cursor-trail-draw_divider__6sSW0{width:1px;height:20px;margin:0 4px;background:var(--border)}.cursor-trail-draw_swatch__O8V1s,.cursor-trail-draw_tool__b0KHr{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),transform var(--duration-spring) var(--ease-spring)}.cursor-trail-draw_swatch__O8V1s:focus-visible,.cursor-trail-draw_swatch__O8V1s:hover,.cursor-trail-draw_tool__b0KHr:focus-visible,.cursor-trail-draw_tool__b0KHr:hover{background:color-mix(in oklab,var(--foreground) 7%,transparent);color:var(--foreground)}.cursor-trail-draw_swatch__O8V1s:active,.cursor-trail-draw_tool__b0KHr:active:not(:disabled){transform:scale(.94)}.cursor-trail-draw_tool__b0KHr:disabled{opacity:.4;cursor:default}.cursor-trail-draw_tool__b0KHr[aria-pressed=true]{color:var(--ctd-accent)}.cursor-trail-draw_toolHighlight__DTRAv,.cursor-trail-draw_tool__b0KHr[data-toggle][aria-pressed=true]{background:color-mix(in oklab,var(--ctd-accent) 14%,transparent)}.cursor-trail-draw_toolHighlight__DTRAv{position:absolute;inset:0;border-radius:inherit}.cursor-trail-draw_icon__JEM6I{position:relative}.cursor-trail-draw_swatchDot__156_k{width:16px;height:16px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--foreground) 12%,transparent);transition:transform var(--duration-spring) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-standard)}.cursor-trail-draw_swatch__O8V1s[aria-pressed=true] .cursor-trail-draw_swatchDot__156_k{transform:scale(1.12);box-shadow:0 0 0 2px var(--surface-raised),0 0 0 3.5px var(--swatch)}.cursor-trail-draw_srOnly__ipuqv{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}:root[data-theme=dark] .cursor-trail-draw_root__mgdAZ{--ctd-paper:color-mix(in oklab,var(--surface-muted) 30%,var(--background));--ctd-glass:color-mix(in oklab,var(--surface-raised) 72%,transparent)}:root[data-theme=dark] .cursor-trail-draw_stage__J5ARZ{box-shadow:inset 0 1px 0 color-mix(in oklab,var(--foreground) 4%,transparent)}@container (max-width: 560px){.cursor-trail-draw_stage__J5ARZ{aspect-ratio:4/5}.cursor-trail-draw_header__qf7IU{padding-inline:var(--space-3)}.cursor-trail-draw_swatch__O8V1s,.cursor-trail-draw_tool__b0KHr{width:38px;height:38px}.cursor-trail-draw_divider__6sSW0{margin:0 2px}}@container (max-width: 360px){.cursor-trail-draw_toolbar__Z55kL{gap:0;padding:3px}.cursor-trail-draw_group__jTc_8{gap:0}.cursor-trail-draw_divider__6sSW0{margin:0 2px}.cursor-trail-draw_tool__b0KHr{width:30px;height:30px}.cursor-trail-draw_swatch__O8V1s{width:28px;height:30px}}@media (prefers-reduced-motion:reduce){.cursor-trail-draw_chipButton__JUyKd,.cursor-trail-draw_group__jTc_8,.cursor-trail-draw_hint__8FP_d,.cursor-trail-draw_ink__9DHfp,.cursor-trail-draw_nibRing__qbg3I,.cursor-trail-draw_nib__lS4ic,.cursor-trail-draw_swatchDot__156_k,.cursor-trail-draw_swatch__O8V1s,.cursor-trail-draw_tool__b0KHr{transition:none}}.cursor-trail-draw_demo__KV2MF{display:grid;width:100%;max-width:960px;margin-inline:auto}