/* 全宽媒体库页隐藏后台右栏，避免与工具栏/网格重叠 */
.admin-columns:has(.media-library-page) .admin-right{display:none}
.admin-columns:has(.media-library-page){grid-template-columns:1fr}
/*
 * Media Library Page and Modal Styles
 *
 * Styles the media-library admin page, upload controls, grid, and picker modal.
 *
 * Authors:
 * MoyuZJ <moyuzj@moyuzj.cn> @LinearTeam - Made in China with ♥
 *
 * Copyright (C) 2026 Evarentha
 * SPDX-License-Identifier: GPL-3.0-or-later
 */

/*
 * Styles for the media-library plugin.
 *
 * Covers the full-width admin page (head, toolbar, kind tabs, card grid, pager),
 * the media picker modal shared with the editor, and the rule that hides the
 * admin right column on the media-library page.
 *
 * @since 1.0.0
 */

.media-library-page{--media-ink:#18221d;--media-muted:#748078;--media-line:#dce3dc;--media-paper:#fff;--media-wash:#f2f5f0;min-height:calc(100vh - 90px);margin:-32px -32px -32px;padding:38px 42px 70px;background:var(--media-wash);color:var(--media-ink);font-family:Arial,sans-serif}.media-library-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:0 auto 34px;max-width:1180px}.media-library-head h1{margin:8px 0 5px;font:400 42px/1.05 Georgia,serif}.media-library-head p{margin:0;color:var(--media-muted);font-size:13px}.media-kicker{color:#c65239;font-size:10px;letter-spacing:.14em;font-weight:700}.media-upload-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;background:#c65239;color:#fff;cursor:pointer;font-size:12px}.media-upload-button input{display:none}.media-library-toolbar,.media-modal-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1180px;margin:0 auto 18px;border-top:1px solid var(--media-line);border-bottom:1px solid var(--media-line);padding:12px 0}.media-tabs{display:flex;flex-wrap:wrap;gap:4px}.media-tabs button,.media-picker-button,.media-toolbar-button{border:1px solid transparent;background:transparent;color:var(--media-muted);padding:8px 11px;cursor:pointer;font:12px Arial,sans-serif}.media-tabs button:hover,.media-tabs button.is-active{border-color:var(--media-ink);color:var(--media-ink);background:var(--media-paper)}.media-status{color:var(--media-muted);font-size:12px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;max-width:1180px;margin:0 auto}.media-card{position:relative;min-width:0;background:var(--media-paper);border:1px solid var(--media-line);transition:transform .18s,box-shadow .18s}.media-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(24,34,29,.08)}.media-preview{display:grid;place-items:center;aspect-ratio:1.3;background:#e7ece6;overflow:hidden}.media-preview img{width:100%;height:100%;object-fit:cover}.media-type-icon{color:#c65239;font:700 13px/1 Arial;letter-spacing:.12em;border:1px solid #c65239;padding:12px}.media-card-copy{display:grid;gap:5px;padding:12px 12px 14px}.media-card-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.media-card-copy small{color:var(--media-muted);font-size:10px}.media-use,.media-delete{position:absolute;right:8px;top:8px;border:0;background:var(--media-ink);color:#fff;padding:7px 9px;cursor:pointer;font-size:11px}.media-delete{width:25px;height:25px;padding:0;background:rgba(24,34,29,.84);font-size:17px;line-height:25px}.media-empty{max-width:1180px;margin:50px auto;text-align:center;color:var(--media-muted);font:18px Georgia,serif}.media-modal{display:none;position:fixed;z-index:2147483000;inset:0;width:100vw;height:100vh;isolation:isolate}.media-modal.is-open{display:block}.media-modal-backdrop{position:absolute;z-index:0;inset:0;background:rgba(17,25,20,.72)!important;opacity:1}.media-modal-panel{position:relative;z-index:1;width:min(900px,calc(100vw - 32px));max-height:calc(100vh - 50px);overflow:auto;margin:25px auto;background:#fff!important;color:#18221d!important;opacity:1;box-shadow:0 24px 80px rgba(0,0,0,.28);padding:26px}.media-modal-panel>header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.media-modal-panel h2{margin:7px 0 0;font:400 30px Georgia,serif}.media-close{border:0;background:transparent;color:var(--media-ink);font-size:29px;line-height:1;cursor:pointer}.media-grid-modal{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));margin-top:18px}.media-grid-modal .media-card-copy{padding:9px}.media-grid-modal .media-use{font-size:10px}.media-picker-button,.media-toolbar-button{display:inline-block;margin-top:12px;border-color:var(--media-line);background:var(--media-paper);color:var(--media-ink)}.media-picker-button:hover,.media-toolbar-button:hover{border-color:#c65239;color:#c65239}@media(max-width:700px){.media-library-page{margin:-20px -16px;padding:28px 18px 50px}.media-library-head{align-items:flex-start;flex-direction:column}.media-library-head h1{font-size:36px}.media-library-toolbar,.media-modal-tools{align-items:flex-start;flex-direction:column}.media-modal-panel{padding:18px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}}

/* 媒体库分页控件 */
.media-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px 0 6px;font:12px Arial,sans-serif;color:#777}.media-pager[hidden]{display:none}.media-pager button{border:1px solid #d7d7d7;background:#fff;padding:8px 14px;cursor:pointer;font:12px Arial,sans-serif;color:#1a1a1a}.media-pager button:disabled{opacity:.45;cursor:default}.media-pager-label{color:#777}