/* SpectraHub V120.4: existing image library; single modal, no nested editor frames. */
.shV1204OwnImagesButton{border-color:#597a99!important;background:#354c61!important;color:#eaf6ff!important}
.shV1204OwnImagesButton:hover{background:#426480!important}
.shOwnImageLibraryBackdrop,.shOwnImageLibraryBackdrop *{box-sizing:border-box}
.shOwnImageLibraryBackdrop{
  position:fixed!important;inset:0!important;z-index:2147483000!important;
  display:flex!important;justify-content:center!important;align-items:center!important;
  padding:16px!important;background:rgba(8,15,26,.76)!important;
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  color:#ebf1f8!important;font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;
}
.shOwnImageLibrary{
  display:flex!important;flex-direction:column!important;gap:0!important;
  width:min(780px,100%)!important;max-width:100%!important;min-width:0!important;
  max-height:min(740px,calc(100dvh - 32px))!important;max-height:min(740px,calc(100vh - 32px));
  margin:0!important;padding:0!important;border:1px solid #63778d!important;border-radius:13px!important;
  background:#333c46!important;box-shadow:0 22px 80px rgba(0,0,0,.5)!important;overflow:hidden!important;
}
.shOwnImageLibraryHeader{
  display:flex!important;justify-content:space-between!important;align-items:center!important;
  gap:16px!important;padding:18px 22px!important;background:#3e4955!important;
  border:0!important;border-bottom:1px solid #627388!important;
}
.shOwnImageLibraryEyebrow{display:block!important;color:#85beee!important;font-size:14px!important;font-weight:800!important;letter-spacing:1.2px!important;line-height:1.5!important}
.shOwnImageLibraryHeader h2{margin:3px 0 0!important;font:750 clamp(17px,2vw,22px)/1.3 system-ui,Arial,sans-serif!important;color:#fff!important}
.shOwnImageLibraryClose{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 37px!important;width:37px!important;height:37px!important;min-width:37px!important;
  margin:0!important;padding:0!important;border:1px solid #73889c!important;border-radius:8px!important;
  background:#303a44!important;color:#fff!important;font:normal 24px/1 system-ui!important;cursor:pointer!important;
}
.shOwnImageLibraryClose:hover{background:#4b5968!important}
.shOwnImageLibraryInfo{margin:0!important;padding:12px 22px!important;background:transparent!important;color:#b9c9d8!important;font:400 14px/1.5 system-ui!important}
.shOwnImageLibraryNotice{padding:18px 22px!important;margin:0!important;color:#b9c9d8!important;font-size:14px!important}
.shOwnImageLibraryNotice[hidden]{display:none!important}
.shOwnImageLibraryGrid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:11px!important;min-width:0!important;align-content:start!important;
  min-height:100px!important;padding:9px 22px 20px!important;
  overflow-y:auto!important;overscroll-behavior:contain!important;
}
.shOwnImageLibraryTile{
  display:flex!important;flex-direction:column!important;gap:0!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  border:1px solid #657588!important;border-radius:9px!important;
  overflow:hidden!important;padding:0!important;margin:0!important;background:#414d5b!important;
  cursor:pointer!important;text-align:left!important;transition:border-color .14s ease,background .14s ease,transform .14s ease!important;
}
.shOwnImageLibraryTile:hover,.shOwnImageLibraryTile:focus-visible{border-color:#5bb8ff!important;background:#4c5a6a!important;outline:2px solid rgba(59,165,255,.35)!important;outline-offset:1px!important;transform:translateY(-1px)!important}
.shOwnImageLibraryTile img{
  display:block!important;width:100%!important;height:116px!important;min-height:116px!important;
  max-width:100%!important;object-fit:cover!important;background:#26313c!important;border:0!important;border-radius:0!important;
}
.shOwnImageLibraryTileMeta{display:block!important;width:100%!important;min-height:42px!important;padding:9px 9px 3px!important;white-space:normal!important;overflow-wrap:anywhere!important;color:#bdcddd!important;font:500 14px/1.45 system-ui,Arial,sans-serif!important}
.shOwnImageLibraryTileAction{display:block!important;width:100%!important;padding:4px 9px 11px!important;color:#8dceff!important;font:750 14px/1.4 system-ui,Arial,sans-serif!important}
.shOwnImageLibraryFooter{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;
  gap:12px!important;padding:12px 22px!important;border-top:1px solid #637387!important;
  background:#394450!important;color:#bfccda!important;font-size:14px!important;
}
.shOwnImageLibraryMore{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:35px!important;margin:0!important;padding:7px 14px!important;border:1px solid #4388bb!important;
  border-radius:6px!important;background:#2489d7!important;color:white!important;font:750 14px system-ui,Arial,sans-serif!important;cursor:pointer!important;
}
.shOwnImageLibraryMore:hover{background:#117ac6!important}
.shOwnImageLibraryMore:disabled{opacity:.55!important;cursor:progress!important}
.shOwnImageLibraryMore[hidden]{display:none!important}
@media(max-width:720px){
  .shOwnImageLibraryBackdrop{padding:9px!important}
  .shOwnImageLibrary{max-height:calc(100dvh - 18px)!important;border-radius:11px!important}
  .shOwnImageLibraryHeader{padding:13px 14px!important;gap:8px!important}
  .shOwnImageLibraryInfo{padding:10px 14px!important;font-size:14px!important}
  .shOwnImageLibraryGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:8px 12px 15px!important}
  .shOwnImageLibraryTile img{height:100px!important;min-height:100px!important}
  .shOwnImageLibraryTileMeta{font-size:14px!important;padding:7px 7px 2px!important}
  .shOwnImageLibraryTileAction{font-size:14px!important;padding:3px 7px 9px!important}
  .shOwnImageLibraryFooter{padding:10px 14px!important}
}
@media(max-width:410px){.shOwnImageLibraryGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.shOwnImageLibraryTile img{height:118px!important;min-height:118px!important}}
