#performance-debug{position:fixed;inset:62px 16px auto auto;margin:0;width:min(740px,calc(100vw - 32px));max-height:calc(100dvh - 176px);overflow:auto;border:1px solid #bccdbf;border-radius:14px;background:#fbfcf8fa;color:#233b31;padding:20px;box-shadow:0 8px 36px #1c35282a;font:12px/1.5 system-ui;z-index:10}
#performance-debug:not([open]){display:none}.perf-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.perf-heading h2{font-size:23px;margin:0;letter-spacing:-.025em}.perf-kicker{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#627969;margin:0 0 4px}.perf-intro,.perf-note{color:#617568}.perf-intro{margin:10px 0 14px}.perf-note{font-size:10px;margin:8px 0 12px}.perf-toolbar,.perf-comparison{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.perf-comparison{margin-top:10px}.perf-comparison label{display:flex;align-items:center;gap:8px}.perf-toolbar button:first-child{background:#2d654b;color:#fff}.perf-toolbar button:disabled,#performance-debug button:disabled{opacity:.45;cursor:default}#perf-status{font-size:11px;min-height:20px;color:#55715e}
.perf-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.perf-numbers div{border-left:2px solid #d5dfd1;padding-left:10px;min-width:0}.perf-numbers span,.perf-numbers small{display:block;font-size:10px;color:#647568}.perf-numbers strong{display:block;font-size:19px;line-height:1.6;font-variant-numeric:tabular-nums;white-space:nowrap}
#perf-timeline{display:block;width:100%;height:144px;border:1px solid #d6dfd2;border-radius:7px}.perf-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;margin-top:5px;color:#566f5e}.perf-legend span:before{content:'';display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--key);margin-right:5px}.perf-table-wrap{overflow:auto;max-height:245px}#performance-debug table{border-collapse:collapse;width:100%;font-size:11px}#performance-debug th,#performance-debug td{padding:5px 6px;text-align:right;border-bottom:1px solid #e0e7dc;font-variant-numeric:tabular-nums}#performance-debug th:first-child,#performance-debug td:first-child{text-align:left}#performance-debug th{position:sticky;top:0;background:#f1f5ed;font-weight:600}
#performance-debug details{border-top:1px solid #d6dfd2;margin-top:10px;padding-top:9px}#performance-debug summary{font-weight:600}#perf-resources{display:grid;grid-template-columns:128px 1fr;gap:5px 12px;font-size:11px}#perf-resources dt{color:#657968}#perf-resources dd{margin:0;overflow-wrap:anywhere}#perf-result{border:1px solid #cbdccc;background:#eff5ea;border-radius:8px;padding:12px;margin:12px 0}#perf-result h3{margin:0;font-size:13px}#perf-result p{margin:4px 0}#perf-close{background:none;border:0;font-size:16px;padding:2px 6px}
@media(max-width:620px){#performance-debug{inset:56px 8px auto auto;width:calc(100vw - 16px);padding:13px;max-height:calc(100dvh - 166px)}.perf-numbers{grid-template-columns:repeat(2,1fr);gap:7px}.perf-toolbar button{padding:6px 7px;font-size:11px}.perf-comparison{align-items:flex-end}.perf-comparison label{gap:5px;font-size:10px}#perf-resources{grid-template-columns:100px 1fr}}