.diagnostic-panel{background:var(--panel);border:1px solid var(--line)}
.diagnostic-breakdown{border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin:12px 0;min-width:0}
.diagnostic-breakdown>summary{cursor:pointer;color:var(--ink);font-weight:600;line-height:1.7;padding:5px 0}
.diagnostic-breakdown>summary:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:4px}
.diagnostic-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:28px 29px 25px}
.diagnostic-heading h1{font-size:29px;letter-spacing:-.035em;margin:8px 0 8px;line-height:1.35}
.diagnostic-heading p{font-size:12px;line-height:1.8;color:var(--muted,#747d6c);margin:0}
.diagnostic-heading>.refresh-button{flex-shrink:0;margin-top:6px}
.diagnostic-toolbar{display:grid;grid-template-columns:minmax(140px,.6fr) minmax(240px,1.4fr) auto;gap:14px;align-items:end;padding:18px 29px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface-subtle,#faf8f0)}
.diagnostic-toolbar label{display:grid;gap:7px;min-width:0;color:var(--muted,#6f7966);font-size:10px}
.diagnostic-toolbar select{width:100%;min-width:0;min-height:38px;padding:7px 10px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:11px var(--sans);text-overflow:ellipsis}
.diagnostic-toolbar>.refresh-button{min-height:38px;white-space:nowrap}
.diagnostic-status{padding:16px 29px 0;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--muted,#808975);font:10px/1.8 var(--mono)}
.diagnostic-warning,.diagnostic-loading{margin:16px 29px 0;padding:12px 14px;font-size:11px;line-height:1.8;overflow-wrap:anywhere}
.diagnostic-warning{background:var(--warning-surface,#f9eadf);color:var(--warning-ink,#945c40);border-left:3px solid var(--red)}
.diagnostic-loading{background:var(--surface-subtle,#edf2e5);color:var(--muted,#60744f);border-left:3px solid #91ae66}
.diagnostic-scope{padding:21px 29px 0;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.diagnostic-overview{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr);gap:18px;margin:17px 29px 25px}
.diagnostic-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.diagnostic-metric{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;border:1px solid var(--line);padding:17px}
.diagnostic-metric>span{font-size:10px;color:var(--muted,#77816e)}.diagnostic-metric strong{font:500 29px var(--mono)}
.diagnostic-metric small{font-size:10px;color:var(--muted,#7e8874);line-height:1.7}
.diagnostic-metric.lead{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.diagnostic-metric.lead strong{color:var(--lime)}.diagnostic-metric.lead>span,.diagnostic-metric.lead small{color:#b9c2ae}
.diagnostic-reading{background:var(--surface-subtle,#f0f2e6);padding:20px;border-left:3px solid #90a875;align-self:start;font-size:11px;line-height:1.9;color:var(--muted,#657454)}
.diagnostic-reading h2{font-size:13px;color:var(--ink,#3d512f);margin:0 0 10px}.diagnostic-reading p{margin:10px 0}.diagnostic-reading strong{font-family:var(--mono);color:var(--ink,#40542f)}
.diagnostic-section{padding:22px 29px;border-top:1px solid var(--line);min-width:0}
.diagnostic-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.diagnostic-section h2{font-size:15px;margin:0;letter-spacing:-.02em}.diagnostic-section-head>span{font:10px var(--mono);color:var(--muted,#838d77)}
.diagnostic-caption{font-size:10px;line-height:1.9;color:var(--muted,#818a75);margin:9px 0 14px;overflow-wrap:anywhere}
.diagnostic-table-wrap{overflow-x:auto;border:1px solid var(--line)}
.diagnostic-table{width:100%;border-collapse:collapse;text-align:left;font:11px/1.7 var(--mono)}
.diagnostic-table th,.diagnostic-table td{padding:12px 10px;border-bottom:1px solid #e6e3d9;vertical-align:top}
.diagnostic-table thead th{font:400 10px/1.7 var(--sans);color:var(--muted,#78846d);background:var(--surface-subtle,#f5f3ea);white-space:nowrap}
.diagnostic-table tbody th{font:500 11px/1.7 var(--sans);min-width:100px;max-width:330px;overflow-wrap:anywhere}
.diagnostic-table tbody tr:last-child>*{border-bottom:0}.diagnostic-table td{white-space:nowrap}
.diagnostic-table .diagnostic-version{font:10px/1.8 var(--mono);word-break:break-word;min-width:200px}
.diagnostic-table small{display:block;color:var(--muted,#8a927f);font:9px/1.8 var(--sans);margin-top:4px;white-space:normal}
.diagnostic-badge{display:inline-block;padding:2px 6px;background:var(--surface-subtle,#f7eadc);color:var(--warning-ink,#976b43);font:9px/1.8 var(--sans);white-space:nowrap}
.diagnostic-badge.ready{background:var(--surface-subtle,#edf1e4);color:var(--muted,#687e51)}
.diagnostic-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.diagnostic-split>div{min-width:0}
.diagnostic-split h3{font-size:12px;margin:4px 0 12px}
.diagnostic-error{border-top:1px solid var(--line);padding:16px 0;font-size:11px;line-height:1.8}
.diagnostic-error:last-child{padding-bottom:0}.diagnostic-error summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;cursor:pointer;list-style:none}
.diagnostic-error summary::-webkit-details-marker{display:none}.diagnostic-error summary>strong{font-size:12px;overflow-wrap:anywhere}
.diagnostic-error summary>span{font:11px/1.8 var(--mono);color:var(--warning-ink,#a76243);white-space:nowrap}
.diagnostic-error summary>small{grid-column:1/-1;color:var(--muted,#8b927f);font:9px/1.8 var(--mono);overflow-wrap:anywhere}
.diagnostic-error summary>strong:before{content:'＋';font:12px var(--mono);color:var(--muted,#788b62);margin-right:8px}.diagnostic-error[open] summary>strong:before{content:'－'}
.diagnostic-error-body{padding:14px 0 0 21px;color:var(--muted,#67765b)}.diagnostic-error-body p{margin:8px 0;overflow-wrap:anywhere}
.diagnostic-error-body ul{padding-left:17px;margin:12px 0}.diagnostic-error-body li{margin:9px 0}.diagnostic-error-body li small{display:block;font-size:10px;color:var(--muted,#8a927d)}
.diagnostic-fields{display:grid;grid-template-columns:105px minmax(0,1fr);gap:7px 12px;margin:12px 0}.diagnostic-fields dt{color:var(--muted,#86917a)}.diagnostic-fields dd{margin:0;overflow-wrap:anywhere;font:10px/1.9 var(--mono)}
.diagnostic-cause-note{padding:10px 12px;background:var(--warning-surface,#f6f1e5);color:var(--warning-ink,#977349);font-size:10px;line-height:1.9}
.diagnostic-error a{display:inline-block;margin-top:9px;color:var(--muted,#4d7634);text-decoration:underline;text-underline-offset:3px}
.diagnostic-empty{padding:30px 29px;color:var(--muted,#7c8771);font-size:12px;line-height:1.9}.diagnostic-empty strong{color:var(--muted,#58684a)}.diagnostic-empty p{font-size:11px;overflow-wrap:anywhere}
.diagnostic-methods{padding:20px 29px;background:var(--surface-subtle,#f7f4ea);border-top:1px solid var(--line);font-size:10px;line-height:1.9;color:var(--muted,#808a73)}.diagnostic-methods summary{cursor:pointer;color:var(--muted,#5d6e4e);font-weight:600}.diagnostic-methods li{margin:8px 0}.diagnostic-methods ul{padding-left:18px}
.diagnostic-page select:focus-visible,.diagnostic-page summary:focus-visible,.diagnostic-page a:focus-visible,.diagnostic-table-wrap:focus-visible{outline:2px solid #72a633;outline-offset:3px}
.diagnostic-page .refresh-button{font-family:var(--sans)}
@media(max-width:1120px){.diagnostic-overview{grid-template-columns:minmax(0,1.3fr) minmax(220px,1fr)}.diagnostic-split{grid-template-columns:1fr}.nav{gap:20px}.top-right{gap:10px}.top-right>span:last-child{display:none}}
@media(max-width:700px){.diagnostic-heading{padding:21px 15px;flex-wrap:wrap;gap:12px}.diagnostic-heading h1{font-size:25px}.diagnostic-heading p{font-size:11px}.diagnostic-heading>.refresh-button{margin:0;min-height:36px}.diagnostic-toolbar{padding:15px;grid-template-columns:1fr;gap:12px}.diagnostic-toolbar>.refresh-button{justify-self:start}.diagnostic-toolbar select{font-size:12px;min-height:42px}.diagnostic-status{padding:15px 15px 0;font-size:9px}.diagnostic-warning,.diagnostic-loading{margin:14px 15px 0}.diagnostic-scope{padding:18px 15px 0;font-size:11px}.diagnostic-overview{grid-template-columns:1fr;margin:15px 15px 21px;gap:13px}.diagnostic-metric{padding:13px;gap:8px}.diagnostic-metric strong{font-size:24px}.diagnostic-reading{padding:15px}.diagnostic-section{padding:20px 15px}.diagnostic-section h2{font-size:14px}.diagnostic-table th,.diagnostic-table td{padding:10px 8px}.diagnostic-caption{font-size:11px}.diagnostic-error summary{grid-template-columns:1fr;gap:6px}.diagnostic-error summary>small{font-size:10px}.diagnostic-error summary>span{padding-left:21px}.diagnostic-error-body{font-size:11px;padding-left:0}.diagnostic-fields{grid-template-columns:90px minmax(0,1fr);gap:7px}.diagnostic-fields dd{font-size:10px}.diagnostic-methods{padding:17px 15px;font-size:11px}.diagnostic-empty{padding:25px 15px}.nav{gap:22px}}