/* V30 admin image workflow only. Public frontend presentation is unchanged. */
.admin-shell.v30-admin-shell .admin-heading{margin-bottom:24px}
.admin-shell .v30-admin-helpbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:16px 18px;margin:0 0 24px;border:1px solid #cfe0f2;border-radius:16px;background:#f5faff;color:#45627f;font-size:13px}
.admin-shell .v30-admin-helpbar strong{color:#063c83;font-family:"Manrope",sans-serif}
.admin-shell .v30-admin-helpbar span{display:flex;align-items:center;gap:7px}
.admin-shell .v30-admin-helpbar span:before{content:"✓";display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#dceeff;color:#0862b8;font-weight:800;font-size:11px}

.admin-shell .v30-content-field,.admin-shell .v30-image-field,.admin-shell .v30-repository-field{min-width:0;border:1px solid #d8e6f4;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);padding:18px;box-shadow:0 10px 30px rgba(8,48,96,.055)}
.admin-shell .v30-content-field{grid-column:span 1}
.admin-shell .v30-field-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.admin-shell .v30-field-title strong{font:800 15px/1.35 "Manrope",sans-serif;color:#082b59}
.admin-shell .v30-field-title small,.admin-shell .v30-field-title code{font-size:10px;color:#7189a3;overflow-wrap:anywhere;text-align:right}

.admin-shell .v30-image-workspace{display:grid;grid-template-columns:minmax(210px,42%) minmax(0,1fr);gap:18px;align-items:start}
.admin-shell .v30-image-preview{position:relative;width:100%;max-height:390px;display:grid;place-items:center;overflow:hidden;border:1px solid #cbdced;border-radius:15px;background:repeating-conic-gradient(#f7fbff 0 25%,#edf5fc 0 50%) 50%/20px 20px;isolation:isolate}
.admin-shell .v30-image-preview.is-compact{max-width:300px;margin-bottom:12px}
.admin-shell .v30-image-preview img{display:block;width:100%;height:100%;min-height:0;background:#fff}
.admin-shell .v30-image-preview[data-fit="contain"] img{object-fit:contain;padding:10px}
.admin-shell .v30-image-preview[data-fit="cover"] img{object-fit:cover;object-position:center}
.admin-shell .v30-image-preview img[hidden],.admin-shell .v30-image-preview [hidden],.v30-repository-upload-preview[hidden],.v30-multi-preview[hidden]{display:none!important}
.admin-shell .v30-image-preview>span{padding:24px;text-align:center;color:#6e86a0;font-size:13px}
.admin-shell .v30-image-preview>em{position:absolute;left:10px;top:10px;z-index:2;padding:6px 9px;border-radius:999px;background:rgba(4,40,88,.88);color:white;font:700 9px "Manrope",sans-serif;letter-spacing:.04em;text-transform:uppercase;font-style:normal}
.admin-shell .v30-image-field.is-dirty .v30-image-preview{border-color:#78b8ee;box-shadow:0 0 0 3px rgba(55,149,227,.12)}
.admin-shell .v30-image-field.has-warning .v30-image-preview{border-color:#e2a64c;box-shadow:0 0 0 3px rgba(226,166,76,.13)}

.admin-shell .v30-image-controls{display:grid;gap:12px;align-content:start}
.admin-shell .v30-file-picker{display:flex!important;align-items:center;justify-content:center;min-height:46px;padding:10px 14px!important;border:1px dashed #6da9dc!important;border-radius:12px;background:#eef7ff;color:#0756a5!important;font-weight:800!important;cursor:pointer;text-align:center;transition:.2s}
.admin-shell .v30-file-picker:hover{background:#e3f2ff;border-color:#1678c9!important}
.admin-shell .v30-file-picker input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.admin-shell .v30-image-actions{display:flex;flex-wrap:wrap;gap:8px}
.admin-shell .v30-image-actions button,.admin-shell .v6-input-action button,.admin-shell .v6-inline-media{min-height:38px;border:1px solid #b8d1e8;border-radius:10px;background:#fff;color:#07539d;padding:8px 11px;font-weight:750;font-size:12px;cursor:pointer}
.admin-shell .v30-image-actions button:hover,.admin-shell .v6-input-action button:hover,.admin-shell .v6-inline-media:hover{background:#edf7ff;border-color:#6ba7da}
.admin-shell [data-image-revert],.admin-shell [data-multi-image-revert]{color:#526d87!important}
.admin-shell [data-image-status],.admin-shell [data-multi-image-status]{margin:0;color:#5d7690;font-size:12px;line-height:1.55}
.admin-shell .v30-image-field.has-warning [data-image-status]{color:#946017;font-weight:650}
.admin-shell .v30-path-label{display:grid!important;gap:7px;margin-top:12px;color:#304c68!important}
.admin-shell .v30-path-label input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;background:#fff}
.admin-shell .v30-storage-note{display:block;margin-top:9px;color:#607a94;line-height:1.45}
.admin-shell .v30-storage-note code,.v30-repository-note code{padding:2px 5px;border-radius:5px;background:#e8f3fd;color:#0755a0}

.admin-shell .admin-image-requirement{margin-top:14px!important}
.admin-shell .admin-image-requirement span,.admin-shell .admin-image-requirement small{display:block}
.admin-shell .admin-image-requirement small:first-of-type{margin-top:3px;color:#155f9f;font-weight:750}

.admin-shell .v30-multi-image-field{display:grid;gap:12px}
.admin-shell .v30-multi-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}
.admin-shell .v30-multi-preview figure{margin:0;border:1px solid #d6e5f3;border-radius:13px;overflow:hidden;background:white}
.admin-shell .v30-multi-preview img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;padding:8px;background:#f7fbff}
.admin-shell .v30-multi-preview figcaption{padding:8px;font-size:10px;line-height:1.4;color:#55708b;overflow-wrap:anywhere}

.v6-media-modal .v6-media-header p{margin:5px 0 0;color:#6d8297;font-size:12px}
.v6-media-modal .v30-repository-note{margin:0 22px 14px;padding:10px 12px;border-radius:10px;background:#f0f7fe;color:#52708d;font-size:12px}
.v6-media-modal .v30-repository-upload-preview{display:flex;align-items:center;gap:9px;width:100%;padding:8px;border:1px solid #d6e5f2;border-radius:10px;background:white}
.v6-media-modal .v30-repository-upload-preview img{width:58px;height:45px;object-fit:contain;border-radius:7px;background:#f3f8fd}
.v6-media-modal .v30-repository-upload-preview span{font-size:10px;color:#536e88;overflow-wrap:anywhere}
.v6-media-modal .v6-media-item img{object-fit:contain!important;background:#f6faff}

@media(max-width:850px){
  .admin-shell .v30-image-workspace{grid-template-columns:1fr}
  .admin-shell .v30-image-preview{max-height:none;max-width:520px}
}
@media(max-width:560px){
  .admin-shell .v30-content-field,.admin-shell .v30-image-field,.admin-shell .v30-repository-field{padding:13px;border-radius:14px}
  .admin-shell .v30-image-actions{display:grid;grid-template-columns:1fr}
  .admin-shell .v30-image-actions button{width:100%}
  .admin-shell .v30-admin-helpbar{align-items:flex-start;flex-direction:column}
}