.dock_root__QWYCh{--dock-fill:var(--surface-raised);--dock-edge:color-mix(in oklab,var(--foreground) 13%,transparent);--dock-ink:var(--text-secondary);--dock-hover:color-mix(in oklab,var(--foreground) 6%,transparent);--dock-selected:var(--accent-subtle);--dock-on-selected:var(--accent);position:relative;display:inline-block;width:max-content;max-width:100%;color:var(--dock-ink);font-family:var(--font-body);letter-spacing:var(--tracking-body);isolation:isolate;user-select:none;-webkit-user-select:none}:root[data-theme=dark] .dock_root__QWYCh{--dock-edge:color-mix(in oklab,white 12%,transparent);--dock-on-selected:color-mix(in oklab,var(--accent) 70%,white)}.dock_surface__VXhu5{position:absolute;z-index:0;top:0;left:0;overflow:visible;pointer-events:none;filter:drop-shadow(0 8px 22px oklch(0 0 0/.08)) drop-shadow(0 1px 2px oklch(0 0 0/.06))}:root[data-theme=dark] .dock_surface__VXhu5{filter:drop-shadow(0 10px 26px oklch(0 0 0/.5)) drop-shadow(0 1px 2px oklch(0 0 0/.3))}.dock_surface__VXhu5 path{fill:var(--dock-fill);stroke:var(--dock-edge);stroke-width:.5;vector-effect:non-scaling-stroke}.dock_bar__2Njmk{position:relative;z-index:1;display:flex;height:calc(var(--dock-item) + var(--dock-pad) * 2);align-items:center;gap:var(--dock-gap);padding:var(--dock-pad)}.dock_slot__eVKOW{position:relative;width:var(--dock-item);height:var(--dock-item);flex:none;touch-action:pan-y}.dock_root__QWYCh[data-dragging] .dock_slot__eVKOW{cursor:grabbing}.dock_selection__VjHoI{position:absolute;inset:0;border-radius:14px;background:var(--dock-selected)}.dock_item__wnIBH{position:relative;display:grid;width:100%;height:100%;place-items:center;padding:0;border:0;border-radius:14px;background:transparent;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),transform var(--duration-spring) var(--ease-spring)}.dock_item__wnIBH:active{transform:scale(.92);transition-duration:var(--duration-fast),var(--duration-fast),90ms;transition-timing-function:var(--ease-standard),var(--ease-standard),ease-out}.dock_item__wnIBH[data-selected]{color:var(--dock-on-selected)}.dock_item__wnIBH[data-open]:not([data-selected]){background:var(--dock-hover);color:var(--foreground)}.dock_item__wnIBH:focus-visible:not([data-selected]){background:var(--dock-hover);color:var(--foreground)}.dock_item__wnIBH{outline:none}.dock_icon__3uO28{position:relative;width:20px;height:20px}.dock_glyph__CU1tA,.dock_icon__3uO28{display:grid;place-items:center}.dock_glyph__CU1tA svg{width:20px;height:20px}.dock_caret__hZRBC{position:absolute;right:7px;bottom:7px;width:5px;height:5px;border-right:1.5px solid;border-bottom:1.5px solid;border-bottom-right-radius:1px;opacity:.55}.dock_badgeAnchor__XVVMa{position:absolute;top:3px;right:2px;display:flex;pointer-events:none}.dock_badge__XQG0W{display:inline-flex;height:16px;min-width:16px;justify-content:center;overflow:hidden;padding:0 5px;border-radius:var(--radius-pill);background:var(--danger);box-shadow:0 0 0 2px var(--dock-fill);color:white;font-size:11px;font-variant-numeric:tabular-nums;font-weight:500;line-height:16px}.dock_digit__cb9PT{display:inline-block;width:7px;height:16px;overflow:hidden;text-align:center}.dock_column__NPk7z{display:flex;flex-direction:column}.dock_column__NPk7z span{display:block;height:16px}.dock_tray__9iFm_{position:absolute;z-index:1;bottom:100%;left:0;display:flex;height:calc(var(--dock-tray-item) + var(--dock-tray-pad) * 2);align-items:center;gap:var(--dock-gap);padding:var(--dock-tray-pad);pointer-events:none}.dock_tray__9iFm_[data-open]{pointer-events:auto}.dock_trayItem__5qQY3{display:grid;width:var(--dock-tray-item);height:var(--dock-tray-item);flex:none;place-items:center;padding:0;border:0;border-radius:12px;outline:none;background:transparent;color:var(--dock-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.dock_trayItem__5qQY3 svg{width:20px;height:20px}.dock_trayItem__5qQY3[aria-pressed=true]{background:var(--dock-selected);color:var(--dock-on-selected)}.dock_trayItem__5qQY3:focus-visible:not([aria-pressed=true]){background:var(--dock-hover);color:var(--foreground)}.dock_trayItem__5qQY3{transition:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),scale var(--duration-fast) var(--ease-standard)}.dock_trayItem__5qQY3:active{scale:.94}.dock_tip__V_d7G{position:absolute;z-index:4;bottom:100%;left:0;display:flex;height:28px;align-items:center;justify-content:center;overflow:hidden;border-radius:10px;background:var(--foreground);box-shadow:var(--shadow-raised);color:var(--background);font-size:var(--text-xs);font-weight:500;line-height:1;pointer-events:none;transform-origin:50% 100%;will-change:transform,width}.dock_tipRow__82cp7{display:inline-flex;flex:none;align-items:center;gap:8px;padding:0 10px;white-space:nowrap}.dock_measure___Jtpv{position:absolute;top:0;left:0;visibility:hidden}.dock_kbd__ECgkO{display:inline-grid;min-width:16px;height:16px;place-items:center;padding:0 4px;border-radius:5px;background:color-mix(in oklab,var(--background) 18%,transparent);color:inherit;font:inherit;font-size:10px;opacity:.8}@media (hover:hover) and (pointer:fine){.dock_item__wnIBH:not([data-selected]):hover,.dock_trayItem__5qQY3:not([aria-pressed=true]):hover{background:var(--dock-hover);color:var(--foreground)}}@media (prefers-contrast:more){.dock_root__QWYCh{--dock-edge:var(--border-strong)}}@media (prefers-reduced-motion:reduce){.dock_item__wnIBH,.dock_trayItem__5qQY3{transition:none}.dock_item__wnIBH:active{transform:none}.dock_trayItem__5qQY3:active{scale:none}}.dock_demo__bQVYl{container-type:inline-size;display:grid;width:min(100%,720px);font-family:var(--font-body);letter-spacing:var(--tracking-body)}.dock_board___dDai{--board-ink:color-mix(in oklab,var(--foreground) 9%,transparent);--select:var(--accent);position:relative;height:440px;overflow:hidden;border-radius:var(--radius-surface);background-color:var(--surface);background-image:radial-gradient(circle at 1px 1px,var(--board-ink) 1px,transparent 0);background-size:22px 22px;background-position:11px 11px;box-shadow:inset 0 0 0 .5px color-mix(in oklab,var(--foreground) 16%,transparent);touch-action:none;user-select:none;-webkit-user-select:none;isolation:isolate}:root[data-theme=dark] .dock_board___dDai{--board-ink:color-mix(in oklab,white 8%,transparent)}.dock_board___dDai[data-tool=hand]{cursor:grab}.dock_board___dDai[data-tool=hand]:active{cursor:grabbing}.dock_board___dDai:is([data-tool=rectangle],[data-tool=ellipse],[data-tool=triangle],[data-tool=star],[data-tool=note],[data-tool=comment]){cursor:crosshair}.dock_board___dDai[data-tool=text]{cursor:text}.dock_content__uHff_{position:absolute;inset:0;will-change:transform}.dock_frame__9bURT{position:absolute;display:grid;width:26%;max-width:180px;gap:8px;margin:0}.dock_frame__9bURT[data-wide]{width:34%;max-width:230px}.dock_photo__KqqkZ{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:10px;background:var(--surface-muted);box-shadow:0 0 0 .5px color-mix(in oklab,var(--foreground) 14%,transparent),0 1px 2px oklch(0 0 0/.06),0 6px 16px -6px oklch(0 0 0/.14)}.dock_frame__9bURT[data-wide] .dock_photo__KqqkZ{aspect-ratio:3/2}.dock_photo__KqqkZ img{object-fit:cover;pointer-events:none}.dock_frame__9bURT figcaption{color:var(--text-secondary);font-size:var(--text-xs)}.dock_placed__wJAOG{position:absolute;display:grid;translate:-50% -50%;place-items:center}.dock_placed__wJAOG svg{display:block;width:100%;height:100%;overflow:visible;stroke-width:1.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}.dock_placed__wJAOG[data-kind=rectangle]{--hue:oklch(62% .15 250);width:96px;height:64px}.dock_placed__wJAOG[data-kind=ellipse]{--hue:oklch(66% .14 160);width:76px;height:76px}.dock_placed__wJAOG[data-kind=triangle]{--hue:oklch(70% .15 55);width:84px;height:74px}.dock_placed__wJAOG[data-kind=star]{--hue:oklch(76% .15 85);width:80px;height:77px}.dock_placed__wJAOG svg :is(rect,circle,path){fill:color-mix(in oklab,var(--hue) 22%,var(--surface));stroke:var(--hue)}.dock_placed__wJAOG[data-kind=text]{padding:2px 4px;color:var(--foreground);font-size:1.25rem;font-weight:500;letter-spacing:-.02em;line-height:1.2;white-space:nowrap}.dock_placed__wJAOG[data-kind=note]{width:140px;min-height:104px;align-content:start;justify-items:start;padding:14px;border-radius:6px;background:oklch(95% .07 95);box-shadow:0 0 0 .5px oklch(60% .08 90/.35),0 1px 2px oklch(40% .05 90/.12),0 8px 18px -8px oklch(40% .05 90/.3);color:oklch(32% .04 90);font-size:var(--text-sm);line-height:1.4}.dock_ghost__zAusK{position:absolute;z-index:2;top:0;left:0;pointer-events:none}.dock_ghost__zAusK .dock_placed__wJAOG{opacity:.45}.dock_selection__TFpN3{position:absolute;inset:-6px;border:1px solid var(--select);border-radius:2px;pointer-events:none}.dock_selection__TFpN3 i{position:absolute;width:7px;height:7px;border:1px solid var(--select);border-radius:1.5px;background:var(--surface)}.dock_selection__TFpN3 i[data-corner=tl]{top:-4px;left:-4px}.dock_selection__TFpN3 i[data-corner=tr]{top:-4px;right:-4px}.dock_selection__TFpN3 i[data-corner=bl]{bottom:-4px;left:-4px}.dock_selection__TFpN3 i[data-corner=br]{right:-4px;bottom:-4px}.dock_pin__ZA3fG{position:absolute;display:flex;width:max-content;align-items:center;gap:7px;padding:3px 11px 3px 3px;translate:-12px -12px;border:0;border-radius:var(--radius-pill);background:var(--surface-raised);box-shadow:0 0 0 .5px color-mix(in oklab,var(--foreground) 14%,transparent),0 4px 12px -4px oklch(0 0 0/.16);color:var(--foreground);font:inherit;font-size:var(--text-xs);cursor:pointer;transition:box-shadow var(--duration-fast) var(--ease-standard),scale var(--duration-spring) var(--ease-spring)}.dock_pin__ZA3fG img{border-radius:50%;object-fit:cover}.dock_pin__ZA3fG[data-flip]{flex-direction:row-reverse;padding:3px 3px 3px 11px;translate:calc(-100% + 12px) -12px}.dock_bubble__bKm4z{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock_pin__ZA3fG:active{scale:.96;transition-duration:var(--duration-fast),90ms}.dock_reset__y4BzS{position:absolute;z-index:3;top:12px;right:12px;display:grid;width:32px;height:32px;place-items:center;padding:0;border:0;border-radius:var(--radius-pill);background:var(--surface-raised);box-shadow:0 0 0 .5px color-mix(in oklab,var(--foreground) 14%,transparent),0 1px 2px oklch(0 0 0/.06);color:var(--text-secondary);cursor:pointer;outline:none;transition:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.dock_reset__y4BzS:focus-visible{color:var(--foreground);background:color-mix(in oklab,var(--foreground) 6%,var(--surface-raised))}.dock_dock__Nndrw{position:absolute;z-index:3;bottom:18px;left:50%;translate:-50% 0;max-width:calc(100% - 24px)}@media (hover:hover) and (pointer:fine){.dock_pin__ZA3fG:hover{box-shadow:0 0 0 .5px color-mix(in oklab,var(--foreground) 24%,transparent),0 6px 16px -4px oklch(0 0 0/.2)}.dock_reset__y4BzS:hover{color:var(--foreground)}}@container (max-width: 340px){.dock_dock__Nndrw{max-width:none;scale:.9;transform-origin:50% 100%}}@container (max-width: 290px){.dock_dock__Nndrw{scale:.8}}@media (prefers-reduced-motion:reduce){.dock_pin__ZA3fG,.dock_reset__y4BzS{transition:none}.dock_pin__ZA3fG:active{scale:none}}@container (max-width: 520px){.dock_board___dDai{height:380px}.dock_bubble__bKm4z{display:none}.dock_pin__ZA3fG,.dock_pin__ZA3fG[data-flip]{padding:3px;translate:-12px -12px}}.dock_srOnly___xoqW{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}