.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:rgba(2,3,7,.82);backdrop-filter:blur(6px)}
.lesson-modal{width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#11131a;border:1px solid #343947;box-shadow:0 28px 90px rgba(0,0,0,.55)}
.lesson-modal>header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #292e3a}
.lesson-modal>header small{color:#c9ff2f;font:9px monospace;text-transform:uppercase;letter-spacing:.14em}
.lesson-modal h2{margin:6px 0 0;font-size:23px}
.modal-close{width:34px;height:34px;border:1px solid #373c49;background:#171a22;color:#9297a4;font-size:22px;cursor:pointer}
.lesson-modal form{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:24px}
.lesson-modal label{display:grid;gap:8px;color:#c7cad2;font-size:11px}
.lesson-modal input,.lesson-modal select{width:100%;min-height:42px;border:1px solid #3a3f4d;background:#0d0f15;padding:10px 12px;color:#f4f4f1;outline:none}
.lesson-modal textarea{width:100%;resize:vertical;border:1px solid #3a3f4d;background:#0d0f15;padding:12px;color:#f4f4f1;outline:none;line-height:1.5}
.lesson-modal input:focus,.lesson-modal select:focus{border-color:#5bd6ff;box-shadow:0 0 0 2px rgba(91,214,255,.12)}
.lesson-modal .full{grid-column:1/-1}
.lesson-modal fieldset{margin:0;padding:0;border:0}
.lesson-modal legend{margin-bottom:9px;color:#9297a4;font:9px monospace;text-transform:uppercase;letter-spacing:.12em}
.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.choice-row label{position:relative;display:block}
.choice-row input{position:absolute;opacity:0;pointer-events:none}
.choice-row span{display:grid;place-items:center;min-height:42px;padding:8px;border:1px solid #3a3f4d;background:#151820;color:#aeb2bd;text-align:center;font-weight:700}
.choice-row input:checked+span{border-color:#c9ff2f;background:#c9ff2f;color:#0b0d08}
.ad-choice{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;border:1px solid #343947;background:#151820;padding:12px}
.ad-choice input{width:18px;min-height:18px;accent-color:#c9ff2f}
.modal-error{padding:11px;border:1px solid rgba(255,94,98,.5);background:rgba(255,94,98,.08);color:#ff8d90;font-size:12px}
.lesson-modal footer{display:flex;justify-content:flex-end;gap:9px;padding-top:3px}
.inspector-modal{width:min(900px,100%)}
.cover-editor{position:relative;min-height:230px;border:1px solid #343947;background:radial-gradient(circle at 50% 120%,rgba(129,100,255,.22),transparent 55%),#0d0f15;overflow:hidden}
.cover-image{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#0d0f15;cursor:zoom-in}
.cover-image img{width:100%;height:100%;object-fit:cover}
.cover-empty{min-height:230px;display:grid;place-content:center;text-align:center;gap:8px;color:#c9ccd4}
.cover-empty span{color:#9297a4;font-size:11px}
.cover-upload{position:absolute!important;right:14px;bottom:14px;display:block!important;z-index:2}
.cover-upload input,.gallery-upload input{position:absolute;opacity:0;pointer-events:none}
.cover-upload span,.gallery-upload span{display:block;border:1px solid #c9ff2f;background:#c9ff2f;padding:10px 13px;color:#0b0d08;font-weight:800;cursor:pointer}
.image-gallery{border-top:1px solid #292e3a;padding-top:5px}
.gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.gallery-heading strong{display:block}.gallery-heading>div>span{display:block;margin-top:5px;color:#9297a4;font-size:10px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.gallery-image{min-width:0;border:1px solid #343947;background:#151820}.gallery-image.is-cover{border-color:#c9ff2f}
.gallery-preview{display:block;width:100%;height:130px;padding:0;border:0;background:#0d0f15;cursor:zoom-in;overflow:hidden}.gallery-preview img{width:100%;height:100%;object-fit:cover}
.gallery-image>div{padding:9px}.gallery-image>div>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#c7cad2;font-size:10px}
.gallery-image nav{display:flex;gap:10px;margin-top:8px}.gallery-image nav button{padding:0;border:0;background:none;color:#5bd6ff;font-size:9px;cursor:pointer}.gallery-image nav button:last-child{color:#ff8589}
.gallery-empty{grid-column:1/-1;margin:0;padding:28px;border:1px dashed #343947;color:#9297a4;text-align:center;font-size:11px}
.image-lightbox{position:fixed;inset:0;z-index:200;background:rgba(2,3,7,.96);overflow:hidden;touch-action:none}
.lightbox-tools{position:absolute;top:18px;right:18px;z-index:2;display:flex;gap:7px}.lightbox-tools button{border:1px solid #3a3f4d;background:#151820;padding:9px 12px;color:#f4f4f1;cursor:pointer}
.lightbox-stage{width:100%;height:100%;display:grid;place-items:center;overflow:hidden}.lightbox-stage img{max-width:90vw;max-height:86vh;object-fit:contain;cursor:grab;transform-origin:center;user-select:none}.lightbox-stage img:active{cursor:grabbing}
.inspector-coming{border:1px solid #343947;background:#151820;padding:14px}
.inspector-coming div{display:flex;justify-content:space-between;gap:12px}
.inspector-coming span,.inspector-coming p{color:#9297a4;font-size:11px}
.inspector-coming p{margin:8px 0 0}
.inspector-footer{justify-content:space-between!important;align-items:center}
.inspector-footer>div{display:flex;gap:8px}
.danger-outline{border:1px solid #4a4f5c;background:transparent;padding:10px 14px;color:#c8cbd3;cursor:pointer}
.danger-outline.delete{border-color:rgba(255,94,98,.7);color:#ff8589}
.lesson-modal footer button{min-width:130px}
.lesson-modal button:disabled{cursor:wait;opacity:.65}
@media(max-width:620px){.modal-backdrop{padding:10px}.lesson-modal form{grid-template-columns:1fr;padding:18px}.lesson-modal form>*{grid-column:1/-1}.choice-row{grid-template-columns:1fr}.lesson-modal footer button{min-width:0;flex:1}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-heading{align-items:flex-start}.cover-editor,.cover-empty{min-height:180px}}