style.css

*{box-sizing:border-box}body{margin:0;background:#f4f4f5;color:#111;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{position:sticky;top:0;z-index:3;background:#fffffff0;backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid #ddd}header h1{font-size:19px;margin:0}header button{width:auto}main{max-width:720px;margin:auto;padding:12px}section{background:#fff;border:1px solid #ddd;border-radius:16px;padding:15px;margin-bottom:12px}h2{font-size:17px;margin-top:0}label{display:block;font-size:13px;font-weight:650;margin:10px 0 5px}input,select,textarea,button{width:100%;padding:11px;border:1px solid #ccc;border-radius:10px;font:inherit;background:#fff}textarea{min-height:70px}.primary{background:#111;color:#fff;margin-top:14px}.g{display:grid;grid-template-columns:1fr 1fr;gap:9px}.plate{display:grid;grid-template-columns:1fr auto 1.25fr .75fr 1fr;gap:6px;align-items:center;direction:ltr}.plate input{text-align:center}.plate span{text-align:center;font-weight:700}.labels{display:grid;grid-template-columns:1fr auto 1.25fr .75fr 1fr;gap:6px;direction:ltr;text-align:center;font-size:10px;color:#777;margin-top:3px}.alert{border:2px solid #b42318;background:#fff4f2}.hide{display:none}.row{padding:11px 0;border-bottom:1px solid #eee}.row strong{direction:ltr;display:block}.meta,small{font-size:12px;color:#666}dialog{width:min(90vw,450px);border:0;border-radius:16px;padding:18px}dialog::backdrop{background:#0007}@media(max-width:520px){.g{grid-template-columns:1fr}}