.tooltip-wrap.svelte-11extwn{--tooltip-fg: #f9fafb;--tooltip-bg: #111827;--tooltip-shadow: 0 4px 12px rgba(0, 0, 0, .18);position:relative;display:inline-block}.tooltip-trigger.svelte-11extwn{display:inline-block}.tooltip-body.svelte-11extwn{position:absolute;z-index:1000;max-width:240px;padding:.5rem .75rem;font-size:.8125rem;line-height:1.4;color:var(--tooltip-fg);background-color:var(--tooltip-bg);border-radius:6px;box-shadow:var(--tooltip-shadow);white-space:normal;pointer-events:none;animation:svelte-11extwn-tooltip-fade .12s ease-out}.tooltip-top.svelte-11extwn{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-bottom.svelte-11extwn{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-left.svelte-11extwn{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-right.svelte-11extwn{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-arrow.svelte-11extwn{position:absolute;width:8px;height:8px;background-color:var(--tooltip-bg);transform:rotate(45deg)}.tooltip-arrow-top.svelte-11extwn{bottom:-3px;left:50%;margin-left:-4px}.tooltip-arrow-bottom.svelte-11extwn{top:-3px;left:50%;margin-left:-4px}.tooltip-arrow-left.svelte-11extwn{right:-3px;top:50%;margin-top:-4px}.tooltip-arrow-right.svelte-11extwn{left:-3px;top:50%;margin-top:-4px}@keyframes svelte-11extwn-tooltip-fade{0%{opacity:0;transform:translate(-50%) translateY(2px)}to{opacity:1}}.tooltip-left.svelte-11extwn,.tooltip-right.svelte-11extwn{animation-name:svelte-11extwn-tooltip-fade-side}@keyframes svelte-11extwn-tooltip-fade-side{0%{opacity:0;transform:translateY(-50%) translate(2px)}to{opacity:1}}@media(prefers-reduced-motion:reduce){.tooltip-body.svelte-11extwn{animation:none}}@media(prefers-color-scheme:dark){.tooltip-wrap.svelte-11extwn{--tooltip-fg: #111827;--tooltip-bg: #f9fafb;--tooltip-shadow: 0 4px 14px rgba(0, 0, 0, .55)}}.tip-demo.svelte-52ybyk{display:grid;gap:2.25rem}.tip-demo.svelte-52ybyk h3:where(.svelte-52ybyk){font-size:.95rem;margin:0 0 .5rem;color:var(--fg-1)}.note.svelte-52ybyk{margin:0 0 .85rem;color:var(--fg-2);font-size:.88rem}.note.svelte-52ybyk kbd:where(.svelte-52ybyk){display:inline-block;padding:0 4px;font-family:ui-monospace,monospace;font-size:.75rem;background:var(--surface-2, var(--surface));border:1px solid var(--border);border-radius:3px}.placement-grid.svelte-52ybyk{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:2rem;padding:2rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:.75rem;justify-items:center}.row.svelte-52ybyk{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.demo-btn.svelte-52ybyk{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--fg-1);background:var(--surface);border:1px solid var(--border);border-radius:6px;cursor:pointer}.demo-btn.svelte-52ybyk:hover,.demo-btn.svelte-52ybyk:focus-visible{filter:brightness(.97);outline:none}.demo-btn.svelte-52ybyk:focus-visible{box-shadow:0 0 0 2px var(--brand, #3b82f6)}.icon-btn.svelte-52ybyk{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:var(--brand, #f9a8d4);background:var(--surface);border:1px solid var(--border);border-radius:6px;cursor:pointer}.icon-btn.svelte-52ybyk:hover,.icon-btn.svelte-52ybyk:focus-visible{filter:brightness(.97);outline:none}