.tool-main,.tool-main>#app{flex-direction:column;flex:1;min-height:0;display:flex}.tool-head{padding:14px var(--gutter) 0}.tool-head h1{letter-spacing:-.01em;margin:0;font-size:22px}.tool-head .lede{color:var(--muted);margin:2px 0 8px}.tl{padding:4px var(--gutter) 12px;flex-direction:column;flex:1;gap:10px;min-height:480px;display:flex;container-type:inline-size}.tl-options{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.tl-seg{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);display:inline-flex;overflow:hidden}.tl-seg-btn{border:0;border-right:1px solid var(--border);cursor:pointer;color:var(--muted);background:0 0;padding:5px 12px;font-weight:500}.tl-seg-btn:last-child{border-right:0}.tl-seg-btn:hover{background:var(--control-hover);color:var(--text-strong)}.tl-seg-btn[aria-pressed=true]{background:var(--accent);color:var(--accent-text)}.tl-check{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.tl-select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;padding:4px 8px}.tl-main-button{border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-text);cursor:pointer;white-space:nowrap;border:0;padding:6px 16px;font-weight:600}.tl-main-button:hover:not(:disabled){background:var(--accent-hover)}.tl-main-button:disabled{opacity:.5;cursor:default}.tl-note{color:var(--muted);margin:0;font-size:12.5px}.tl-panes{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:1fr 1fr;gap:12px;min-height:360px;display:grid}.tl-stack{grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:12px;min-width:0;min-height:0;display:grid}@container (width<=719px){.tl-panes{grid-template-rows:auto;grid-template-columns:1fr}.tl-panes .tl-pane,.tl-panes>.tl-stack{min-height:300px}.tl-stack{grid-template-rows:minmax(260px,1fr) minmax(260px,1fr)}}@media (width>=900px){.tl-pane .cm-editor{max-height:none!important}@container (width<=719px){.tl-panes{grid-template-rows:none;grid-auto-rows:minmax(200px,1fr);min-height:412px}.tl-panes:has(>.tl-stack){min-height:636px}.tl-panes>.tl-stack{grid-row:span 2;min-height:0}.tl-panes .tl-pane{min-height:0}.tl-stack{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}}}.tl-pane{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.tl-pane-head{border-bottom:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.tl-pane-head h2{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0;font-size:13px}.tl-label{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12.5px;overflow:hidden}.tl-spacer{flex:1}.tl-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--control);cursor:pointer;white-space:nowrap;flex:none;padding:2px 8px;font-size:12.5px}.tl-btn:hover:not(:disabled){background:var(--control-hover)}.tl-btn:disabled{opacity:.5;cursor:default}.tl-btn.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.tl-notice{color:var(--muted);font-size:12.5px}.tl-error{background:var(--danger-soft);color:var(--danger);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;margin:0;padding:6px 10px;font-size:12.5px}.tl-status{min-height:20px;color:var(--muted);margin:-2px 0 0;font-size:13px}.tl-foot{border-top:1px solid var(--border);background:var(--surface-2);min-height:26px;color:var(--muted);padding:3px 10px;font-size:12.5px}.tl-failed{max-width:640px;margin:32px auto}