.imaben-library{max-width:1280px;margin:auto;padding:24px 16px;color:#172033}
.imaben-library *{box-sizing:border-box}
.imaben-library__head h1{font-size:clamp(28px,4vw,44px);margin:0 0 8px}
.imaben-library__head p{margin:0 0 20px}
.imaben-filters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:12px;padding:16px;background:#f3f7fb;border-radius:16px}
.imaben-filters label{font-weight:700;font-size:13px}
.imaben-filters span{display:block;margin-bottom:5px}
.imaben-filters input,.imaben-filters select{width:100%;min-height:44px;border:1px solid #b8c4d3;border-radius:10px;background:#fff;padding:8px 10px;font:inherit}
.imaben-result{margin:18px 0 10px}
.imaben-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.imaben-card{appearance:none;border:1px solid #dfe5ec;border-radius:14px;background:#fff;padding:10px;text-align:left;cursor:pointer;color:inherit;box-shadow:0 2px 10px #0c23400d}
.imaben-card:hover,.imaben-card:focus-visible{border-color:#2266cc;transform:translateY(-2px)}
.imaben-card[hidden]{display:none}
.imaben-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.imaben-card__name{display:block;font-weight:800;margin-top:8px}
.imaben-card__reading{display:block;color:#64748b;font-size:12px;margin-top:2px}
.imaben-modal{width:min(760px,calc(100% - 24px));border:0;border-radius:18px;padding:28px;box-shadow:0 24px 80px #0005}
.imaben-modal::backdrop{background:#0f172a99}
.imaben-modal[open]{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:26px}
.imaben-modal img{max-width:100%;height:auto}
.imaben-modal__close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:30px;cursor:pointer}
.imaben-modal h2{margin:8px 36px 4px 0}
.imaben-modal dl div{margin:10px 0}
.imaben-modal dt{font-size:12px;font-weight:800;color:#64748b}
.imaben-modal dd{margin:2px 0}
.imaben-download{display:inline-block;background:#1769d2;color:#fff!important;text-decoration:none;padding:11px 16px;border-radius:10px;font-weight:800}
.imaben-empty{text-align:center;padding:40px}
.imaben-search{grid-column:span 2}
@media(max-width:760px){.imaben-filters{grid-template-columns:1fr 1fr}
.imaben-search{grid-column:1/-1}
.imaben-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.imaben-modal[open]{display:block;max-height:calc(100dvh - 20px);overflow:auto}
.imaben-modal img{display:block;max-height:42vh;margin:auto}
.imaben-library{padding:16px 10px}
}

.imaben-library{width:calc(100vw - 48px)!important;max-width:1600px!important;margin-left:calc(50% - min(800px,calc(50vw - 24px)))!important;margin-right:0!important;transform:none!important}
main:has(.imaben-library) .wp-block-post-title{width:calc(100vw - 48px)!important;max-width:1600px!important;margin-left:calc(50% - min(800px,calc(50vw - 24px)))!important;margin-right:0!important;transform:none!important}
@media(max-width:760px){.imaben-library{width:calc(100vw - 20px)!important;max-width:none!important;margin-left:calc(50% - 50vw + 10px)!important;margin-right:0!important;transform:none!important}main:has(.imaben-library) .wp-block-post-title{width:calc(100vw - 20px)!important;max-width:none!important;margin-left:calc(50% - 50vw + 10px)!important;margin-right:0!important;transform:none!important}}
