.design-image-picker { width:min(1000px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); padding:0; color:var(--adm-text,#263238); background:var(--adm-panel,#fff); border:1px solid var(--adm-border,#d3dce5); box-shadow:0 20px 80px #0005; border-radius:8px; }
.design-image-picker::backdrop { background:#061522ad; backdrop-filter:blur(4px); }
.design-image-picker header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:24px; border-bottom:1px solid var(--adm-border,#d3dce5); }
.design-image-picker h2 { font-size:26px; margin:8px 0; letter-spacing:-.025em; }
.design-image-picker p { color:var(--adm-muted,#607585); font-size:13px; margin:0; }
.design-bank-tools { display:flex; gap:12px; align-items:end; padding:16px 24px; }
.design-bank-tools label { display:grid; gap:6px; flex:1; font-size:12px; }
.design-bank-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; padding:4px 24px 24px; }
.design-image-picker .design-image-card { display:block!important; overflow:hidden; padding:0!important; background:var(--adm-panel,#fff); color:inherit; border:1px solid var(--adm-border,#d3dce5); text-align:left!important; cursor:pointer; }
.design-image-card[aria-pressed=true] { border-color:#3c8dbc; outline:2px solid #3c8dbc; }
.design-image-card img { width:100%; aspect-ratio:4/3; object-fit:cover; display:block; }
.design-image-card > span { display:grid; gap:6px; padding:14px; }
.design-image-card small { color:var(--adm-muted,#607585); font-size:11px; }
.design-image-card strong { font-size:14px; line-height:1.4; }
.design-image-card em { color:var(--adm-primary,#287ead); font-style:normal; font-size:12px; }
.design-image-picker footer { position:sticky; bottom:0; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 24px; border-top:1px solid var(--adm-border,#d3dce5); background:var(--adm-panel,#fff); font-size:12px; }
.design-image-picker .design-bank-upload { margin:0 24px 18px; padding:16px; border:1px solid var(--adm-border,#d3dce5); background:var(--adm-panel-alt,var(--adm-panel,#fff)); }
.design-image-picker .design-bank-upload[hidden] { display:none!important; }
.design-image-picker .design-bank-upload h3 { margin:0 0 8px; }
.design-image-picker .design-bank-upload label { display:block; margin:12px 0; }
.design-image-picker .design-bank-upload input:not([type=checkbox]) { display:block; width:100%; margin-top:6px; }
.design-image-picker .design-bank-consent { line-height:1.6; }
.design-image-picker .design-bank-notice:not(:empty) { padding:0 24px 16px; font-size:13px; }
.design-image-picker [data-upload-status] { display:block; margin-top:10px; }
.design-image-picker .design-bank-tools { flex-wrap:wrap; }
.design-image-picker .design-bank-tools label { min-width:180px; }
.design-image-picker .design-bank-upload input { box-sizing:border-box; max-width:100%; min-width:0; }
.design-image-picker { --adm-text:var(--client-text,var(--text)); --adm-panel:var(--client-panel,var(--panel)); --adm-border:var(--client-line,var(--line)); --adm-muted:var(--client-muted,var(--muted)); border-radius:4px; font-size:13px; }
.design-image-picker header { padding:14px; }
.design-image-picker h2 { font-size:19px; }
.design-image-picker button,.design-image-picker input,.design-image-picker select { min-height:34px; font:inherit; }
.design-image-picker input,.design-image-picker select { background:var(--panel2); color:var(--text); border:1px solid var(--line); padding:7px; }
.design-image-picker .design-bank-tools { flex-wrap:wrap; }
.design-image-picker .design-bank-tools label { min-width:160px; }
@media(max-width:640px) { .design-image-picker .design-bank-grid { grid-template-columns:1fr; } .design-image-picker footer { flex-wrap:wrap; } }