.chat-image-gallery,.chat-image-gallery *{box-sizing:border-box}.chat-image-gallery{width:480px;min-width:0;max-width:100%;margin-bottom:8px}.chat-photo-grid{border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;width:min(100%,480px);display:grid;overflow:hidden}.chat-photo-grid[data-count="1"]{grid-template-columns:minmax(0,1fr)}.chat-photo-grid[data-count="3"] .chat-photo-tile:first-child{aspect-ratio:auto;grid-row:span 2}.chat-photo-grid[data-count="5"]{grid-template-columns:repeat(3,minmax(0,1fr))}.chat-photo-tile{aspect-ratio:1;background:var(--chat-hover,#e4e8ef);min-width:0;min-height:100px;position:relative}.chat-photo-grid[data-count="1"] .chat-photo-tile{aspect-ratio:4/3}.chat-photo-preview{color:var(--chat-muted,#64748b);place-items:center;display:grid;position:absolute;inset:0}.chat-photo-preview img{object-fit:cover;width:100%;height:100%}.chat-photo-open{cursor:zoom-in;text-align:left;background:0 0;border:0;align-items:flex-end;padding:0;display:flex;position:absolute;inset:0}.chat-photo-open span{color:#fff;white-space:nowrap;text-overflow:ellipsis;opacity:0;background:linear-gradient(#0000,#0009);width:100%;padding:20px 10px 8px;font-size:11px;transition:opacity .15s;overflow:hidden}.chat-photo-open:hover span,.chat-photo-open:focus-visible span{opacity:1}.chat-photo-open:focus-visible{outline:3px solid var(--chat-accent,#8b5cf6);outline-offset:-3px}.chat-photo-delete{color:#fff;z-index:2;background:#101827cc;border:0;border-radius:50%;padding:9px;position:absolute;top:6px;right:6px}.chat-photo-delete svg{width:16px;height:16px}.chat-photo-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:12px;display:flex}.chat-photo-error button{z-index:3;border:1px solid;border-radius:8px;padding:6px 10px;position:relative}.chat-photo-loading{width:22px;height:22px;animation:1s linear infinite chat-photo-spin}@keyframes chat-photo-spin{to{transform:rotate(360deg)}}.chat-photo-dialog,.chat-workspace .chat-photo-dialog{color:#fff;background:#10131bed;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden}.chat-photo-dialog[open]{flex-direction:column;display:flex}.chat-photo-dialog::backdrop{background:#080b12e8}.chat-photo-dialog header{padding:max(16px,env(safe-area-inset-top))20px 16px;border-bottom:1px solid #ffffff20;justify-content:space-between;align-items:center;gap:16px;display:flex}.chat-photo-dialog header div{flex-direction:column;gap:5px;min-width:0;display:flex}.chat-photo-dialog header strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.chat-photo-dialog header span{color:#bdc6d9;font-size:12px}.chat-photo-dialog button{cursor:pointer;color:#fff;background:#202738;border:1px solid #ffffff35;border-radius:12px;flex-shrink:0;place-items:center;min-width:44px;min-height:44px;display:grid}.chat-photo-dialog button:disabled{opacity:.25;cursor:default}.chat-photo-dialog button:focus-visible,.chat-photo-dialog a:focus-visible{outline-offset:3px;outline:3px solid #c4b5fd}.chat-photo-dialog svg{width:22px;height:22px}.chat-photo-stage{flex:1;place-items:center;min-height:0;display:grid;position:relative}.chat-photo-full{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;min-height:0;padding:16px 68px;display:flex}.chat-photo-full img{object-fit:contain;flex:1;max-width:100%;min-height:0;max-height:100%;display:block}.chat-photo-original{color:#e2e8ff;flex-shrink:0;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex}.chat-photo-original svg{width:16px;height:16px}.chat-photo-prev,.chat-photo-next{position:absolute;top:50%;transform:translateY(-50%)}.chat-photo-prev{left:12px}.chat-photo-next{right:12px}.chat-photo-dialog footer{padding:10px 16px max(14px,env(safe-area-inset-bottom));text-align:center;color:#bdc6d9;font-size:11px}@media (max-width:600px){.chat-photo-full{padding:8px}.chat-photo-prev,.chat-photo-next{top:auto;bottom:12px;transform:none}.chat-photo-original{margin-bottom:52px}.chat-photo-grid[data-count="5"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.chat-photo-loading{animation:none}.chat-photo-open span{transition:none}}