.media-upload-panel { position:fixed; right:20px; bottom:20px; z-index:1200; width:min(390px,calc(100vw - 32px)); box-sizing:border-box; padding:15px; border:1px solid #645044; border-radius:13px; background:#211e20; color:#f4e8df; box-shadow:0 8px 30px #0005; font:13px/1.5 system-ui,sans-serif; }
.media-upload-panel[hidden] { display:none !important; }
.media-upload-panel header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 9px; }
.media-upload-panel header strong { font-size:14px; }
.media-upload-panel p { margin:5px 0; }
.media-upload-batches { display:grid; gap:10px; max-height:36vh; overflow-y:auto; overscroll-behavior:contain; }
.media-upload-batch { min-width:0; padding:10px; border:1px solid #ffffff16; border-radius:8px; background:#ffffff05; }
.media-upload-batch strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.media-upload-message { color:#d7c7bb; overflow-wrap:anywhere; }
.media-upload-actions { display:flex; flex-wrap:wrap; gap:7px; margin-top:8px; }
.media-upload-panel button { padding:5px 10px; border:1px solid #94735b; border-radius:6px; background:#3d2b22; color:#ffcfaa; font:inherit; cursor:pointer; }
.media-upload-panel button:hover { background:#574032; }
.media-upload-panel button:focus-visible { outline:2px solid #ffa86a; outline-offset:2px; }
.media-upload-panel button:disabled { opacity:.55; cursor:default; }
.media-upload-panel small { display:block; margin-top:8px; color:#b9a99e; font-size:11px; }
.media-upload-panel progress { width:100%; height:7px; accent-color:#ec9258; }
.media-upload-hint { color:#b9a99e; font-size:11px; }
.media-upload-errors { color:#ffb3a7; font-size:12px; overflow-wrap:anywhere; }
.media-thumbnail-pending, .library-image-pending { display:flex; align-items:center; justify-content:center; min-height:64px; padding:8px; box-sizing:border-box; background:#ffffff08; color:#ad9f95; font-size:11px; line-height:1.4; text-align:center; }
html[data-theme="light"] .media-upload-panel { border-color:#dcc8b8; background:#fffaf6; color:#583d2c; box-shadow:0 8px 30px #4a2d1c22; }
html[data-theme="light"] .media-upload-batch { border-color:#ecdace; background:#fff; }
html[data-theme="light"] .media-upload-message { color:#755b49; }
html[data-theme="light"] .media-upload-panel small { color:#826c5e; }
html[data-theme="light"] .media-upload-hint { color:#826c5e; }
html[data-theme="light"] .media-upload-errors { color:#a83628; }
html[data-theme="light"] .media-thumbnail-pending, html[data-theme="light"] .library-image-pending { background:#f5eee8; color:#806d5e; }
html[data-theme="light"] .media-upload-panel button { border-color:#dbb797; background:#fff0e4; color:#8f4a22; }
html[data-theme="light"] .media-upload-panel button:hover { background:#ffe4ce; }
@media(max-width:600px) { .media-upload-panel { right:16px; bottom:12px; padding:12px; } .media-upload-batches { max-height:28vh; } }

.asset-settings-page .library-image-pending { height:130px; border-radius:8px; }

.asset-settings-page .library-card > img { display:block; }

.asset-settings-page .library-grid > .library-load-more { grid-column:1 / -1; width:100%; min-height:0; padding:11px 14px; border:1px solid #79614e; border-radius:8px; background:#33251f; color:#ffd5b3; font:inherit; text-align:center; cursor:pointer; }
html[data-theme="light"] .asset-settings-page .library-grid > .library-load-more { border-color:#ddc6b2; background:#fff3e9; color:#8b4b27; }
.asset-settings-page .library-grid > .library-load-more:disabled { opacity:.55; cursor:default; }