.harness-panel{min-width:0;letter-spacing:0}
dialog.harness-open[open]{display:flex;flex-direction:column;overflow:hidden;padding:0}
dialog.harness-open .dialog-header{flex-shrink:0;margin:0;padding:20px 24px}
dialog.harness-open #dialog-body{min-height:0;overflow:auto;padding:0 24px 24px}
dialog.harness-open .harness-tabs{position:sticky;top:0;z-index:1;background:var(--panel);padding-top:4px}
@media(max-width:600px){dialog.harness-open .dialog-header{padding:18px}dialog.harness-open #dialog-body{padding:0 18px 18px}}
.harness-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px}
.harness-tabs button{flex:1;min-width:0;border:0;border-radius:4px 4px 0 0;padding:10px 6px;background:transparent;font-size:13px}
.harness-tabs button[aria-selected=true]{color:var(--accent);background:var(--accent-light);box-shadow:inset 0 -2px var(--accent)}
.harness-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.harness-tab-panel{min-height:360px;overflow-wrap:anywhere}
.harness-row{display:grid;grid-template-columns:minmax(125px,1fr) minmax(0,1.6fr);gap:12px;padding:11px 0;border-bottom:1px solid var(--line);align-items:start}
.harness-row>span{color:var(--muted);font-size:12px}
.harness-row>strong{font-size:13px;font-weight:500;text-align:right;overflow-wrap:anywhere}
.harness-panel h3{font-size:14px;margin:24px 0 4px}
.harness-good{color:var(--green)}
#dialog-body .harness-check{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:13px;padding:9px 0}
.harness-check input{width:17px;height:17px;accent-color:var(--accent);flex-shrink:0;margin:0}
.harness-feedback{min-height:24px;margin:10px 0}
@media(max-width:600px){.harness-row{grid-template-columns:1fr;gap:3px;padding:10px 0}.harness-row>strong{text-align:left}.harness-tab-panel{min-height:360px}.harness-tabs button{font-size:12px}.harness-panel .actions{flex-wrap:wrap}}