:root{font-family:system-ui,sans-serif;color:#18202a;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:24px}header,.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px}h1{margin:0}header p,.muted{color:#66717e}button,select{font:inherit;padding:10px 14px;border:1px solid #cbd2d9;border-radius:8px;background:white}button{cursor:pointer}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.cards article,.panel{background:white;border:1px solid #dde2e7;border-radius:12px;padding:18px}.cards span,.cards small{display:block;color:#66717e}.cards strong{display:block;font-size:1.35rem;margin:8px 0}.panel{margin-bottom:16px}.timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.bar{padding:12px;border-radius:8px;background:#f1f3f5;border-left:6px solid #8a949e}.bar.available{border-left-color:#16803c}.bar.error{border-left-color:#b42318}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #e6e9ec;white-space:nowrap}.ok{color:#16803c}.err{color:#b42318}@media(max-width:700px){main{padding:12px}.cards{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}}
.screenshot-preview{display:block;width:min(100%,480px);margin:12px 0;color:#175cd3}.screenshot-preview img{display:block;width:100%;max-height:320px;object-fit:contain;object-position:left center;background:#f4f6f8;border:1px solid #dde2e7;border-radius:8px}.screenshot-preview span{display:inline-block;margin-top:6px}
