.tl{--tl-bg: var(--sl-color-bg-sidebar);--tl-border: var(--sl-color-hairline);--tl-accent: var(--sl-color-accent);--tl-text: var(--sl-color-text);--tl-muted: var(--sl-color-gray-3);--tl-green: #22c55e;--tl-red: #ef4444;--tl-amber: #f59e0b;margin:1.5rem 0}.tl *{margin-top:0!important}.tl-controls{display:flex;gap:.35rem;align-items:center;margin-bottom:.6rem;flex-wrap:wrap}.tl-btn{padding:.25rem .6rem;border-radius:5px;border:1px solid var(--tl-border);background:transparent;color:var(--tl-text);font-size:.7rem;cursor:pointer;font-weight:600;transition:border-color .15s,background .15s}.tl-btn:hover{border-color:var(--tl-accent)}.tl-btn.active{border-color:var(--tl-accent);background:color-mix(in srgb,var(--tl-accent) 15%,transparent)}.tl-panels{position:relative;margin-bottom:.5rem}.tl-panels-inner{display:flex;gap:.75rem;align-items:flex-start;overflow:hidden;height:220px}.tl-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#00000073;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .25s}.tl-overlay.visible{opacity:1;pointer-events:auto}.tl-overlay-inner{position:relative;background:var(--tl-bg);border:2px solid var(--tl-amber);border-radius:8px;padding:.75rem 1.1rem;text-align:center;max-width:310px;box-shadow:0 4px 16px #0000004d}.tl-overlay-inner.ok{border-color:var(--tl-green)}.tl-overlay-title{font-size:.82rem;font-weight:700;margin-bottom:.3rem;color:var(--tl-text);padding-right:1.2rem}.tl-overlay-body{font-size:.67rem;color:var(--tl-muted);line-height:1.55}.tl-overlay-body code{font-family:var(--sl-font-mono, monospace);font-size:.65rem;color:var(--tl-text)}.tl-overlay-close:focus-visible{outline:2px solid var(--tl-text);outline-offset:-2px}.tl-overlay-close{position:absolute;top:.35rem;right:.35rem;width:1.3rem;height:1.3rem;border:1px solid var(--tl-border);background:transparent;color:var(--tl-muted);cursor:pointer;font-size:.75rem;border-radius:3px;padding:0;display:none;align-items:center;justify-content:center;transition:color .15s,border-color .15s}.tl-overlay-close.shown{display:flex}.tl-overlay-close:hover{color:var(--tl-text);border-color:var(--tl-text)}.tl-file{border:1.5px solid var(--tl-border);border-radius:8px;padding:.5rem;flex:1;min-width:220px;max-width:380px;background:var(--tl-bg);transition:border-color .3s,opacity .5s;height:100%;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}.tl-file.active{border-color:var(--tl-green)}.tl-file.old{border-color:var(--tl-amber);opacity:.55}.tl-file-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:.3rem;margin-bottom:.3rem;border-bottom:1px solid var(--tl-border);font-size:.72rem;font-weight:600;flex-shrink:0}.tl-fname{font-family:var(--sl-font-mono, monospace)}.tl-fmeta{font-size:.58rem;color:var(--tl-muted);font-weight:400}.tl-lines{font-family:var(--sl-font-mono, monospace);font-size:.58rem;line-height:1.5;flex:1;overflow:hidden;position:relative}.tl-lines-inner{position:absolute;bottom:0;left:0;right:0}.tl-line{display:flex;gap:.25rem}.tl-line-num{color:var(--tl-muted);min-width:18px;text-align:right;user-select:none}.tl-line-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.tl-line.new .tl-line-text{color:var(--tl-green);font-weight:600}.tl-cursor{display:flex;align-items:center;gap:.3rem;margin-top:.25rem;padding-top:.25rem;border-top:1px dashed var(--tl-border);font-size:.58rem;color:var(--tl-accent);font-weight:600;flex-shrink:0}.tl-autorow{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.tl-autobar-track{flex:1;height:5px;background:var(--tl-border);border-radius:3px;overflow:hidden}.tl-autobar-fill{height:100%;width:0;background:var(--tl-amber);border-radius:3px;transition:width .5s linear}.tl-autorow-label{font-size:.62rem;color:var(--tl-muted);white-space:nowrap;min-width:155px;text-align:right}.tl-action-btn{display:block;width:100%;padding:.65rem 1rem;border-radius:7px;border:1.5px solid var(--tl-amber);background:color-mix(in srgb,var(--tl-amber) 8%,transparent);color:var(--tl-amber);font-size:.78rem;font-weight:700;cursor:pointer;transition:background .2s;margin-bottom:.6rem;box-sizing:border-box;text-align:center}.tl-action-btn:hover{background:color-mix(in srgb,var(--tl-amber) 18%,transparent)}.tl-action-btn.ok-btn{border-color:var(--tl-green);color:var(--tl-green);background:color-mix(in srgb,var(--tl-green) 8%,transparent)}.tl-action-btn.ok-btn:hover{background:color-mix(in srgb,var(--tl-green) 18%,transparent)}.tl-stats{display:flex;gap:.75rem;flex-wrap:wrap;font-size:.68rem;padding:.4rem 0}.tl-stat{display:flex;flex-direction:column}.tl-stat-label{font-size:.55rem;color:var(--tl-muted);text-transform:uppercase;letter-spacing:.03em}.tl-stat-val{font-weight:700;font-family:var(--sl-font-mono, monospace)}.tl-stat-val.green{color:var(--tl-green)}.td{--td-bg: var(--sl-color-bg-sidebar);--td-border: var(--sl-color-hairline);--td-accent: var(--sl-color-accent);--td-text: var(--sl-color-text);--td-muted: var(--sl-color-gray-3);--td-green: #22c55e;--td-red: #ef4444;--td-amber: #f59e0b;margin:1.5rem 0}.td *{margin-top:0!important}.td-controls{display:flex;gap:.35rem;align-items:center;margin-bottom:.6rem;flex-wrap:wrap}.td-btn{padding:.25rem .6rem;border-radius:5px;border:1px solid var(--td-border);background:transparent;color:var(--td-text);font-size:.7rem;cursor:pointer;font-weight:600;transition:border-color .15s,background .15s}.td-btn:hover{border-color:var(--td-accent)}.td-btn.active{border-color:var(--td-accent);background:color-mix(in srgb,var(--td-accent) 15%,transparent)}.td-panels{position:relative;margin-bottom:.5rem}.td-panels-inner{display:flex;gap:.75rem;align-items:flex-start;overflow:hidden;height:220px}.td-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#00000073;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .25s}.td-overlay.visible{opacity:1;pointer-events:auto}.td-overlay-inner{position:relative;background:var(--td-bg);border:2px solid var(--td-red);border-radius:8px;padding:.75rem 1.1rem;text-align:center;max-width:310px;box-shadow:0 4px 16px #0000004d}.td-overlay-title{font-size:.82rem;font-weight:700;margin-bottom:.3rem;color:var(--td-text);padding-right:1.2rem}.td-overlay-body{font-size:.67rem;color:var(--td-muted);line-height:1.55}.td-overlay-body code{font-family:var(--sl-font-mono, monospace);font-size:.65rem;color:var(--td-text)}.td-overlay-close:focus-visible{outline:2px solid var(--td-text);outline-offset:-2px}.td-overlay-close{position:absolute;top:.35rem;right:.35rem;width:1.3rem;height:1.3rem;border:1px solid var(--td-border);background:transparent;color:var(--td-muted);cursor:pointer;font-size:.75rem;border-radius:3px;padding:0;display:none;align-items:center;justify-content:center;transition:color .15s,border-color .15s}.td-overlay-close.shown{display:flex}.td-overlay-close:hover{color:var(--td-text);border-color:var(--td-text)}.td-file{border:1.5px solid var(--td-border);border-radius:8px;padding:.5rem;flex:1;background:var(--td-bg);transition:border-color .3s;height:100%;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}.td-file.active{border-color:var(--td-green)}.td-file.flash{border-color:var(--td-red)}.td-file-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:.3rem;margin-bottom:.3rem;border-bottom:1px solid var(--td-border);font-size:.72rem;font-weight:600;flex-shrink:0}.td-fname{font-family:var(--sl-font-mono, monospace)}.td-fmeta{font-size:.58rem;color:var(--td-muted);font-weight:400}.td-lines{font-family:var(--sl-font-mono, monospace);font-size:.58rem;line-height:1.5;flex:1;overflow:hidden;position:relative}.td-lines-inner{position:absolute;bottom:0;left:0;right:0}.td-line{display:flex;gap:.25rem}.td-line-num{color:var(--td-muted);min-width:18px;text-align:right;user-select:none}.td-line-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.td-line.new .td-line-text{color:var(--td-green);font-weight:600}.td-cursor{display:flex;align-items:center;gap:.3rem;margin-top:.25rem;padding-top:.25rem;border-top:1px dashed var(--td-border);font-size:.58rem;color:var(--td-accent);font-weight:600;flex-shrink:0}.td-action-btn{display:block;width:100%;padding:.65rem 1rem;border-radius:7px;border:1.5px solid var(--td-red);background:color-mix(in srgb,var(--td-red) 8%,transparent);color:var(--td-red);font-size:.78rem;font-weight:700;cursor:pointer;transition:background .2s;margin-bottom:.6rem;box-sizing:border-box;text-align:center}.td-action-btn:hover{background:color-mix(in srgb,var(--td-red) 18%,transparent)}.td-stats{display:flex;gap:.75rem;flex-wrap:wrap;font-size:.68rem;padding:.4rem 0}.td-stat{display:flex;flex-direction:column}.td-stat-label{font-size:.55rem;color:var(--td-muted);text-transform:uppercase;letter-spacing:.03em}.td-stat-val{font-weight:700;font-family:var(--sl-font-mono, monospace)}.td-stat-val.green{color:var(--td-green)}.td-stat-val.red{color:var(--td-red)}