.hz-plant.pim-picture .pim-album-open { display:block; width:100%; flex:0 0 auto; cursor:zoom-in; }
.pim-album-open:focus-visible { outline:3px solid #168ed8; outline-offset:4px; }
.pim-album-dialog { box-sizing:border-box; width:min(1200px,calc(100% - 32px)); height:min(860px,calc(100dvh - 40px)); max-width:none; max-height:none; margin:auto; padding:16px; border:0; border-radius:4px; color:#20252a; background:#fff; }
.pim-album-dialog[open] { display:grid; grid-template-rows:auto minmax(0,1fr) auto; gap:12px; }
.pim-album-dialog::backdrop { background:rgba(0,0,0,.82); }
.pim-album-dialog .pim-album-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.pim-album-dialog #pim-album-title { margin:0; font-size:20px; line-height:1.4; letter-spacing:0; overflow-wrap:anywhere; }
.pim-album-dialog button { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; padding:0; border:1px solid #d4d9df; border-radius:4px; color:#20252a; background:#f4f6f8; font-size:32px; line-height:1; cursor:pointer; }
.pim-album-dialog button:hover { background:#e4eef4; }
.pim-album-dialog button:focus-visible { outline:3px solid #168ed8; outline-offset:2px; }
.pim-album-dialog button:disabled { opacity:.3; cursor:default; }
.pim-album-stage { min-height:0; display:grid; grid-template-columns:44px minmax(0,1fr) 44px; align-items:center; gap:12px; }
.pim-album-viewport { width:100%; height:100%; min-width:0; min-height:0; }
.pim-album-stage .pim-album-image { display:block; width:100%; height:100%; min-width:0; min-height:0; max-width:100%; max-height:100%; object-fit:contain; }
.pim-album-footer { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 20px; min-height:24px; font-size:14px; line-height:24px; }
.pim-album-admin { max-width:1200px; }
.pim-album-admin form { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.pim-album-admin select { max-width:100%; }
.pim-album-tabs { display:flex; flex-wrap:wrap; gap:0 24px; margin:20px 0; border-bottom:1px solid #c3c4c7; }
.pim-album-tabs a { padding:12px 0; text-decoration:none; border-bottom:3px solid transparent; }
.pim-album-tabs a[aria-current] { border-color:#2271b1; color:#1d2327; font-weight:600; }
.pim-album-cover { margin:12px 0 24px; }
.pim-album-cover img { width:200px; height:120px; object-fit:contain; background:#fff; }
.pim-album-cover figcaption { margin-top:4px; }
.pim-album-toolbar { display:flex; flex-wrap:wrap; gap:8px; }
.pim-album-toolbar .dashicons { vertical-align:middle; }
.pim-album-status { min-height:20px; }
.pim-album-items { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:16px; padding:0; list-style:none; }
.pim-album-items li { margin:0; padding:12px; border:1px solid #c3c4c7; background:#fff; border-radius:4px; min-width:0; }
.pim-album-items img { display:block; width:100%; height:160px; object-fit:contain; }
.pim-album-item-tools { display:flex; align-items:center; justify-content:space-between; gap:4px; margin-top:12px; }
.pim-album-item-tools .pim-album-tool { display:inline-grid; place-items:center; width:36px; height:36px; padding:0; }
@media (max-width:600px) {
  .pim-album-dialog { width:calc(100% - 16px); height:calc(100dvh - 24px); padding:12px; }
  .pim-album-stage { grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:minmax(0,1fr) 44px; }
  .pim-album-viewport { grid-column:1 / -1; grid-row:1; }
  .pim-album-previous { grid-column:1; grid-row:2; justify-self:end; }
  .pim-album-next { grid-column:2; grid-row:2; justify-self:start; }
  .pim-album-items { grid-template-columns:minmax(0,1fr); }
}