.flyer-project-actions .testing-console-open{display:flex;align-items:center;gap:7px;border:1px solid var(--ink);border-radius:0;background:transparent;padding:7px 10px;min-height:36px;color:var(--ink);font:700 10px/1.5 var(--mono)}
.testing-console-open[hidden]{display:none}
.dialog.testing-console-dialog{width:min(960px,calc(100vw - 32px));max-width:960px;max-height:calc(100dvh - 40px);padding:28px;margin:auto;overflow:auto;box-sizing:border-box;border:1px solid var(--ink);border-top:4px solid var(--brand-orange);border-radius:0;background:var(--paper);color:var(--ink)}
.testing-console-dialog::backdrop{background:#0007}
.testing-console-dialog .dialog-heading{align-items:flex-start;gap:20px;padding-bottom:18px;margin-bottom:16px;border-bottom:1px solid var(--line)}
.testing-console-dialog .dialog-heading h2{font:700 28px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.6px;margin:10px 0}
.testing-console-dialog .eyebrow{font:700 11px/1.5 var(--mono);letter-spacing:.7px}
.testing-console-dialog .dialog-heading p,.testing-console-retention{font:400 13px/1.6 Arial,Helvetica,sans-serif;color:var(--muted);margin:0;max-width:760px}
.testing-console-dialog .icon-button{border:1px solid var(--ink);border-radius:0;min-height:44px;min-width:44px;color:var(--ink);flex-shrink:0}
.testing-console-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0 6px}
.testing-console-toolbar>p{font:11px/1.5 var(--mono);margin:0;color:var(--muted)}
.testing-console-actions{display:flex;gap:8px;flex-wrap:wrap}
.testing-console-dialog .button{font:700 11px/1.5 var(--mono);min-height:44px;white-space:normal;gap:7px;border-radius:0;padding:9px 12px}
.testing-console-feedback{min-height:20px;font:11px/1.6 var(--mono);margin:8px 0 14px;color:var(--muted)}
.testing-console-records{display:grid;gap:10px}
.testing-console-empty{padding:22px;border:1px dashed var(--line);font:13px/1.6 Arial,Helvetica,sans-serif}
.testing-console-empty strong{font:700 12px/1.6 var(--mono)}
.testing-console-empty p{color:var(--muted);margin:8px 0 0}
.testing-console-entry{border:1px solid var(--line);background:#ffffff35}
.testing-console-entry>summary{cursor:pointer;list-style:inside;padding:15px 17px;font:11px/1.6 var(--mono)}
.testing-console-entry>summary:focus-visible{outline:2px solid var(--brand-orange);outline-offset:2px}
.testing-console-entry>summary>strong{font:700 16px/1.4 Arial,Helvetica,sans-serif;display:block;margin:8px 0 5px}
.testing-console-entry-head{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;width:calc(100% - 22px);vertical-align:top}
.testing-console-entry-style,.testing-console-entry-phase{display:block;color:var(--muted);overflow-wrap:anywhere}
.testing-console-result{border:1px solid var(--line);padding:2px 7px;font:700 10px/1.5 var(--mono)}
.testing-console-result[data-result=rejected]{border-color:var(--ink);color:var(--ink)}
.testing-console-result[data-result=resolved]{border-color:#557358;color:#335c39}
.testing-console-entry-body{border-top:1px solid var(--line);padding:0 17px 17px;overflow-wrap:anywhere}
.testing-console-note{font:11px/1.6 var(--mono);color:var(--muted);margin:14px 0}
.testing-console-stage{padding-top:16px}
.testing-console-stage+.testing-console-stage{border-top:1px solid var(--line);margin-top:20px}
.testing-console-stage h3{font:700 12px/1.6 var(--mono);margin:0 0 6px}
.testing-console-stage>p{font:13px/1.7 Arial,Helvetica,sans-serif;margin:10px 0}
.testing-console-stage>p.testing-console-code{font:11px/1.6 var(--mono);color:var(--muted)}
.testing-console-stage code,.testing-console-note code{font:inherit;overflow-wrap:anywhere}
.testing-console-advice{border-left:2px solid var(--brand-orange);padding-left:12px}
.testing-console-meta{display:grid;grid-template-columns:190px minmax(0,1fr);gap:8px 15px;font:11px/1.6 var(--mono);margin:16px 0 0}
.testing-console-meta dt{color:var(--muted)}
.testing-console-meta dd{margin:0;min-width:0;overflow-wrap:anywhere}
.testing-console-issues{display:grid;gap:12px;margin-top:18px}
.testing-console-issue{padding:12px;border:1px solid var(--line)}
.testing-console-issue h4{font:700 11px/1.6 var(--mono);margin:0 0 8px}
.testing-console-issue>p{font:12px/1.6 var(--mono);margin:0}
.testing-console-sample{font:700 13px/1.6 var(--mono);padding:10px 12px;border-left:2px solid var(--ink);background:#ffffff60;margin:10px 0 14px;overflow-wrap:anywhere;white-space:pre-wrap}
.testing-console-local-fix{border:1px solid #557358;padding:12px;margin:14px 0;color:#335c39;font:11px/1.6 var(--mono)}
.testing-console-swatch{display:inline-block;width:15px;height:15px;vertical-align:middle;border:1px solid var(--ink)}
.testing-console-issue .testing-console-meta{grid-template-columns:190px minmax(0,1fr)}
.testing-console-retention{margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}
@media(max-width:700px){
 .flyer-project-actions .testing-console-open{min-height:44px;font-size:10px}
 .dialog.testing-console-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:20px 15px}
 .testing-console-dialog .dialog-heading h2{font-size:25px}
 .testing-console-toolbar{align-items:stretch}
 .testing-console-actions{width:100%}
 .testing-console-actions .button{flex:1;min-width:130px}
 .testing-console-entry>summary{padding:13px 12px}
 .testing-console-entry-body{padding-inline:12px}
 .testing-console-meta,.testing-console-issue .testing-console-meta{grid-template-columns:1fr;gap:2px}
 .testing-console-meta dd+dt{margin-top:8px}
 .testing-console-entry-head{font-size:10px}
}