:root{font-family:system-ui;color:#073f3c;background:#d9f7f5}*{box-sizing:border-box}body{margin:0}header{display:flex;gap:18px;align-items:center;padding:18px max(16px,calc((100vw - 1100px)/2));background:#0b8f89;color:white}header a{color:white;font-weight:900}header div{flex:1}header h1,header p{margin:3px}main{max-width:1100px;margin:18px auto;padding:0 14px}.card,dialog{background:white;border:1px solid #91d8d3;border-radius:18px;padding:18px}.bundle{display:flex;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid #d6ecea}button{padding:10px 14px;border:1px solid #0abab5;border-radius:10px;background:white;font-weight:900}dialog{width:min(950px,calc(100% - 20px));max-height:90vh}dialog::backdrop{background:#003b3988}dialog form{text-align:right}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gallery label{display:block;border:1px solid #b8e3df;border-radius:12px;padding:8px}.gallery img{width:100%;aspect-ratio:4/3;object-fit:contain}.current{background:#eefafa}.error{color:#a40000}.gallery label.recommended{border:3px solid #08a77f;background:#e9fff5}.gallery label.warning{border:3px solid #e09925;background:#fff8e7}.badge{display:block;font-weight:900;margin-top:4px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.revision{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px;border-bottom:1px solid #d6ecea}@media(max-width:700px){header{flex-wrap:wrap}header div{order:3;flex-basis:100%}.bundle{align-items:stretch;flex-direction:column}.gallery{grid-template-columns:1fr 1fr}}
