.tsb-qa{--qa-pass-bg:#1a3020;--qa-pass-fg:#34d399;--qa-pass-dot:#2d9a52;--qa-fail-bg:#2a1010;--qa-fail-fg:#f87171;--qa-fail-dot:#d83a3a;--qa-warn-bg:#2a1f10;--qa-warn-fg:#fbbf24;--qa-warn-dot:#d97c0a;--qa-review-bg:#0d2a38;--qa-review-fg:#38bdf8;--qa-review-dot:#1d7fa8;--qa-p0-bg:#3a1010;--qa-p0-fg:#d83a3a;--qa-p1-bg:#2a1f10;--qa-p1-fg:#d97c0a;--qa-p2-bg:#1a2030;--qa-p2-fg:#7b90a8}.tsb-qa-sec{max-width:1160px;margin:0 auto;padding:clamp(32px,4vw,56px) 32px}.tsb-qa-sec--wide{padding-top:clamp(32px,4vw,60px);padding-bottom:clamp(32px,4vw,60px)}.tsb-qa-sec--tight{padding:clamp(24px,3vw,40px) 32px}.tsb-qa-split{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:48px;display:grid}.tsb-qa-split>*{min-width:0}.tsb-qa-split--flip{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.tsb-qa-split--flip>:first-child{grid-column:2}.tsb-qa-split--flip>:last-child{grid-area:1/1}.tsb-qa-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:52px;max-width:1160px;margin:0 auto;padding:clamp(40px,5vw,72px) 32px clamp(32px,3.5vw,52px);display:grid}.tsb-qa-hero>*{min-width:0}.tsb-qa-proof{flex-wrap:wrap;gap:8px 20px;margin:26px 0 0;padding:0;list-style:none;display:flex}.tsb-qa-proof li{color:var(--color-text-tertiary);align-items:center;gap:7px;font-size:13px;display:flex}.tsb-qa-proof i{color:var(--accent-fg);font-size:15px}.tsb-qa-problem{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:52px;display:grid}.tsb-qa-problem>*{min-width:0}.tsb-qa-problem .tsb-mk-body{max-width:52ch;margin-bottom:0}.tsb-qa-pains{border:1px solid var(--color-divider);border-radius:var(--radius-xl);background:var(--surf-card);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.tsb-qa-pains li{border-bottom:1px solid var(--color-divider);color:var(--color-text-secondary);align-items:flex-start;gap:12px;padding:15px 18px;font-size:15px;line-height:1.5;display:flex}.tsb-qa-pains li:last-child{border-bottom:0}.tsb-qa-pains i{color:var(--color-text-muted);flex:none;margin-top:2px;font-size:16px}.tsb-qa-panel{border:1px solid var(--color-divider);border-radius:var(--radius-xl);background:var(--surf-card);min-width:0;overflow:hidden}.tsb-qa-panel--code{background:var(--code-bg)}.tsb-qa-panel--inset{background:var(--color-page-bg)}.tsb-qa-bar{border-bottom:1px solid var(--color-divider);background:var(--surf-tint);align-items:center;gap:9px;padding:11px 14px;display:flex}.tsb-qa-bar>i{color:var(--accent-fg);flex:none;font-size:15px}.tsb-qa-bar-title{color:var(--color-text-primary);white-space:nowrap;font-size:12.5px;font-weight:500}.tsb-qa-bar-end{white-space:nowrap;color:var(--color-text-muted);align-items:center;gap:6px;margin-left:auto;font-size:11.5px;display:inline-flex}.tsb-qa-bar-end i{font-size:14px}.tsb-qa-bar-key{font-family:var(--font-mono);white-space:nowrap;color:var(--accent-fg);flex:none;margin-left:auto;font-size:10.5px}.tsb-qa-bar-key--ai{color:var(--ai-fg)}.tsb-qa-mono{font-family:var(--font-mono);color:var(--color-text-muted);font-size:10.5px}.tsb-qa-id{font-family:var(--font-mono);color:var(--color-text-tertiary);font-size:11px}.tsb-qa-micro{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);font-size:10px;font-weight:600}.tsb-qa-foot{background:var(--surf-tint);color:var(--color-text-muted);align-items:center;gap:8px;padding:10px 14px;font-size:11px;display:flex}.tsb-qa-foot i{flex:none;font-size:13px}.tsb-qa-foot--top{border-top:1px solid var(--color-divider)}.tsb-qa-foot--ok i{color:var(--qa-pass-fg)}.tsb-qa-foot--warn i{color:var(--qa-warn-fg)}.tsb-qa-foot--accent i{color:var(--accent-fg)}.tsb-qa-meter{background:var(--color-elevated);border-radius:var(--radius-full);gap:2px;height:5px;display:flex;overflow:hidden}.tsb-qa-meter--thin{height:4px}.tsb-qa-meter>span{height:100%}.tsb-qa-meter>:first-child{border-radius:var(--radius-full) 0 0 var(--radius-full)}.tsb-qa-meter>:last-child{border-radius:0 var(--radius-full) var(--radius-full) 0}.tsb-qa-meter>:only-child{border-radius:var(--radius-full)}.tsb-qa-meter-pass{background:var(--qa-pass-dot)}.tsb-qa-meter-fail{background:var(--qa-fail-dot)}.tsb-qa-meter-warn{background:var(--qa-warn-dot)}.tsb-qa-meter-accent{background:var(--color-accent)}.tsb-qa-status{border-radius:var(--radius-full);white-space:nowrap;background:var(--color-elevated);color:var(--color-text-muted);align-items:center;gap:6px;padding:3px 10px 3px 8px;font-size:11px;font-weight:500;display:inline-flex}.tsb-qa-status:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.tsb-qa-status--sm{padding:2px 8px;font-size:10.5px}.tsb-qa-status--sm:before{width:5px;height:5px}.tsb-qa-status--pass{background:var(--qa-pass-bg);color:var(--qa-pass-fg)}.tsb-qa-status--pass:before{background:var(--qa-pass-dot)}.tsb-qa-status--fail{background:var(--qa-fail-bg);color:var(--qa-fail-fg)}.tsb-qa-status--fail:before{background:var(--qa-fail-dot)}.tsb-qa-status--warn{background:var(--qa-warn-bg);color:var(--qa-warn-fg)}.tsb-qa-status--warn:before{background:var(--qa-warn-dot)}.tsb-qa-status--review{background:var(--qa-review-bg);color:var(--qa-review-fg)}.tsb-qa-status--review:before{background:var(--qa-review-dot)}.tsb-qa-status--nodot:before{display:none}.tsb-qa-status--flat{background:var(--color-accent-muted);color:var(--accent-fg);padding:2px 8px;font-size:10.5px}.tsb-qa-status--flat:before{display:none}.tsb-qa-status--end{flex:none;margin-left:auto}.tsb-qa-pri{font-family:var(--font-mono);border-radius:var(--radius-sm);text-align:center;padding:2px 5px;font-size:10px;font-weight:500}.tsb-qa-pri--p0{background:var(--qa-p0-bg);color:var(--qa-p0-fg)}.tsb-qa-pri--p1{background:var(--qa-p1-bg);color:var(--qa-p1-fg)}.tsb-qa-pri--p2{background:var(--qa-p2-bg);color:var(--qa-p2-fg)}.tsb-qa-tag{border-radius:var(--radius-sm);background:var(--ai-chip-bg);color:var(--ai-fg);letter-spacing:.04em;white-space:nowrap;flex:none;align-items:center;gap:4px;padding:1px 6px;font-size:9.5px;font-weight:600;display:inline-flex}.tsb-qa-tag i{font-size:10px}.tsb-qa-tag--lg{padding:2px 7px}.tsb-qa-tag--neutral{background:var(--color-elevated);color:var(--color-text-tertiary)}.tsb-qa-tag--warn{background:var(--qa-warn-bg);color:var(--qa-warn-fg)}.tsb-qa-how-h2{max-width:24ch;margin-bottom:0}.tsb-qa-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0 0;padding:0;list-style:none;display:grid}.tsb-qa-step{border:1px solid var(--color-divider);border-radius:var(--radius-xl);background:var(--surf-card);flex-direction:column;display:flex;overflow:hidden}.tsb-qa-step-copy{padding:20px 20px 16px}.tsb-qa-step-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);align-items:center;gap:10px;margin-bottom:12px;font-size:10px;font-weight:600;display:flex}.tsb-qa-step-n{border-radius:var(--radius-full);background:var(--color-accent-muted);width:24px;height:24px;color:var(--accent-fg);font-family:var(--font-mono);letter-spacing:0;justify-content:center;align-items:center;font-size:11px;font-weight:500;display:inline-flex}.tsb-qa-step h3{color:var(--color-text-primary);margin:0 0 8px;font-size:19px;font-weight:600;line-height:1.25}.tsb-qa-step p{color:var(--color-text-tertiary);text-wrap:pretty;margin:0;font-size:14px;line-height:1.6}.tsb-qa-step-demo{border-top:1px solid var(--color-divider);background:var(--surf-tint);margin-top:auto;padding:14px}.tsb-qa-step-demo--stack{flex-direction:column;gap:6px;display:flex}.tsb-qa-step-demo--row{gap:8px;display:flex}@property --tsb-qa-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes tsb-qa-border-spin{to{--tsb-qa-angle:360deg}}.tsb-qa-frame{background:conic-gradient(from var(--tsb-qa-angle), #7c5fcc38 0deg, #c4b5fdf2 60deg, #7c5fcce6 110deg, #7c5fcc38 200deg, #7c5fcc38 360deg);border-radius:11px;padding:1px;animation:7s linear infinite tsb-qa-border-spin}@media (prefers-reduced-motion:reduce){.tsb-qa-frame{animation:none}}.tsb-qa-feature{border-radius:var(--radius-xl);background:var(--tint-grad), var(--color-page-bg);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:44px;padding:clamp(28px,3vw,40px);display:grid}.tsb-qa-feature>*{min-width:0}.tsb-qa-feature h2{font-size:clamp(24px,2.4vw,32px);line-height:1.14}.tsb-qa-feature .tsb-mk-body{margin-bottom:20px}.tsb-qa-feature .tsb-mk-checks{margin:0 0 22px}.tsb-qa-hint{color:var(--color-text-muted);align-items:center;gap:8px;margin:0;font-size:13px;line-height:1.5;display:flex}.tsb-qa-hint i{font-size:15px}.tsb-qa-stack{flex-direction:column;gap:14px;display:flex}.tsb-qa-picker{flex-direction:column;gap:2px;padding:8px;display:flex}.tsb-qa-pick{border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;transition:background var(--transition-color), border-color var(--transition-color);background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:9px 10px;font-family:inherit;display:flex}.tsb-qa-pick:hover{background:var(--color-hover-bg)}.tsb-qa-pick:focus-visible{box-shadow:var(--focus-ring);outline:none}.tsb-qa-pick[aria-pressed=true]{background:var(--color-accent-muted);border-color:var(--color-accent-border)}.tsb-qa-import{border:1px solid var(--color-divider);border-radius:var(--radius-xl);background:var(--surf-card);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;padding:clamp(24px,2.6vw,32px);display:grid}.tsb-qa-import>*{min-width:0}.tsb-qa-import h2{text-wrap:balance;margin:0 0 12px;font-size:clamp(22px,2.2vw,28px);font-weight:600;line-height:1.16}.tsb-qa-import p{color:var(--color-text-secondary);text-wrap:pretty;margin:0;font-size:15px;line-height:1.6}.tsb-qa-map{flex-direction:column;gap:8px;padding:12px 14px;display:flex}.tsb-qa-map-row{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);align-items:center;gap:10px;font-size:11.5px;display:grid}.tsb-qa-map-from{font-family:var(--font-mono);color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tsb-qa-map-row i{color:var(--color-text-muted);font-size:13px}.tsb-qa-map-to{color:var(--color-text-primary)}.tsb-qa-faq-sec{grid-template-columns:minmax(0,.62fr) minmax(0,1fr);align-items:start;gap:48px;display:grid}.tsb-qa-faq-sec>*{min-width:0}.tsb-qa-faq-lede{color:var(--color-text-tertiary);text-wrap:pretty;max-width:34ch;margin:0 0 20px;font-size:15px;line-height:1.6}.tsb-qa-faq-ask{border-radius:var(--radius-md);border:1px solid var(--color-accent-border);height:38px;color:var(--accent-fg);white-space:nowrap;transition:background var(--transition-color);align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:500;display:inline-flex}.tsb-qa-faq-ask:hover{background:var(--color-accent-muted)}.tsb-qa-faq-ask i{font-size:16px}.tsb-qa-faq-list{flex-direction:column;gap:8px;display:flex}@media (max-width:900px){.tsb-qa-hero,.tsb-qa-split,.tsb-qa-problem,.tsb-qa-feature,.tsb-qa-import,.tsb-qa-faq-sec{grid-template-columns:minmax(0,1fr);gap:28px}.tsb-qa-split--flip>:first-child,.tsb-qa-split--flip>:last-child{grid-area:auto}.tsb-qa-steps{grid-template-columns:minmax(0,1fr)}.tsb-qa-hero,.tsb-qa-sec{padding-left:20px;padding-right:20px}}
