.mode-tab.svelte-8k30lk{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:none;background:transparent;color:rgb(var(--color-mute));font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease-out}.mode-tab.active.svelte-8k30lk{background:rgb(var(--color-accent));color:rgb(var(--color-accent-ink));box-shadow:0 1px 3px #0000002e}.mode-tab.svelte-8k30lk:hover:not(.active){color:rgb(var(--color-ink))}.input-shell.svelte-8k30lk{position:relative;display:flex;align-items:center;border:1px solid rgb(var(--color-line2));background:rgb(var(--color-card2));border-radius:12px;transition:border-color .15s ease-out}.input-shell.svelte-8k30lk:focus-within{border-color:rgb(var(--color-accent))}.input-icon.svelte-8k30lk{position:absolute;left:14px;color:rgb(var(--color-mute));pointer-events:none}.input-field.svelte-8k30lk{width:100%;background:transparent;border:0;outline:none;padding:12px 14px 12px 38px;font-size:14px;color:rgb(var(--color-ink))}.input-field.svelte-8k30lk::-moz-placeholder{color:rgb(var(--color-dim))}.input-field.svelte-8k30lk::placeholder{color:rgb(var(--color-dim))}.input-dots.svelte-8k30lk{position:absolute;right:10px;display:inline-flex;align-items:center;justify-content:center;gap:2px;width:26px;height:22px;border-radius:6px;background:rgb(var(--color-bad))}.input-dots.svelte-8k30lk span:where(.svelte-8k30lk){width:3px;height:3px;border-radius:50%;background:#fff}.demo-card.svelte-8k30lk{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;border:1px solid rgb(var(--color-line2));border-radius:12px;background:rgb(var(--color-card2));text-align:left;cursor:pointer;transition:border-color .15s ease-out,transform .15s ease-out,background .15s ease-out}.demo-card.svelte-8k30lk:hover:not(:disabled){border-color:rgb(var(--color-accent));background:rgb(var(--color-a06))}.demo-card.svelte-8k30lk:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.demo-card.svelte-8k30lk:disabled{cursor:progress}.demo-card.is-loading.svelte-8k30lk{border-color:rgb(var(--color-accent));background:rgb(var(--color-a12))}.demo-role.svelte-8k30lk{font-size:10px;font-weight:700;letter-spacing:.06em;color:rgb(var(--color-dim))}.demo-email.svelte-8k30lk{font-size:12.5px;font-weight:700;color:rgb(var(--color-ink));line-height:1.3;word-break:break-all}.mono.svelte-8k30lk{font-family:JetBrains Mono,monospace}.demo-name.svelte-8k30lk{font-size:11px;color:rgb(var(--color-mute))}.demo-badge.svelte-8k30lk{position:absolute;top:10px;right:10px;padding:2px 7px;border-radius:5px;background:rgb(var(--color-a12));color:rgb(var(--color-accent));font-size:8.5px;font-weight:800;letter-spacing:.1em}