:root { font-family: Inter, system-ui, sans-serif; color: #172033; background: #f3f5f8; }
body { margin: 0; }
main { width: min(1180px, calc(100% - 32px)); margin: 32px auto; }
header,.row { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.card { background:#fff; border:1px solid #dfe4ec; border-radius:14px; padding:22px; margin-bottom:20px; box-shadow:0 8px 25px rgba(20,35,60,.06); }
.narrow { max-width:420px; margin:80px auto; }
h1,h2 { margin:0 0 16px; }
label { display:flex; flex-direction:column; gap:7px; font-size:14px; }
input,select,textarea,button { font:inherit; padding:10px 12px; border-radius:9px; border:1px solid #c9d1dd; }
textarea { resize:vertical; min-height:110px; }
button { background:#1f66d1; color:#fff; border:0; cursor:pointer; font-weight:650; }
button.secondary { background:#eef2f8; color:#273750; }
form { display:grid; gap:14px; }
.grid { grid-template-columns:repeat(4,minmax(130px,1fr)); align-items:end; }
.release-grid { grid-template-columns:repeat(4,minmax(130px,1fr)); align-items:end; margin-top:16px; }
.release-grid .wide { grid-column:1/-1; }
.check-label { flex-direction:row; align-items:center; padding:10px 0; }
.check-label input { width:18px; height:18px; }
.form-actions { display:flex; gap:10px; }
.hint { color:#667085; font-size:13px; margin:4px 0 0; }
.status { min-height:20px; color:#b42318; }
pre { background:#101828; color:#e6edf7; padding:15px; border-radius:10px; white-space:pre-wrap; }
.license { border-top:1px solid #e6eaf0; padding:16px 0; }
.license:first-child { border-top:0; }
.meta { display:flex; flex-wrap:wrap; gap:8px 18px; color:#536176; font-size:13px; }
.actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.actions button { padding:7px 10px; font-size:13px; }
.device { margin:10px 0 0 18px; padding:10px; background:#f7f9fc; border-radius:8px; }
.release { border-top:1px solid #e6eaf0; padding:18px 0; }
.release:first-child { border-top:0; }
.release h3 { margin:10px 0 7px; }
.release-notes { color:#344054; line-height:1.65; margin-bottom:10px; }
.badge { border-radius:999px; padding:4px 9px; background:#eef2f8; color:#344054; font-size:12px; }
.release.published .badge { background:#dcfae6; color:#067647; }
.release.ready .badge { background:#fff1cc; color:#9a6700; }
button.danger { background:#b42318; }
@media(max-width:800px){.grid,.release-grid{grid-template-columns:1fr 1fr}header{align-items:flex-start}.meta{display:grid}.device{margin-left:0}}
@media(max-width:520px){.grid,.release-grid{grid-template-columns:1fr}.release-grid .wide{grid-column:auto}.row{align-items:flex-start}.form-actions{flex-direction:column}}