.tl-hero{isolation:isolate;position:relative}.tl-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(40% 50% at 30% 40%, color-mix(in srgb, var(--vx-glow-1) 16%, transparent), transparent 70%), radial-gradient(40% 50% at 70% 30%, color-mix(in srgb, var(--vx-glow-3) 18%, transparent), transparent 70%), radial-gradient(30% 40% at 50% 60%, color-mix(in srgb, var(--vx-glow-2) 10%, transparent), transparent 70%);filter:blur(20px);height:420px;position:absolute;inset:-120px -10% auto}.tl-h1{padding-block:.1em;font-size:clamp(2.25rem,6vw,4.5rem)}.tl-h2{padding-block:.08em;font-size:clamp(1.5rem,3vw,2.25rem)}.tl-lede{color:var(--vx-muted);letter-spacing:var(--vx-text-tracking);font-size:var(--vx-lede);max-width:62ch;line-height:1.55}.tl-btn{border-radius:var(--vx-radius-xs);min-height:40px;font:var(--vx-weight-label) var(--vx-text-sm)/1 var(--vx-font-text);white-space:nowrap;cursor:pointer;transition:background-color var(--vx-hover) ease, border-color var(--vx-hover) ease, filter var(--vx-hover) ease;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.tl-btn:focus-visible,.tl-focus:focus-visible{outline:2px solid var(--vx-azure);outline-offset:2px}.tl-btn:disabled{opacity:.5;cursor:not-allowed;filter:none}.tl-btn-primary{background:var(--vx-cta-gradient);color:var(--vx-on-cta);box-shadow:0 8px 24px -12px var(--vx-cta)}.tl-btn-primary:hover:not(:disabled){filter:brightness(1.08)}.tl-btn[aria-pressed=true]:not(.tl-btn-primary){border-color:var(--vx-azure);background:var(--vx-azure-wash)}.tl-btn-secondary{background:var(--vx-ground-3);color:var(--vx-ink)}.tl-btn-secondary:hover:not(:disabled){background:var(--vx-panel-hi)}.tl-btn-outline{color:var(--vx-ink);border-color:var(--vx-line);background:0 0}.tl-btn-outline:hover:not(:disabled){background:var(--vx-panel-hi);border-color:var(--vx-azure)}.tl-btn-sm{min-height:36px;font-size:var(--vx-text-xs);padding:0 12px}@media (pointer:coarse){.tl-btn{min-height:44px}}.tl-card{background:var(--vx-panel-solid);border:1px solid var(--vx-line-soft);border-radius:var(--vx-radius)}.tl-card-head{border-bottom:1px solid var(--vx-line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:12px 16px;display:flex}.tl-label{font:var(--vx-weight-label) var(--vx-text-xs)/1.4 var(--vx-font-text);letter-spacing:0;color:var(--vx-muted)}.tl-cap:first-letter{text-transform:capitalize}.tl-pill{border-radius:var(--vx-radius-pill);border:1px solid var(--vx-line-soft);font:var(--vx-weight-label) var(--vx-text-2xs)/1.6 var(--vx-font-text);color:var(--vx-muted);background:var(--vx-panel);align-items:center;gap:6px;padding:2px 10px;display:inline-flex}.tl-local{color:var(--vx-status-ok);border-color:color-mix(in srgb, var(--vx-status-ok) 35%, transparent);background:color-mix(in srgb, var(--vx-status-ok) 10%, transparent)}.tl-textarea{resize:vertical;background:var(--vx-ground-2);width:100%;min-height:320px;color:var(--vx-ink);border-radius:0 0 var(--vx-radius) var(--vx-radius);font:400 var(--vx-text-sm)/1.6 var(--vx-font-mono);tab-size:2;border:0;padding:14px 16px;display:block}.tl-textarea:focus-visible{outline:2px solid var(--vx-azure);outline-offset:-2px}.tl-textarea::placeholder{color:var(--vx-faint)}.tl-drop{outline:2px dashed var(--vx-azure);outline-offset:-6px}.tl-output{background:var(--vx-ground-2);border-radius:0 0 var(--vx-radius) var(--vx-radius);min-height:320px;max-height:70vh;font:400 var(--vx-text-sm)/1.6 var(--vx-font-mono);color:var(--vx-ink);white-space:pre-wrap;overflow-wrap:anywhere;padding:14px 16px;overflow:auto}.tl-sev{border-radius:var(--vx-radius-pill);font:var(--vx-weight-label) var(--vx-text-2xs)/1.6 var(--vx-font-text);letter-spacing:0;color:var(--sev);border:1px solid color-mix(in srgb, var(--sev) 45%, transparent);background:color-mix(in srgb, var(--sev) 12%, transparent);align-items:center;gap:6px;padding:1px 10px;display:inline-flex}.tl-sev:first-letter{text-transform:capitalize}.tl-sev-critical{--sev:var(--vx-sev-critical)}.tl-sev-high{--sev:var(--vx-sev-high)}.tl-sev-medium{--sev:var(--vx-sev-medium)}.tl-sev-low{--sev:var(--vx-sev-low)}.tl-sev-info{--sev:var(--vx-sev-info)}.tl-sev-ink-critical{color:var(--vx-sev-critical)}.tl-sev-ink-high{color:var(--vx-sev-high)}.tl-sev-ink-medium{color:var(--vx-sev-medium)}.tl-sev-ink-low{color:var(--vx-sev-low)}.tl-ok{color:var(--vx-status-ok)}.tl-bad{color:var(--vx-status-down)}.tl-warn{color:var(--vx-status-degraded)}.tl-finding{border-top:1px solid var(--vx-line-soft);gap:6px;padding:14px 16px;display:grid}.tl-finding:first-child{border-top:0}.tl-code{font:400 var(--vx-text-xs)/1.5 var(--vx-font-mono);color:var(--vx-ink);background:var(--vx-ground-3);overflow-wrap:anywhere;border-radius:6px;padding:1px 6px}.tl-meter{border-radius:var(--vx-radius-pill);background:var(--vx-ground-3);height:6px;overflow:hidden}.tl-meter>span{border-radius:inherit;background:var(--vx-brand-gradient);height:100%;display:block}.tl-diff{background:var(--vx-ground-2);border:1px solid var(--vx-line-soft);border-radius:var(--vx-radius-xs);font:400 var(--vx-text-xs)/1.6 var(--vx-font-mono);white-space:pre-wrap;overflow-wrap:anywhere;padding:10px 12px}.tl-diff-del{color:var(--vx-diff-remove);background:var(--vx-diff-remove-bg);border-radius:4px;margin-inline:-6px;padding-inline:6px;display:block}.tl-diff-add{color:var(--vx-diff-add);background:var(--vx-diff-add-bg);border-radius:4px;margin-inline:-6px;padding-inline:6px;display:block}.tl-check{width:18px;height:18px;accent-color:var(--vx-azure);flex:none;margin-top:2px}.tl-token{border-radius:var(--vx-radius-xs);cursor:help;background:var(--vx-mask-bg);color:var(--vx-mask-ink);box-shadow:inset 0 0 0 1px var(--vx-mask-line);font-weight:var(--vx-weight-label);padding:0 4px}.tl-token-term{background:color-mix(in srgb, var(--vx-glow-2) 14%, transparent);color:var(--vx-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--vx-glow-2) 40%, transparent)}.tl-token:focus-visible,.tl-token[data-active=true]{outline:2px solid var(--vx-azure);outline-offset:1px}.tl-seg{border:1px solid var(--vx-line-soft);border-radius:var(--vx-radius-xs);display:inline-flex;overflow:hidden}.tl-seg button{min-height:36px;font:var(--vx-weight-label) var(--vx-text-xs)/1 var(--vx-font-text);color:var(--vx-muted);background:0 0;padding:0 12px}.tl-seg button[aria-pressed=true]{background:var(--vx-azure-wash);color:var(--vx-ink);box-shadow:inset 0 -2px 0 var(--vx-azure)}.tl-seg button+button{border-left:1px solid var(--vx-line-soft)}.tl-seg button:focus-visible{outline:2px solid var(--vx-azure);outline-offset:-2px}@media (pointer:coarse){.tl-seg button{min-height:44px}}.tl-range{width:100%;accent-color:var(--vx-azure);min-height:32px}.tl-stat{border:1px solid var(--vx-line-soft);border-radius:var(--vx-radius);background:var(--vx-panel);font:var(--vx-weight-body) var(--vx-text-xs)/1.5 var(--vx-font-text);color:var(--vx-muted);flex-wrap:wrap;align-items:center;gap:6px 16px;padding:10px 16px;display:flex}.tl-stat b{color:var(--vx-ink);font-weight:600;font-family:var(--vx-font-mono);font-variant-numeric:tabular-nums}.tl-chip{border-radius:var(--vx-radius-pill);border:1px solid var(--vx-line-soft);font:var(--vx-weight-label) var(--vx-text-xs)/1.4 var(--vx-font-text);color:var(--vx-ink);align-items:center;gap:6px;padding:2px 4px 2px 10px;display:inline-flex}.tl-chip button{width:24px;height:24px;color:var(--vx-muted);border-radius:50%;place-items:center;display:grid}.tl-chip button:hover{background:var(--vx-panel-hi);color:var(--vx-ink)}.tl-chip button:focus-visible{outline:2px solid var(--vx-azure)}.tl-card-img{border-radius:var(--vx-radius-sm);border:1px solid var(--vx-line-soft);width:100%;height:auto}.tl-sr-live{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tl-textarea.uc-demo-field,.tl-output.uc-demo-field{min-height:220px}.uc-card{color:inherit;transition:border-color var(--vx-hover) ease, background-color var(--vx-hover) ease;flex-direction:column;gap:8px;padding:20px;text-decoration:none;display:flex}.uc-card:hover{border-color:var(--vx-azure);background:var(--vx-panel-hi)}.uc-card:focus-visible{outline:2px solid var(--vx-azure);outline-offset:2px}.uc-step{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;display:grid}.uc-step-n{border-radius:var(--vx-radius-pill);background:var(--vx-cta-gradient);width:28px;height:28px;color:var(--vx-on-cta);font:var(--vx-weight-label) var(--vx-text-xs)/1 var(--vx-font-text);justify-content:center;align-items:center;display:inline-flex}.tl-input{background:var(--vx-ground-2);width:100%;min-height:40px;color:var(--vx-ink);border:1px solid var(--vx-line-strong);border-radius:var(--vx-radius-xs);font:400 var(--vx-text-sm)/1.4 var(--vx-font-mono);padding:0 12px;display:block}.tl-input::placeholder{color:var(--vx-faint)}.tl-input:focus-visible{outline:2px solid var(--vx-azure);outline-offset:1px}@media (pointer:coarse){.tl-input{min-height:44px}}.tl-note{border-radius:var(--vx-radius-xs);border:1px solid var(--vx-line-soft);color:var(--vx-ink);overflow-wrap:anywhere;padding:10px 12px}.tl-note-warn{border-color:color-mix(in srgb, var(--vx-status-degraded) 50%, transparent);background:color-mix(in srgb, var(--vx-status-degraded) 10%, transparent)}