.materialsArea{margin-top:22px;color:var(--text)}
.materialsArea .materialsToolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.materialsArea h2{font-size:21px;margin:0 0 6px}.materialsArea p{color:var(--muted);font-size:14px;line-height:1.6;margin:4px 0}
.materialsArea .materialsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.materialsArea .materialCard{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--panel)}
.materialsArea .materialThumb{position:relative;display:block;width:100%;aspect-ratio:16/10;padding:0;background:#08090b;border:0;cursor:pointer;color:#fff}
.materialsArea .materialThumb img{display:block;width:100%;height:100%;object-fit:contain}
.materialsArea .materialPlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;background:#000b;border:1px solid #ffffff80;border-radius:50%;font-size:20px}
.materialsArea .materialBody{padding:18px}.materialsArea .materialBody h3{margin:0 0 9px;font-size:16px;line-height:1.4;overflow-wrap:anywhere}
.materialsArea .materialMeta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;margin-bottom:16px}
.materialsArea .materialActions{display:flex;gap:8px;flex-wrap:wrap}.materialsArea .materialActions .btn{flex:1;display:inline-flex;justify-content:center;align-items:center;text-decoration:none;font-size:13px;min-height:42px}
.materialsArea .materialActions .materialRemove{flex:0 0 100%;font-size:12px;color:#e88b99;background:none;border:0;padding:10px;cursor:pointer}
.materialsArea .materialsStatus{font-size:14px;padding:12px 0;color:var(--muted)}.materialsArea .materialsStatus[data-error=true]{color:#ff8094}
.materialsArea .materialsEmpty{padding:55px 20px;text-align:center;border:1px dashed var(--line);border-radius:15px;color:var(--muted);font-size:15px}
.materialsArea .materialsUpload{border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:24px;margin-bottom:26px}
.materialsArea .materialsUpload h2{font-size:20px;margin-bottom:16px}
.materialsArea .materialsFields{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end}
.materialsArea .materialsFields label{font-size:13px;letter-spacing:0;text-transform:none;font-weight:600}
.materialsArea .materialsCover{grid-column:1/-1}
.materialsArea .materialsSubmit{display:flex;align-items:center;gap:18px;margin-top:20px;flex-wrap:wrap}
.materialsArea .materialsProgress{width:100%;accent-color:var(--red);height:12px;margin-top:15px}
.materialsArea .materialsPreview{width:min(940px,94vw);max-height:92vh;padding:18px;background:#111014;color:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 90px #0008}
.materialsArea .materialsPreview::backdrop{background:#000c}
.materialsArea .materialsPreviewHead{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:16px;font-size:16px}
.materialsArea .materialsPreviewContent{display:grid;place-items:center}.materialsArea .materialsPreviewContent img,.materialsArea .materialsPreviewContent video{display:block;width:100%;max-height:72vh;object-fit:contain;background:#000}
.materialsArea .materialDraft{display:grid;place-items:center;min-height:160px;background:#181519;color:var(--muted);font-size:14px;padding:20px;text-align:center}
.materialsArea button:focus-visible,.materialsArea a:focus-visible{outline:2px solid #ffc66a;outline-offset:3px}
.materialsAdminTabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.materialsAdminTabs [aria-pressed=true]{border-color:#ff294f;color:#ff8fa2}
@media(max-width:1100px){.materialsArea .materialsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.materialsArea .materialsGrid,.materialsArea .materialsFields{grid-template-columns:1fr}.materialsArea .materialsUpload{padding:18px}.materialsArea .materialsToolbar{align-items:flex-start}.materialsArea .materialsSubmit .btn{width:100%}}