.photo-picker-trigger{display:flex!important;align-items:center;gap:12px;width:100%;min-height:64px;text-align:left;border:1px solid var(--ui-border,#303a48);border-radius:12px;background:var(--ui-raised,#1c232d);color:var(--ui-text,#f5f7fb);padding:8px 12px;font:inherit;cursor:pointer}
.photo-picker-trigger img{width:44px;height:48px;object-fit:cover;border-radius:7px}.photo-picker-trigger span:first-of-type{flex:1}.photo-picker-trigger:focus-visible,.photo-picker-card:focus-visible{outline:2px solid var(--ui-accent,#8eb5ff);outline-offset:3px}
.photo-picker-dialog{box-sizing:border-box;width:min(760px,calc(100vw - 32px));max-height:85dvh;padding:24px;border:1px solid var(--ui-border,#303a48);border-radius:20px;background:var(--ui-bg,#0b0e14);color:var(--ui-text,#f5f7fb);overflow:auto}.photo-picker-dialog::backdrop{background:rgba(0,0,0,.7)}
.photo-picker-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.photo-picker-header h2{margin:0;font-size:22px;line-height:1.3}.photo-picker-close{width:44px;height:44px;flex:none;font-size:26px;border:1px solid var(--ui-border,#303a48);border-radius:12px;background:var(--ui-raised,#1c232d);color:inherit;cursor:pointer}
.photo-picker-dialog label{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;color:var(--ui-secondary,#a8b4c3);font-size:13px}.photo-picker-dialog select{box-sizing:border-box;width:100%;height:46px;background:var(--ui-raised,#1c232d);color:var(--ui-text,#f5f7fb);border:1px solid var(--ui-border,#303a48);border-radius:12px;padding:10px 12px;font:inherit}
.photo-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.photo-picker-card{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:8px;border:1px solid var(--ui-border,#303a48);border-radius:14px;background:var(--ui-raised,#1c232d);color:inherit;text-align:left;cursor:pointer;font:inherit;height:auto!important}.photo-picker-card img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:9px;background:var(--ui-bg,#0b0e14)}.photo-picker-card>span{padding:0 3px 4px;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.photo-picker-card[aria-pressed=true]{border-color:var(--ui-accent,#8eb5ff);box-shadow:0 0 0 1px var(--ui-accent,#8eb5ff)}.photo-picker-check{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ui-accent,#8eb5ff);color:var(--ui-bg,#0b0e14)}.photo-picker-status{font-size:13px;color:var(--ui-secondary,#a8b4c3);margin:12px 0 0}.photo-picker-status:empty{display:none}
@media(max-width:600px){.photo-picker-dialog{padding:16px;width:calc(100vw - 20px);max-height:90dvh}.photo-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo-picker-header h2{font-size:19px}}
#serverPhoto[hidden],label[hidden]{display:none!important}

.photo-picker-dialog{margin:auto;inset:0}

.photo-picker-native{display:none!important}

#photoPickerTrigger{box-sizing:border-box;max-width:100%;height:66px;min-height:66px;overflow:hidden}#photoPickerTrigger>img{flex:0 0 44px;width:44px!important;min-width:44px;max-width:44px;height:48px!important;max-height:48px;object-fit:cover}#photoPickerTrigger>span:first-of-type{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Compact photo library: square tiles, accessible names, selected title above. */
.photo-picker-dialog{width:min(960px,calc(100vw - 32px));padding:22px}
.photo-picker-header{margin-bottom:8px}
.photo-picker-selected{margin:0 0 18px;color:var(--ui-secondary,#a8b4c3);font-size:13px;line-height:1.5}
.photo-picker-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.photo-picker-card{display:block;padding:0;border:0;border-radius:5px;overflow:hidden;aspect-ratio:1;background:var(--ui-raised,#1c232d)}
.photo-picker-card img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;border-radius:0}
.photo-picker-card>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.photo-picker-card[aria-pressed=true]{box-shadow:inset 0 0 0 3px var(--ui-accent,#8eb5ff)}
.photo-picker-card[aria-pressed=true]::after{content:'';position:absolute;inset:0;border:3px solid var(--ui-accent,#8eb5ff);border-radius:5px;pointer-events:none}
.photo-picker-check{right:7px;top:7px;width:23px;height:23px;font-size:13px;z-index:1}
@media(max-width:900px){.photo-picker-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:600px){.photo-picker-dialog{padding:14px;width:calc(100vw - 20px)}.photo-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.photo-picker-selected{margin-bottom:14px}}