.tl-war{display:grid;grid-gap:18px;gap:18px}.tl-legend{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));grid-gap:10px;gap:10px}.tl-legend button{display:grid;grid-template-columns:auto 1fr;grid-gap:2px 10px;gap:2px 10px;padding:12px;border-radius:12px;border:1px solid var(--pj-line);border-left:4px solid var(--c);background:var(--pj-surface-raised);color:var(--pj-ink);text-align:left;cursor:pointer;transition:opacity .2s,border-color .2s}.tl-legend button.is-off{opacity:.4}.tl-legend-rank{grid-row:span 3;font:700 .9rem var(--uv-font-mono);color:var(--pj-muted)}.tl-legend-name{display:flex;align-items:center;grid-gap:6px;gap:6px;font-weight:600;font-size:.9rem}.tl-legend-name i{width:10px;height:10px;border-radius:3px;background:var(--c)}.tl-legend-name small{font:.68rem var(--uv-font-mono);color:var(--pj-muted)}.tl-legend strong{font:700 1.2rem var(--uv-font-display)}.tl-legend em{font:normal 600 .72rem var(--uv-font-mono)}.tl-legend em.is-up{color:#16a34a}.tl-legend em.is-down{color:var(--uv-bad)}.tl-chart{position:relative}.tl-chart svg{display:block;width:100%;height:auto;cursor:crosshair}.tl-grid{stroke:var(--pj-line);stroke-dasharray:3 4}.tl-axis{font:10px var(--uv-font-mono);fill:var(--pj-muted)}.tl-line{stroke-dasharray:2400;stroke-dashoffset:2400;animation:tl-draw 1.6s var(--uv-ease) forwards}@keyframes tl-draw{to{stroke-dashoffset:0}}.tl-cross{stroke:var(--pj-line-strong);stroke-dasharray:4 3}.tl-tip{position:absolute;top:8px;transform:translateX(-50%);display:grid;grid-gap:4px;gap:4px;min-width:190px;padding:10px 12px;border-radius:10px;background:var(--pj-surface-raised);border:1px solid var(--pj-line-strong);box-shadow:var(--pj-shadow);font:.74rem var(--uv-font-mono);color:var(--pj-ink);pointer-events:none;z-index:2}.tl-tip span{display:flex;align-items:center;grid-gap:6px;gap:6px}.tl-tip i{width:8px;height:8px;border-radius:2px}.tl-tip em{margin-left:auto;font-style:normal;font-weight:700}.tl-share{display:flex;height:14px;border-radius:7px;overflow:hidden;grid-gap:2px;gap:2px}.tl-share span{width:var(--w);min-width:2px;transition:width .6s var(--uv-ease)}.tl-note{font:.74rem var(--uv-font-mono);color:var(--pj-muted)}.tl-gen{display:grid;grid-gap:16px;gap:16px}.tl-gen-controls{display:grid;grid-gap:12px;gap:12px}.tl-fields{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px}.tl-fields button{display:inline-flex;align-items:center;grid-gap:8px;gap:8px;padding:9px 15px;border-radius:12px;border:1px solid var(--pj-line);background:var(--pj-surface);color:var(--pj-ink-soft);font:600 .84rem var(--uv-font-ui);cursor:pointer}.tl-fields button.is-active{background:var(--uv-fill);border-color:transparent;color:var(--uv-on-fill)}.tl-cats{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px}.tl-cats label{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;padding:5px 11px;border-radius:999px;border:1px dashed var(--pj-line-strong);font:600 .74rem var(--uv-font-mono);color:var(--pj-muted);cursor:pointer}.tl-cats label.is-on{border-style:solid;border-color:var(--pj-accent);color:var(--pj-accent);background:var(--pj-accent-soft)}.tl-cats input{position:absolute;opacity:0;pointer-events:none}.tl-cats label:focus-within{outline:2px solid var(--pj-accent);outline-offset:2px}.tl-gen-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-gap:16px;gap:16px;align-items:start}.tl-ideas{display:grid;grid-gap:8px;gap:8px}.tl-idea{display:grid;grid-gap:5px;gap:5px;padding:12px 14px;border-radius:12px;background:var(--pj-surface);border:1px solid var(--pj-line);border-left:3px solid var(--pj-accent);animation:uv-rise .4s var(--uv-ease) both;animation-delay:calc(var(--i)*25ms)}.tl-idea--pos{border-left-color:#22c55e}.tl-idea--edge{border-left-color:#f59e0b}.tl-idea--neg{border-left-color:#ef4444}.tl-idea--sec{border-left-color:#8b5cf6}.tl-idea--a11y{border-left-color:#06b6d4}.tl-idea--perf{border-left-color:#ec4899}.tl-idea-cat{font:600 .68rem var(--uv-font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--pj-muted)}.tl-idea strong{font-size:.92rem;color:var(--pj-ink)}.tl-idea code{justify-self:start;max-width:100%;padding:2px 8px;border-radius:6px;background:var(--pj-heat-0);font:.76rem var(--uv-font-mono);color:var(--pj-ink);overflow-wrap:anywhere}.tl-expect{font-size:.84rem}.tl-empty,.tl-expect{color:var(--pj-muted)}.tl-empty{padding:20px}.tl-export{position:sticky;top:96px;border-radius:var(--uv-radius);overflow:hidden;background:#0a0f1c;border:1px solid hsla(0,0%,100%,.08)}.tl-export-bar{display:flex;align-items:center;grid-gap:6px;gap:6px;padding:10px 12px;border-bottom:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.04)}.tl-export-bar button{padding:5px 11px;border-radius:8px;border:0;background:none;color:#94a3b8;font:600 .76rem var(--uv-font-mono);cursor:pointer}.tl-export-bar button.is-active{background:hsla(0,0%,100%,.1);color:#f8fafc}.tl-export-bar .tl-copy{margin-left:auto;border:1px solid hsla(0,0%,100%,.15);color:#e2e8f0}.tl-export pre{margin:0;max-height:520px;padding:16px 18px;overflow:auto;font:.78rem/1.7 var(--uv-font-mono);color:#cbd5e1;white-space:pre-wrap}.tl-surprise{display:flex;flex-wrap:wrap;align-items:center;grid-gap:14px;gap:14px}.tl-surprise p{flex:1 1 320px;padding:12px 16px;border-radius:12px;background:var(--pj-accent-soft);font-size:.9rem;line-height:1.5;color:var(--pj-ink);animation:uv-rise .4s var(--uv-ease) both}.tl-surprise code{font:.8rem var(--uv-font-mono)}.tl-flaky{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));grid-gap:10px;gap:10px;align-items:start}.tl-flaky-item{border-radius:12px;background:var(--pj-surface);border:1px solid var(--pj-line);overflow:hidden}.tl-flaky-item.is-open{border-color:var(--pj-accent)}.tl-flaky-item>button{display:flex;align-items:center;grid-gap:10px;gap:10px;width:100%;padding:14px 16px;border:0;background:none;color:var(--pj-ink);font:600 .92rem var(--uv-font-ui);text-align:left;cursor:pointer}.tl-flaky-item>button>i:first-child{color:var(--uv-bad)}.tl-chev{margin-left:auto;color:var(--pj-muted);transition:transform .25s}.is-open .tl-chev{transform:rotate(180deg)}.tl-flaky-body{display:grid;grid-gap:8px;gap:8px;padding:0 16px 16px 42px;font-size:.88rem;line-height:1.55;color:var(--pj-ink-soft);animation:uv-rise .3s var(--uv-ease) both}.tl-flaky-body b{color:var(--pj-ink)}@media (max-width:900px){.tl-gen-body{grid-template-columns:minmax(0,1fr)}.tl-export{position:static}}
/*# sourceMappingURL=13.0c3eb0d8.chunk.css.map */