.cloud-main{max-width:1080px;margin:auto;padding:28px 18px 70px}.cloud-main h1{font-size:28px}.cloud-main h2{font-size:21px}.cloud-main .card{margin-bottom:16px}.name-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}.name-grid button{text-align:left;min-height:75px}.name-grid small{display:block;font-weight:400}.status{color:var(--muted);min-height:24px}.status.error,.error{color:var(--red)}.cloud-main label{display:block;margin:14px 0}.cloud-main input,.cloud-main textarea,.cloud-main select{margin-top:5px}.cloud-main .toolbar{align-items:center}.cloud-main .record{padding:14px 0;border-bottom:1px solid var(--line)}.cloud-main img.preview{display:block;max-width:100%;max-height:220px;border-radius:12px;margin-top:12px}.cloud-main button:disabled{opacity:.55;cursor:wait}.cloud-main .summary{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0}.cloud-main details{margin:12px 0}.cloud-main summary{cursor:pointer}.cloud-main .student-row{flex-wrap:wrap}.cloud-main a.media{color:var(--mint);text-decoration:underline}.cloud-main .error-box{border-color:var(--red)}.cloud-main .intro{max-width:600px;margin:8vh auto}.cloud-main .topbar{flex-wrap:wrap}.cloud-main .empty{text-align:left}@media(max-width:540px){.cloud-main{padding:20px 12px 48px}.cloud-main .form-grid{grid-template-columns:1fr}.cloud-main .btn{min-height:44px}.cloud-main h1{font-size:25px}}