.demo.svelte-1shs95z{background:var(--k-surface-1);border:1px solid var(--k-line-1);box-sizing:border-box;border-radius:12px;gap:16px;width:400px;min-height:240px;padding:24px;display:grid}.row.svelte-1shs95z{align-items:center;gap:12px;display:flex}.label.svelte-1shs95z{color:var(--k-ink-2);width:80px;font-size:13px}.demo.svelte-1shs95z .field{border:1px solid var(--k-line-2);background:var(--k-surface-2);border-radius:6px;align-items:stretch;gap:0;display:inline-flex;overflow:hidden}.demo.svelte-1shs95z .field .input{background:var(--k-code-bg);width:96px;color:var(--k-ink-1);text-align:center;font-variant-numeric:tabular-nums;border:none;padding:6px 8px;font-size:14px}.demo.svelte-1shs95z .field .input.wide{width:130px}.demo.svelte-1shs95z .field .input:focus{outline:2px solid var(--k-matcha);outline-offset:-2px}.demo.svelte-1shs95z .field .step{background:var(--k-surface-2);width:32px;color:var(--k-ink-1);cursor:pointer;border:none;font-size:18px;line-height:1}.demo.svelte-1shs95z .field .step:hover:not(:disabled){background:var(--k-line-1)}.demo.svelte-1shs95z .field .step:disabled{opacity:.4;cursor:not-allowed}.state.svelte-1shs95z{color:var(--k-ink-3);margin:0;font-size:13px}.state.svelte-1shs95z code:where(.svelte-1shs95z){color:var(--k-matcha-ink)}