.demo.svelte-1dukmk6{margin:0;min-width:0;padding:var(--demo-pad, var(--space-6));border-radius:var(--demo-radius, 12px);background:var(--demo-bg, #e8ebdf)}.demo-window.svelte-1dukmk6{--demo-frame-border: #d0d5c5;--demo-frame-radius: 8px;--demo-muted: #5e6157;--demo-hairline: #ebece5;position:relative;overflow:hidden;border:1px solid var(--demo-frame-border);height:var(--demo-window-height, auto);border-radius:var(--demo-frame-radius);background:#fff;box-shadow:var(--demo-frame-shadow, 0 18px 40px -24px #3e4937aa);color:var(--ink);text-align:left}.demo-body.svelte-1dukmk6{container-type:inline-size;position:relative;height:100%;transition:opacity .3s var(--ease-out);animation:demo-rise var(--dur-slow) var(--ease-bold-out) 60ms backwards}.demo-body.is-fading.svelte-1dukmk6{opacity:0}.demo-cursor.svelte-1dukmk6{position:absolute;left:0;top:0;z-index:30;pointer-events:none;opacity:0;transition:transform var(--travel) cubic-bezier(.45,0,.2,1),opacity var(--dur-fast) var(--ease-out)}.demo-cursor-y.svelte-1dukmk6{display:block;transition:transform var(--travel) cubic-bezier(.3,.05,.1,1)}.demo-cursor.is-visible.svelte-1dukmk6{opacity:1}.demo-cursor.svelte-1dukmk6 svg:where(.svelte-1dukmk6){position:relative;z-index:1;display:block;filter:drop-shadow(0 2px 3px #0e0e1033);transition:transform var(--dur-press) var(--ease-out)}.demo-cursor.is-pressed.svelte-1dukmk6 svg:where(.svelte-1dukmk6){transform:scale(.88)}.demo-ripple.svelte-1dukmk6{position:absolute;left:-14px;top:-14px;width:32px;height:32px;border-radius:50%;background:#0e0e10;opacity:0;transform:scale(.2)}.demo-cursor.is-pressed.svelte-1dukmk6 .demo-ripple:where(.svelte-1dukmk6){animation:svelte-1dukmk6-demo-ripple .42s var(--ease-out)}@keyframes svelte-1dukmk6-demo-ripple{0%{opacity:.22;transform:scale(.2)}to{opacity:0;transform:scale(1.4)}}.demo-window.svelte-1dukmk6 .demo-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--demo-hairline)}.demo-window.svelte-1dukmk6 .demo-kicker,.demo-window.svelte-1dukmk6 .demo-label{color:var(--demo-muted);font-size:11px}.demo-window.svelte-1dukmk6 .demo-title{margin:2px 0 0;font-size:19px;font-weight:500;line-height:1.25;letter-spacing:-.03em}.demo-window.svelte-1dukmk6 .demo-swap{display:inline-grid;justify-items:start}.demo-window.svelte-1dukmk6 .demo-swap>*{grid-area:1 / 1}.demo-window.svelte-1dukmk6 .demo-input{display:flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;min-height:34px;padding:7px 10px;border:1px solid #c9cdc0;border-radius:6px;background:#fff;color:#8a8d82;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.demo-window.svelte-1dukmk6 .demo-input.is-filled{color:var(--ink)}.demo-window.svelte-1dukmk6 .demo-input.is-focused{border-color:var(--ink);box-shadow:0 0 0 3px #0e0e1014}.demo-window.svelte-1dukmk6 .demo-caret{display:inline-block;width:1px;height:1.15em;margin-left:1px;vertical-align:text-bottom;background:var(--ink);animation:demo-caret 1s steps(1) infinite}.demo-window.svelte-1dukmk6 .demo-menu{position:absolute;top:calc(100% + 4px);right:0;left:0;z-index:5;padding:4px;border:1px solid #d6dacb;border-radius:8px;background:#fff;box-shadow:0 14px 30px -16px #2a301f66;transform-origin:top center;animation:demo-menu-in var(--dur-fast) var(--ease-out)}.demo-window.svelte-1dukmk6 .demo-option{display:grid;gap:1px;padding:7px 9px;border-radius:6px;transition:background-color var(--dur-instant) var(--ease-out);animation:demo-option-in var(--dur-base) var(--ease-out) backwards;animation-delay:calc(40ms + var(--i, 0) * 40ms)}.demo-window.svelte-1dukmk6 .demo-option small{color:var(--demo-muted);font-size:11px}.demo-window.svelte-1dukmk6 .demo-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border-radius:6px;background:var(--volt);color:var(--ink);font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-press) var(--ease-out)}.demo-window.svelte-1dukmk6 .demo-btn.is-ink{background:var(--ink);color:#fff}.demo-window.svelte-1dukmk6 .demo-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:#f1f5f9;color:#3c3c44;font-size:11px;font-weight:500;white-space:nowrap}.demo-window.svelte-1dukmk6 .demo-chip[data-tone=sent]{background:#eff6ff;color:#1e40af}.demo-window.svelte-1dukmk6 .demo-chip[data-tone=done]{background:#f0fdf4;color:#166534}.demo-window.svelte-1dukmk6 .demo-chip[data-tone=alert]{background:#fef2f2;color:#b91c1c}.demo-window.svelte-1dukmk6 .demo-toast{position:absolute;right:16px;bottom:16px;z-index:6;display:inline-flex;align-items:center;gap:8px;margin:0;padding:9px 14px;border-radius:8px;background:var(--ink);color:#fff;font-size:12px;box-shadow:0 10px 24px -12px #0e0e1088;animation:demo-toast-in var(--dur-slow) var(--ease-bold-out) backwards}.demo-window.svelte-1dukmk6 .demo-spinner{flex:none;width:12px;height:12px;border:2px solid color-mix(in srgb,currentColor 28%,transparent);border-top-color:currentColor;border-radius:50%;animation:demo-spin .7s linear infinite}@media(prefers-reduced-motion:no-preference){.demo-window.svelte-1dukmk6 .demo-btn[data-hover]{background:color-mix(in srgb,var(--volt) 82%,var(--ink))}.demo-window.svelte-1dukmk6 .demo-btn.is-ink[data-hover]{background:#2c2c31}.demo-window.svelte-1dukmk6 .demo-option[data-hover]{background:#eef1e6}.demo-window.svelte-1dukmk6 :is(.demo-btn,.demo-pressable)[data-pressed]{transform:scale(.97)}}@keyframes demo-rise{0%{opacity:0;transform:translateY(6px)}}@keyframes demo-caret{50%{opacity:0}}@keyframes demo-menu-in{0%{opacity:0;transform:translateY(-4px) scaleY(.96)}}@keyframes demo-option-in{0%{opacity:0;transform:translateY(-3px)}}@keyframes demo-toast-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes demo-spin{to{transform:rotate(360deg)}}@container (max-width: 360px){.demo-window.svelte-1dukmk6 .demo-title{font-size:17px}}@media(max-width:760px){.demo.svelte-1dukmk6{padding:var(--demo-pad, var(--space-3))}}@media(prefers-reduced-motion:reduce){.demo-cursor.svelte-1dukmk6,.demo-window.svelte-1dukmk6 .demo-caret{display:none}}