.study-list,.study-pages{display:grid;gap:20px;margin:24px 0}.study-open{text-align:left;display:grid;gap:8px;width:100%;cursor:pointer;color:var(--navy)}.study-open span{color:var(--muted)}.study-page{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);gap:25px}.study-page figure{margin:0;align-self:start;position:sticky;top:20px}.study-page img{max-height:650px;width:100%;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:#f3f5fa}.study-page figcaption{font-size:12px;margin:8px 0;color:var(--muted)}.worked-answer{border-bottom:1px solid var(--line);padding:0 0 18px;margin-bottom:18px}.worked-answer h3{font:800 19px Manrope}.worked-answer li{padding:5px 0;line-height:1.6}.study-dialog p,.worked-answer p{white-space:pre-wrap;line-height:1.65}.dialog-message{padding:18px;margin:12px 0;border-radius:15px;background:#eff5ff}.dialog-message.user{background:#e6f9ef}.study-dialog form,#newScreenshotStudy{display:grid;gap:15px}.study-dialog label,#newScreenshotStudy label{display:grid;gap:8px}.study-dialog textarea,.study-dialog select,#newScreenshotStudy input,#newScreenshotStudy select{padding:13px;border:1px solid var(--line);border-radius:10px}.study-dialog textarea{min-height:100px}.sidebar nav{overflow-y:auto}.sidebar nav button{flex-shrink:0}
@media(max-width:760px){.study-page{grid-template-columns:1fr}.study-page figure{position:static}.study-page img{max-height:300px}.sidebar nav{overflow-x:auto;justify-content:start}}
.upload-review{margin:16px 0;width:100%;min-width:0}.upload-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.upload-preview{display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px;background:#f6f8fc;border:1px solid var(--line);border-radius:14px;text-align:left}.upload-preview a{display:block}.upload-preview img{display:block;width:100%;height:160px;object-fit:contain;background:#fff;border-radius:8px}.upload-preview b{font-size:13px;overflow-wrap:anywhere}.upload-preview small{color:var(--muted)}.upload-preview button{min-height:44px;margin-top:auto}.camera-picker{display:grid;gap:9px;margin:16px 0;padding:15px;border:1px solid #c9d8ee;border-radius:12px;background:#eef5ff;font-weight:700}.camera-picker input,#studyFiles{display:block;width:100%;min-height:44px;margin-top:8px}.upload-review[inert]{opacity:.65;pointer-events:none}
@media(max-width:480px){.upload-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-preview img{height:125px}.upload-preview{padding:9px}}
.section-builder{display:grid;gap:12px;margin:15px 0}.section-builder label{display:grid;gap:7px}.section-builder input:not([type="checkbox"]){width:100%;padding:12px;border:1px solid var(--line);border-radius:10px}.group-pick{display:flex!important;align-items:center;gap:9px;font-size:13px;line-height:1.4}.group-pick input{width:22px;height:22px;flex-shrink:0}.section-badge{border-radius:9px;padding:6px 9px;background:#e9e2ff;color:#54418c;font-size:12px;overflow-wrap:anywhere}.study-section{min-width:0}.study-section[hidden]{display:none!important}.study-section .study-page{margin-bottom:18px}.study-choice{margin:20px 0;background:linear-gradient(120deg,#edf8f4,#eff2ff)}.section-finish{padding:22px;background:#eaf8f0;border-radius:15px;margin:18px 0}.section-finish h3{margin-top:0}.study-section .section-head{gap:15px;flex-wrap:wrap}.study-page table th,.study-page table td{white-space:normal;min-width:90px}.study-page table{width:100%}.study-choice button{min-height:44px}#sectionReadiness:not(:empty){margin-top:20px;border-top:1px solid var(--line);padding-top:15px}
