.tti.svelte-1o3a7qv{--tti-bg: #ffffff;--tti-panel: #f8fafc;--tti-panel-strong: #f1f5f9;--tti-fg: #111827;--tti-muted: #64748b;--tti-border: #dbe3ef;--tti-accent: #315f9f;--tti-code: #0f172a;display:grid;gap:18px;color:var(--tti-fg)}.tti-dark.svelte-1o3a7qv{--tti-bg: #111827;--tti-panel: #172033;--tti-panel-strong: #1f2937;--tti-fg: #f9fafb;--tti-muted: #a7b3c6;--tti-border: #334155;--tti-accent: #8bb8ff;--tti-code: #eef2ff}.tti-head.svelte-1o3a7qv{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}.tti-kicker.svelte-1o3a7qv{margin:0 0 6px;color:var(--tti-accent);font:700 11px/1 var(--font-mono, ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase}.tti.svelte-1o3a7qv h2:where(.svelte-1o3a7qv),.tti.svelte-1o3a7qv h3:where(.svelte-1o3a7qv),.tti.svelte-1o3a7qv p:where(.svelte-1o3a7qv){margin:0}.tti.svelte-1o3a7qv h2:where(.svelte-1o3a7qv){font-size:clamp(1.6rem,4vw,2.5rem);line-height:1.02;letter-spacing:0}.tti.svelte-1o3a7qv h3:where(.svelte-1o3a7qv){font-size:1rem;line-height:1.2}.tti-head.svelte-1o3a7qv p:where(.svelte-1o3a7qv):last-child,.tti-preview-card.svelte-1o3a7qv p:where(.svelte-1o3a7qv){margin-top:8px;color:var(--tti-muted);line-height:1.55}.tti-toggle.svelte-1o3a7qv,.tti-rule-strip.svelte-1o3a7qv{display:flex;flex-wrap:wrap;gap:8px}.tti-toggle.svelte-1o3a7qv{justify-content:flex-end;padding:4px;border:1px solid var(--tti-border);border-radius:8px;background:var(--tti-panel)}.tti-toggle.svelte-1o3a7qv button:where(.svelte-1o3a7qv),.tti-rule.svelte-1o3a7qv,.tti-copy.svelte-1o3a7qv,.tti-copy-mini.svelte-1o3a7qv{border:1px solid var(--tti-border);border-radius:8px;background:var(--tti-bg);color:var(--tti-fg);cursor:pointer;font:700 12px/1 var(--font-sans, system-ui, sans-serif)}.tti-toggle.svelte-1o3a7qv button:where(.svelte-1o3a7qv){min-width:70px;padding:9px 12px}.tti-toggle.svelte-1o3a7qv button.active:where(.svelte-1o3a7qv),.tti-rule.active.svelte-1o3a7qv{border-color:var(--tti-accent);background:color-mix(in srgb,var(--tti-accent) 14%,var(--tti-bg));color:var(--tti-fg)}.tti-rule-strip.svelte-1o3a7qv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.tti-rule.svelte-1o3a7qv{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:46px;padding:12px;text-align:left}.tti-rule.svelte-1o3a7qv b:where(.svelte-1o3a7qv){color:var(--tti-accent);font-family:var(--font-mono, ui-monospace, monospace)}.tti-preview.svelte-1o3a7qv,.tti-snippet.svelte-1o3a7qv,.tti-table-wrap.svelte-1o3a7qv{border:1px solid var(--tti-border);border-radius:8px;background:var(--tti-bg);box-shadow:0 18px 44px #0f172a14;overflow:hidden}.tti-preview.svelte-1o3a7qv{display:grid;grid-template-columns:minmax(220px,.4fr) minmax(0,1fr);gap:16px;padding:16px}.tti-preview-card.svelte-1o3a7qv{padding:16px;border:1px solid var(--tti-border);border-radius:8px;background:var(--tti-panel)}.tti-preview-label.svelte-1o3a7qv,.tti-kind.svelte-1o3a7qv,.tti-contrast.svelte-1o3a7qv{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;border-radius:999px;font:700 11px/1 var(--font-mono, ui-monospace, monospace);text-transform:uppercase;letter-spacing:.08em}.tti-preview-label.svelte-1o3a7qv{margin-bottom:10px;color:var(--tti-accent)}.tti-preview-card.svelte-1o3a7qv strong:where(.svelte-1o3a7qv){display:block;font-size:1.25rem;line-height:1.2}.tti-swatch-cloud.svelte-1o3a7qv{display:flex;flex-wrap:wrap;align-content:start;gap:10px;padding:16px;border-radius:8px;background:var(--tti-panel)}.tti-cloud-chip.svelte-1o3a7qv{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:7px 10px;border:1px solid var(--tti-border);border-radius:8px;background:var(--tti-bg);color:var(--tti-fg);font:700 12px/1 var(--font-mono, ui-monospace, monospace)}.tti-cloud-dot.svelte-1o3a7qv,.tti-swatch.svelte-1o3a7qv{background:var(--swatch-color)}.tti-cloud-dot.svelte-1o3a7qv{width:16px;height:16px;border:1px solid rgba(15,23,42,.2);border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff59}.tti-table-wrap.svelte-1o3a7qv{overflow-x:auto}.tti-table.svelte-1o3a7qv{width:100%;min-width:820px;border-collapse:collapse}.tti-table.svelte-1o3a7qv th:where(.svelte-1o3a7qv),.tti-table.svelte-1o3a7qv td:where(.svelte-1o3a7qv){padding:12px;border-bottom:1px solid var(--tti-border);text-align:left;vertical-align:top;font-size:13px}.tti-table.svelte-1o3a7qv thead:where(.svelte-1o3a7qv) th:where(.svelte-1o3a7qv){background:var(--tti-panel);color:var(--tti-muted);font:700 11px/1 var(--font-mono, ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase}.tti-table.svelte-1o3a7qv tbody:where(.svelte-1o3a7qv) tr:where(.svelte-1o3a7qv):last-child th:where(.svelte-1o3a7qv),.tti-table.svelte-1o3a7qv tbody:where(.svelte-1o3a7qv) tr:where(.svelte-1o3a7qv):last-child td:where(.svelte-1o3a7qv){border-bottom:0}.tti-table.svelte-1o3a7qv code:where(.svelte-1o3a7qv),.tti-snippet.svelte-1o3a7qv code:where(.svelte-1o3a7qv){color:var(--tti-code);font-family:var(--font-mono, ui-monospace, monospace)}.tti-table.svelte-1o3a7qv small:where(.svelte-1o3a7qv){display:block;margin-top:5px;color:var(--tti-muted);line-height:1.35}.tti-kind.svelte-1o3a7qv,.tti-contrast.svelte-1o3a7qv{padding:6px 8px;border:1px solid var(--tti-border);background:var(--tti-panel)}.tti-kind-chrome.svelte-1o3a7qv{color:#315f9f}.tti-kind-brand.svelte-1o3a7qv{color:#9a3412}.tti-kind-semantic.svelte-1o3a7qv{color:#047857}.tti-swatch-line.svelte-1o3a7qv{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.tti-swatch.svelte-1o3a7qv{width:22px;height:22px;flex:0 0 auto;border:1px solid rgba(15,23,42,.22);border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff6b}.tti-swatch.active.svelte-1o3a7qv{outline:2px solid var(--tti-accent);outline-offset:2px}.tti-swatch.stable.svelte-1o3a7qv{background-image:linear-gradient(135deg,transparent 0 44%,rgba(15,23,42,.28) 45% 55%,transparent 56%)}.tti-contrast-high.svelte-1o3a7qv{color:#047857}.tti-contrast-ok.svelte-1o3a7qv{color:#9a3412}.tti-contrast-low.svelte-1o3a7qv{color:#b91c1c}.tti-copy-mini.svelte-1o3a7qv{padding:8px 10px}.tti-snippet.svelte-1o3a7qv{display:grid}.tti-snippet.svelte-1o3a7qv header:where(.svelte-1o3a7qv){display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--tti-border);background:var(--tti-panel)}.tti-copy.svelte-1o3a7qv{padding:10px 12px}.tti-copy.svelte-1o3a7qv:hover,.tti-copy-mini.svelte-1o3a7qv:hover,.tti-rule.svelte-1o3a7qv:hover,.tti-toggle.svelte-1o3a7qv button:where(.svelte-1o3a7qv):hover{border-color:var(--tti-accent)}.tti-snippet.svelte-1o3a7qv pre:where(.svelte-1o3a7qv){margin:0;padding:16px;overflow-x:auto;background:var(--tti-panel-strong);font-size:13px;line-height:1.55}@media(max-width:760px){.tti-head.svelte-1o3a7qv,.tti-preview.svelte-1o3a7qv{grid-template-columns:1fr}.tti-toggle.svelte-1o3a7qv{justify-content:stretch}.tti-toggle.svelte-1o3a7qv button:where(.svelte-1o3a7qv){flex:1}.tti-rule-strip.svelte-1o3a7qv{grid-template-columns:1fr}}