.ttl-grid.svelte-pj28di{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-3)}.ttl-card.svelte-pj28di{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-pj28di{opacity:.5}.ttl-key.svelte-pj28di{font-family:ui-monospace,monospace;font-size:var(--text-fluid-sm);font-weight:600}.ttl-seconds.svelte-pj28di{font-size:var(--text-fluid-xl);font-weight:700;font-family:ui-monospace,monospace}.ttl-full-key.svelte-pj28di{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-pj28di{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-pj28di{display:flex;flex-direction:column;gap:var(--spacing-3)}.slide-row.svelte-pj28di{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-pj28di{font-family:ui-monospace,monospace;font-size:var(--text-fluid-xs);flex:1;word-break:break-all}.slide-ttl.svelte-pj28di{font-family:ui-monospace,monospace;font-size:var(--text-fluid-sm);font-weight:600;min-width:60px;text-align:right}.slide-comparison.svelte-pj28di{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-pj28di,.slide-after.svelte-pj28di{display:flex;align-items:center;gap:var(--spacing-2)}.slide-arrow.svelte-pj28di{color:var(--color-muted);font-size:var(--text-fluid-lg)}.rate-demo.svelte-pj28di{display:flex;flex-direction:column;gap:var(--spacing-4)}.rate-result.svelte-pj28di{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-pj28di{display:flex;align-items:center;gap:var(--spacing-2)}.rate-gauge.svelte-pj28di{display:flex;flex-direction:column;gap:var(--spacing-1)}.rate-meta.svelte-pj28di{display:flex;gap:var(--spacing-4);font-size:var(--text-fluid-xs);color:var(--color-muted)}.table-wrap.svelte-pj28di{overflow-x:auto}.comp-label.svelte-pj28di{font-weight:500;color:var(--color-muted)}.action-row.svelte-pj28di{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}@media(max-width:640px){.ttl-grid.svelte-pj28di{grid-template-columns:1fr}}