.tl{--tl-ok:#16a34a;--tl-warn:#c27a06;--tl-bad:#dc2626;--tl-add:#e6f6ec;--tl-add-fg:#166534;--tl-del:#fdecec;--tl-del-fg:#991b1b;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-sm);padding:24px;display:grid;gap:20px;min-width:0}.tl [hidden]{display:none!important}.tl-section{display:grid;gap:12px;min-width:0}.tl-section__title{margin:0;font:600 16px/1.3 var(--font-display);color:var(--ink)}.tl-hint{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}.tl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tl-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.tl-wide{grid-column:1/-1}.tl-label{display:grid;gap:6px;font-size:14px;font-weight:600;color:var(--ink);min-width:0}.tl-label small{font-weight:400;color:var(--muted)}.tl input[type=text],.tl input[type=url],.tl textarea,.tl select{width:100%;font:16px/1.45 var(--font-body);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 14px}.tl textarea{resize:vertical}.tl input:focus,.tl textarea:focus,.tl select:focus{outline:none;box-shadow:var(--ring);border-color:var(--accent);background:var(--white)}.tl-chips{display:flex;flex-wrap:wrap;gap:8px}.tl-chip{font:500 14px/1 var(--font-body);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:99px;padding:10px 16px;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition)}.tl-chip:hover{border-color:var(--accent)}.tl-chip.is-active{background:var(--accent);border-color:var(--accent);color:var(--white)}.tl-check{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.45;color:var(--ink);cursor:pointer}.tl-check input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--accent)}.tl-check small{display:block;color:var(--muted);font-size:13px}.tl-btn{font:600 15px/1 var(--font-body);color:var(--white);background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:12px 18px;cursor:pointer;transition:background var(--transition)}.tl-btn:hover{background:var(--accent-700)}.tl-btn.is-done{background:var(--tl-ok);border-color:var(--tl-ok)}.tl-btn--ghost{color:var(--ink);background:0 0;border-color:var(--border);font-weight:500;font-size:14px;padding:10px 14px}.tl-btn--ghost:hover{background:var(--surface)}.tl-btn--icon{padding:8px 12px;font-size:18px;line-height:1}.tl-chip:focus-visible,.tl-btn:focus-visible{outline:none;box-shadow:var(--ring)}.tl-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.tl-meta{font:13px/1 var(--font-mono);color:var(--muted)}.tl-code{margin:0;background:#0f172a;color:#e2e8f0;border-radius:var(--radius);padding:18px 20px;font:14px/1.6 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;max-height:520px;overflow:auto}.tl-code .k{color:#93c5fd}.tl-code .v{color:#fde68a}.tl-code .c{color:#64748b}.tl-code .h{color:#f9a8d4;font-weight:600}.tl-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.tl-stat{background:var(--surface);border-radius:var(--radius-sm);padding:12px 14px;display:grid;gap:2px}.tl-stat__label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.tl-stat__value{font:600 22px/1.2 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink)}.tl-stat--accent{background:var(--accent-tint)}.tl-stat--accent .tl-stat__value{color:var(--accent-700)}.tl-checks{list-style:none;margin:0;padding:0;display:grid;gap:8px}.tl-checks li{position:relative;padding:10px 14px 10px 36px;border-radius:var(--radius-sm);background:var(--surface);font-size:15px;line-height:1.5}.tl-checks li::before{position:absolute;left:13px;top:10px;font-weight:700}.tl-checks li.is-ok::before{content:"✓";color:var(--tl-ok)}.tl-checks li.is-warn::before{content:"!";color:var(--tl-warn)}.tl-checks li.is-bad::before{content:"×";color:var(--tl-bad)}.tl-bar{display:grid;grid-template-columns:minmax(0,150px)minmax(0,1fr)auto;gap:12px;align-items:center;font-size:14px}.tl-bar__track{height:10px;border-radius:99px;background:var(--surface-2);overflow:hidden}.tl-bar__fill{height:100%;border-radius:99px;background:var(--tl-ok);transition:width .15s ease}.tl-bar__fill.is-warn{background:var(--tl-warn)}.tl-bar__fill.is-bad{background:var(--tl-bad)}.tl-bar__val{font:13px/1 var(--font-mono);color:var(--muted);white-space:nowrap}.tl-table{width:100%;border-collapse:collapse;font-size:14px}.tl-table th,.tl-table td{text-align:left;padding:8px 12px;border-top:1px solid var(--border)}.tl-table th{font:600 12px/1.3 var(--font-body);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-top:0}.tl-table td.num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tl-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-sm)}.prose .tl ul{padding-left:0}.prose .tl li,.prose .tl p{margin:0}@media(max-width:560px){.tl{padding:16px}.tl-grid,.tl-grid--3{grid-template-columns:1fr}.tl-stat__value{font-size:18px}.tl-bar{grid-template-columns:1fr auto}.tl-bar__track{grid-column:1/-1;grid-row:2}.tl-chip{padding:9px 13px;font-size:13px}}