.event-live-photos{grid-column:1/-1}.event-photo-heading,.event-photo-actions{display:flex;align-items:center;gap:8px}.event-photo-heading{justify-content:space-between}.event-photo-heading h2{margin:2px 0 0}.event-photo-connection,.event-photo-status,.event-photo-empty{color:var(--ev-soft);font-size:12px}.event-photo-connection[data-tone="connected"]{color:#75efbd}.event-photo-status[data-tone="error"]{color:#ff9bb4}.event-photo-status[data-tone="success"]{color:#75efbd}.event-live-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.event-live-photo{position:relative;padding:0;border:1px solid var(--ev-line);border-radius:10px;overflow:hidden;background:#080a0f;color:#fff;text-align:left;cursor:pointer}.event-live-photo img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.event-live-photo span{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;gap:6px;padding:18px 8px 7px;background:linear-gradient(transparent,#05060ae8);font-size:10px}.event-live-photo small{color:#d7d3df}.event-photo-review{margin-top:14px;padding-top:12px;border-top:1px solid var(--ev-line)}.event-photo-review article{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--ev-line)}.event-photo-review article span{display:grid}.event-photo-dialog,.event-photo-viewer{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:16px}.event-photo-dialog[hidden],.event-photo-viewer[hidden]{display:none}.event-photo-backdrop{position:absolute;inset:0;border:0;background:#020206d9;backdrop-filter:blur(8px)}.event-photo-modal,.event-photo-viewer-dialog{position:relative;z-index:1;width:min(620px,100%);max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #332947;border-radius:18px;background:#0b0c13;color:#fff;box-shadow:0 28px 90px #000c}.event-photo-modal{padding:18px}.event-photo-modal header,.event-photo-modal footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.event-photo-modal header button,.event-photo-viewer-dialog>button{border:0;background:transparent;color:#fff;font-size:28px}.event-photo-modal label{display:grid;gap:7px;margin:12px 0;font-size:12px}.event-photo-picker{padding:18px;border:1px dashed #6c4ca5;border-radius:12px;background:#161020;text-align:center;cursor:pointer}.event-photo-picker input{max-width:100%}.event-photo-check{grid-template-columns:auto 1fr!important;align-items:start}.event-photo-previews{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.event-photo-previews article{position:relative}.event-photo-previews img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:9px}.event-photo-previews button{position:absolute;right:5px;top:5px;width:26px;height:26px;border:0;border-radius:50%;background:#080910dd;color:#fff}.event-photo-previews small{display:block;padding-top:4px;color:var(--ev-soft)}.event-photo-viewer-dialog{width:min(920px,100%);display:grid;grid-template-columns:minmax(0,1fr) 240px;overflow:hidden}.event-photo-viewer-dialog>button{position:absolute;right:8px;top:4px;z-index:2}.event-photo-viewer-dialog>img{width:100%;height:min(78vh,760px);object-fit:contain;background:#030408}.event-photo-viewer-dialog>div{align-self:end;padding:18px}.event-photo-viewer-dialog small{display:block;color:var(--ev-soft);margin-top:4px}body.event-photo-dialog-open{overflow:hidden}@media(max-width:700px){.event-photo-heading{align-items:flex-start;gap:12px}.event-photo-actions{flex-direction:column;align-items:stretch}.event-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-photo-dialog{padding:8px;align-items:end}.event-photo-modal{max-height:calc(100dvh - 16px);border-radius:18px 18px 10px 10px}.event-photo-previews{grid-template-columns:repeat(2,1fr)}.event-photo-viewer-dialog{grid-template-columns:1fr}.event-photo-viewer-dialog>img{height:auto;max-height:65vh}.event-photo-review article{align-items:flex-start;flex-direction:column}}@media(max-width:390px){.event-live-photos{min-width:0}.event-photo-heading{display:grid}.event-photo-actions{width:100%}.event-photo-actions .ev-btn{width:100%}}@media(prefers-reduced-motion:reduce){.event-live-photo,.event-photo-modal{transition:none!important}}