.ttl-grid.svelte-10oa663{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-3)}.ttl-card.svelte-10oa663{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);background:var(--color-subtle);border-radius:var(--radius-md);border:1px solid var(--color-border)}.ttl-card.expired.svelte-10oa663{opacity:.5}.ttl-key.svelte-10oa663{font-family:ui-monospace,monospace;font-size:var(--text-fluid-sm);font-weight:600}.ttl-seconds.svelte-10oa663{font-size:var(--text-fluid-xl);font-weight:700;font-family:ui-monospace,monospace}.ttl-full-key.svelte-10oa663{font-family:ui-monospace,monospace;font-size:var(--text-fluid-xs);color:var(--color-muted);word-break:break-all;text-align:center}.create-ttl.svelte-10oa663{margin-top:var(--spacing-5);padding-top:var(--spacing-5);border-top:1px solid var(--color-border)}.ttl-input{max-width:100px}.slide-demo.svelte-10oa663{display:flex;flex-direction:column;gap:var(--spacing-3)}.slide-row.svelte-10oa663{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);background:var(--color-subtle)}.slide-key.svelte-10oa663{font-family:ui-monospace,monospace;font-size:var(--text-fluid-xs);flex:1;word-break:break-all}.slide-ttl.svelte-10oa663{font-family:ui-monospace,monospace;font-size:var(--text-fluid-sm);font-weight:600;min-width:60px;text-align:right}.slide-comparison.svelte-10oa663{display:flex;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-4);padding:var(--spacing-4);background:var(--color-subtle);border-radius:var(--radius-md);border:1px solid var(--color-border)}.slide-before.svelte-10oa663,.slide-after.svelte-10oa663{display:flex;align-items:center;gap:var(--spacing-2)}.slide-arrow.svelte-10oa663{color:var(--color-muted);font-size:var(--text-fluid-lg)}.rate-demo.svelte-10oa663{display:flex;flex-direction:column;gap:var(--spacing-4)}.rate-result.svelte-10oa663{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-subtle);border-radius:var(--radius-md);border:1px solid var(--color-border)}.rate-status.svelte-10oa663{display:flex;align-items:center;gap:var(--spacing-2)}.rate-gauge.svelte-10oa663{display:flex;flex-direction:column;gap:var(--spacing-1)}.rate-meta.svelte-10oa663{display:flex;gap:var(--spacing-4);font-size:var(--text-fluid-xs);color:var(--color-muted)}.table-wrap.svelte-10oa663{overflow-x:auto}.comp-label.svelte-10oa663{font-weight:500;color:var(--color-muted)}.action-row.svelte-10oa663{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}@media(max-width:640px){.ttl-grid.svelte-10oa663{grid-template-columns:1fr}}