.background-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.background-count{padding:7px 11px;border:1px solid var(--line);border-radius:20px;color:var(--muted);font-size:12px}.background-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.background-card{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:14px}.background-preview{position:relative;aspect-ratio:16/9;background:linear-gradient(145deg,#203248,#0a1118);overflow:hidden}.background-preview img,.background-preview video{width:100%;height:100%;object-fit:cover}.media-badge{position:absolute;top:10px;left:10px;padding:5px 8px;border-radius:8px;background:#07121dcc;color:#fff;font-size:10px;text-transform:uppercase}.video-toggle{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:48px;height:48px;border:1px solid #ffffff66;border-radius:50%;background:#07121dcc;color:white;cursor:pointer}.background-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px}.upload-panel{position:sticky;top:24px}.upload-panel input[type=file]{padding:9px}.upload-panel small{display:block;margin-top:7px}.upload-panel h2{margin-top:7px}@media(max-width:900px){.background-layout{grid-template-columns:1fr}.upload-panel{position:static;grid-row:1}.background-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}