.photo-dialog { width:min(860px,94vw); max-width:94vw; max-height:94dvh; padding:20px; overflow:auto; box-sizing:border-box; }
.photo-head { display:flex; align-items:center; justify-content:space-between; gap:12px; position:sticky; top:0; background:var(--panel,#26272b); z-index:2; }
.photo-head h2 { margin:12px 0; }
.photo-actions { display:flex; flex-wrap:wrap; gap:10px; margin:14px 0; }
.photo-dialog button { min-height:46px; white-space:normal; overflow-wrap:anywhere; }
.photo-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr)); gap:16px; margin:16px 0; }
.photo-grid article { padding:12px; border:1px solid #90404e; border-radius:12px; background:#303136; min-width:0; overflow-wrap:anywhere; }
.photo-grid img,.photo-dialog video { display:block; width:100%; max-height:55dvh; object-fit:contain; border-radius:8px; }
.photo-grid input { width:100%; box-sizing:border-box; }
.photo-dialog [hidden] { display:none !important; }
.photo-dialog [data-status] { overflow-wrap:anywhere; }
.photo-dialog::backdrop { background:rgb(0 0 0 / 80%); }
@media(max-width:700px) { .photo-dialog { width:100vw; max-width:100vw; height:100dvh; max-height:100dvh; margin:0; border-radius:0; padding:14px; padding-bottom:max(20px,env(safe-area-inset-bottom)); } .photo-head { align-items:flex-start; } .photo-head h2 { font-size:1.15rem; } .photo-actions button { flex:1 1 140px; } }