#tracePanel{padding:0 2px 16px;}
#tracePanel[hidden]{display:none!important;}
body.traceEditing #taskContextPanel{display:none!important;}
.traceKinds,.traceActions,.traceProperties{display:flex;gap:8px;flex-wrap:wrap;}
.traceKinds>*{flex:1;}
.traceKinds [aria-pressed="true"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,var(--bg-sidebar));}
#traceStatus{min-height:3em;margin:14px 0;line-height:1.55;}
#tracePanel label{display:block;margin:14px 0 6px;color:var(--text-secondary);font-size:13px;}
#tracePanel .select,#tracePanel textarea{width:100%;min-width:0;}
.traceProperties>label{flex:1;min-width:90px;}
#traceColor{display:block;width:100%;height:38px;margin-top:6px;border:1px solid var(--border-main);border-radius:6px;background:var(--bg-sidebar);cursor:pointer;}
#traceWidth{margin-top:6px;}
#tracePanel .traceCheck{display:flex;gap:8px;align-items:center;}
#traceRebind{margin:12px 0;}
#traceDelete{margin-top:8px;}
.traceIndex{padding:8px 0;}
.traceIndex>summary{cursor:pointer;padding:8px 4px;color:var(--text-secondary);font-size:13px;}
.traceIndexRow{display:flex;gap:4px;margin:4px 0;min-width:0;}
.traceIndexRow>.btn:first-child{flex:1;min-width:0;white-space:normal;text-align:left;justify-content:flex-start;overflow-wrap:anywhere;}
@media (hover:hover){#traceColor:hover{border-color:var(--accent);}}
@media(max-width:700px){#traceToolBtn,#tracePanel{display:none!important;}}

#tracePanel .traceKinds [aria-pressed="true"]{opacity:1;color:var(--text-main);border-color:var(--accent);}

.traceWidthPresets { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px; }
.traceWidthPresets .btn { display:flex;flex-direction:column;gap:7px;min-width:0;padding:9px 6px;font-size:11px; }
.traceWidthPresets span { display:block;width:24px;height:var(--preview-width);border-radius:4px;background:currentColor; }