/* Page Size Checker (uses the Tools Hub kit) */
.psc .psc-out{margin-top:18px}
.psc .psc-sec{margin-top:16px}
.psc .psc-top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px}
@container dsth (max-width:820px){.psc .psc-top{grid-template-columns:minmax(0,1fr)}}
.psc .psc-progress{height:4px;border-radius:4px;background:var(--tk-line);overflow:hidden}
.psc .psc-progress i{display:block;height:100%;width:0;background:var(--tk-em);transition:width .2s}
.psc .psc-hero{display:flex;flex-direction:column;gap:14px}
.psc .psc-total{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.psc .psc-total b{font-family:var(--tk-font-head);font-size:44px;line-height:1;font-weight:700;color:var(--tk-head);letter-spacing:-.02em}
.psc .psc-gauge{position:relative;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--tk-ok) 0 25%,var(--tk-warn) 25% 50%,color-mix(in srgb,var(--tk-bad) 70%,var(--tk-warn)) 50% 75%,var(--tk-bad) 75%);opacity:.9}
.psc .psc-gauge i{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:var(--tk-head);border:3px solid var(--tk-s1);transform:translate(-50%,-50%);left:var(--p,0%);box-shadow:0 2px 6px rgba(0,0,0,.4)}
.psc .psc-scale{display:flex;justify-content:space-between;font-family:var(--tk-mono);font-size:11px;color:var(--tk-muted);margin-top:-6px}
.psc .psc-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.psc .psc-mini div{background:var(--tk-bg);border:1px solid var(--tk-line);border-radius:10px;padding:9px 11px;min-width:0}
.psc .psc-mini b{display:block;font-size:16px;color:var(--tk-head);font-family:var(--tk-font-head)}
.psc .psc-mini span{font-size:11.5px;color:var(--tk-muted)}
.psc .psc-net{display:flex;flex-direction:column;gap:6px;font-size:13px}
.psc .psc-net div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--tk-line);padding-bottom:6px;color:var(--tk-muted)}
.psc .psc-net div:last-child{border-bottom:0;padding-bottom:0}
.psc .psc-net b{color:var(--tk-text);font-family:var(--tk-mono);font-weight:500}
.psc .psc-stackbar{display:flex;height:16px;border-radius:999px;overflow:hidden;background:var(--tk-line);margin:6px 0 16px}
.psc .psc-stackbar i{display:block;height:100%;background:var(--c);min-width:2px}
.psc .psc-types{display:flex;flex-direction:column;gap:10px}
.psc .psc-type{display:grid;grid-template-columns:12px minmax(0,1fr) auto auto;gap:10px;align-items:center;font-size:14px}
.psc .psc-type>i{width:12px;height:12px;border-radius:4px;background:var(--c)}
.psc .psc-type span{color:var(--tk-text)}
.psc .psc-type small{color:var(--tk-muted);font-size:12px;margin-left:6px}
.psc .psc-type b{font-family:var(--tk-mono);font-size:13px;font-weight:500;color:var(--tk-head);text-align:right}
.psc .psc-type em{font-style:normal;font-family:var(--tk-mono);font-size:12px;color:var(--tk-muted);min-width:44px;text-align:right}
.psc .psc-bar{margin-bottom:12px;flex-wrap:wrap;gap:10px}
.psc td.psc-file{word-break:break-all;font-family:var(--tk-mono);font-size:12.5px}
.psc td.psc-file small{display:block;color:var(--tk-muted);font-size:11.5px;margin-top:2px}
.psc .psc-sz{font-family:var(--tk-mono);white-space:nowrap}
.psc .psc-sz.is-big{color:var(--tk-warn)}.psc .psc-sz.is-huge{color:var(--tk-bad)}
.psc .psc-foot{margin:12px 0 0}
.psc .psc-dot{display:inline-block;width:8px;height:8px;border-radius:3px;background:var(--c);margin-right:6px}