/* The same editor split; only its preview content changes. */
#app.editor-trace-open .preview-pane> :is(.preview-heading,.preview-body,.validation,.arrangement-panel){display:none!important}
#editor-traceability-panel{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;overflow:hidden}
#editor-traceability-panel[hidden]{display:none}
.editor-traceability-heading{display:flex;align-items:center;gap:12px;padding:12px 15px;border-bottom:1px solid var(--line);flex-shrink:0}
.editor-traceability-heading>div{flex:1;min-width:0}
.editor-traceability-heading small{color:var(--muted);font-size:12px}
.editor-traceability-heading h2{margin:3px 0 0;font-size:16px;line-height:1.35;overflow-wrap:anywhere;max-height:4.1em;overflow:auto}
.editor-traceability-heading button{flex-shrink:0}
.editor-traceability-content{min-width:0;min-height:0;overflow:auto;flex:1;overscroll-behavior:contain}
#editor-traceability-content .traceability{padding:12px!important}
#editor-traceability-content .trace-layout{display:block}
#editor-traceability-content .trace-columns{grid-template-columns:1fr;gap:16px}
#editor-traceability-content .trace-column{max-height:none;overflow:visible}
#editor-traceability-content .trace-navigator{max-height:170px;margin-bottom:14px}
#editor-traceability-content .trace-toolbar{gap:8px;margin-bottom:12px}
#editor-traceability-content .trace-toolbar label{min-width:120px}
#editor-traceability-content .trace-boundary select{max-width:100%;width:100%}
#editor-traceability-content .trace-focus{flex-wrap:wrap;gap:8px}
#editor-traceability-content .trace-focus h2{font-size:16px}
#editor-traceability-content .trace-help{font-size:12px}
.function-trace-label{display:flex;align-items:center;gap:8px}
.function-trace-label>strong{flex:1;min-width:0}
.function-trace-label>button{flex-shrink:0;padding:5px;display:grid;place-items:center;color:var(--teal)}
.grid .appearance-cell>.grid-related-cell,.grid-related-cell>:first-child{flex:1;min-width:0}
/* A detached viewer can keep rendering while its original pane shows traces. */
#app.viewer-detached.editor-trace-open:not(.catalog-mode) .split-view{grid-template-columns:minmax(390px,1.15fr) minmax(290px,1fr)!important;grid-template-rows:minmax(0,1fr)!important}
#app.viewer-detached.editor-trace-open .preview-pane{max-height:none;min-height:0!important}
#app.viewer-detached.editor-trace-open.stacked-editor:not(.catalog-mode) .split-view{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,var(--editor-share,65fr)) minmax(0,var(--viewer-share,35fr))!important}
@media(max-width:1050px){#app.viewer-detached.editor-trace-open:not(.stacked-editor):not(.catalog-mode) .split-view{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important}#app.viewer-detached.editor-trace-open:not(.stacked-editor) .preview-pane{min-height:480px!important}}