.wz-media-picker{width:min(1100px,96vw);max-width:96vw;max-height:92vh;padding:24px;border:1px solid #bbb;border-radius:8px;background:#fff;color:#222;font:15px/1.5 system-ui;z-index:10000}
.wz-media-picker::backdrop{background:#0008}.wz-picker-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.wz-picker-heading h2{font-size:24px;margin:0}.wz-media-picker fieldset{border:0;padding:0;margin:0;min-width:0}.wz-media-picker label{display:flex;flex-direction:column;gap:5px}.wz-media-picker input,.wz-media-picker select,.wz-media-picker button{font:inherit;padding:8px;border:1px solid #bbb;border-radius:3px;background:#fff;color:#222;max-width:100%}.wz-media-picker button{cursor:pointer}.wz-media-picker button:disabled{opacity:.45;cursor:default}.wz-picker-row{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin:18px 0}.wz-picker-row label{flex:1;min-width:150px}.wz-picker-library{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;max-height:320px;overflow:auto;padding:4px}.wz-picker-library button{min-width:0}.wz-picker-library img{width:100%;height:85px;object-fit:contain}.wz-picker-library span{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wz-picker-library [aria-pressed=true]{outline:2px solid #222;outline-offset:-2px;background:#eee}.wz-selected-photo{display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:15px;padding:16px 0;border-top:1px solid #ddd}.wz-selected-photo>img{width:100%;height:100px;object-fit:contain}.wz-selected-photo>div:last-child{display:flex;align-items:center;gap:6px}.wz-media-picker [data-save]{background:#222;color:#fff;margin-top:20px}.wz-media-picker [data-error]{color:#a00}.wz-picker-help{font-size:12px;color:#666}.wz-media-picker [data-shared]{padding:12px;background:#fff3cf}.wz-media-picker [hidden]{display:none!important}
@media(max-width:650px){.wz-picker-library{grid-template-columns:repeat(3,minmax(0,1fr))}.wz-selected-photo{grid-template-columns:60px minmax(0,1fr)}.wz-selected-photo>div:last-child{grid-column:2}.wz-media-picker{padding:16px}}

.wz-media-picker .wz-share-projects{flex:1 1 100%}.wz-share-projects legend{font-weight:600;margin-bottom:10px}.wz-share-projects [data-share-projects]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;max-height:220px;overflow:auto;padding:4px}.wz-media-picker .wz-share-projects label{flex-direction:row;align-items:center;gap:8px;min-width:0}.wz-share-projects input[type=checkbox]{width:18px;height:18px;margin:0;flex-shrink:0;accent-color:#222}

.wz-selected-photo [data-drag]{touch-action:none;cursor:grab}.wz-selected-photo.wz-sorting{background:#f2f2f2;outline:2px solid #555}.wz-selected-photo>div:last-child{flex-wrap:wrap}

/* Larger, uncropped previews make photo selection and ordering legible. */
.wz-picker-library { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); max-height: 440px; }
.wz-picker-library img { height: 150px; }
.wz-selected-photo { grid-template-columns: 280px minmax(0, 1fr) auto; align-items: center; }
.wz-selected-photo > img { height: 210px; object-fit: contain; background: #f4f4f4; border-radius: 4px; }
.wz-selected-photo [data-drag], .wz-selected-photo [data-up], .wz-selected-photo [data-down] { min-width: 44px; min-height: 44px; }
@media (max-width: 900px) {
  .wz-selected-photo { grid-template-columns: 240px minmax(0, 1fr); }
  .wz-selected-photo > div:last-child { grid-column: 2; }
  .wz-selected-photo > img { height: 180px; grid-row: span 2; }
}
@media (max-width: 650px) {
  .wz-picker-library { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wz-picker-library img { height: 130px; }
  .wz-selected-photo { grid-template-columns: minmax(0, 1fr); }
  .wz-selected-photo > img { height: 220px; grid-row: auto; }
  .wz-selected-photo > div:last-child { grid-column: 1; }
}

/* Alternative ordering view; the gallery's public layout is independent. */
.wz-order-views{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.wz-order-views [aria-pressed=true]{background:#222;color:#fff;border-color:#222}
.wz-order-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:16px;margin:16px 0}
.wz-media-picker .wz-order-photo{min-width:0;display:flex;flex-direction:column;gap:8px;padding:10px;text-align:left;border:2px solid #ddd;border-radius:6px}
.wz-order-photo img{display:block;width:100%;height:200px;object-fit:contain;background:#f4f4f4}
.wz-order-photo span{display:block;max-width:100%;overflow-wrap:anywhere;font-size:13px}
.wz-media-picker .wz-order-photo[aria-pressed=true]{border-color:#1769aa;background:#e8f3ff;box-shadow:0 0 0 2px #1769aa}
.wz-media-picker .wz-order-photo:hover{border-color:#1769aa}
.wz-media-picker .wz-order-photo:focus-visible{outline:3px solid #1769aa;outline-offset:3px}
.wz-media-picker [data-order-status]{min-height:1.5em;font-weight:600}
@media(max-width:650px){
  .wz-order-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .wz-order-photo img{height:150px}
}

.wz-media-picker .wz-order-photo{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.wz-order-photo img{-webkit-user-drag:none}
.wz-media-picker .wz-order-photo.wz-grid-dragging{opacity:.35;cursor:grabbing}
.wz-media-picker .wz-order-photo.wz-drop-target{border-color:#1769aa;background:#e8f3ff;outline:3px dashed #1769aa;outline-offset:2px}
.wz-drag-preview{position:fixed;z-index:1;width:180px;height:135px;object-fit:contain;background:#fff;border:2px solid #1769aa;border-radius:6px;box-shadow:0 8px 24px #0005;pointer-events:none}