: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,button { font:inherit; padding:10px 12px; border-radius:9px; border:1px solid #c9d1dd; }
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; }
.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; }
@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}header{align-items:flex-start}.meta{display:grid}.device{margin-left:0}}