/* Read-only rendering is shared; the upload pilot remains confined to Home. */
html body .onecup-feed-attachments{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;min-width:0;margin:12px 0;}
html body .onecup-feed-attachments__item{flex:0 1 auto;min-width:0;max-width:100%;margin:0;border:1px solid #dde2e9;border-radius:5px;overflow:hidden;background:#fff;}
html body .onecup-feed-attachments__item img{display:block;max-width:100%;max-height:420px;width:auto;height:auto;margin:auto;object-fit:contain;}
html body .onecup-feed-attachments__item video{display:block;width:100%;max-height:420px;background:#111;}
html body .onecup-feed-attachments__item audio{display:block;width:100%;max-width:100%;}
html body .onecup-feed-attachments__caption{display:flex;align-items:center;gap:8px;padding:5px 8px;min-width:0;box-sizing:border-box;}
html body .onecup-feed-attachments__caption a{color:#1a73e8;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
html body .onecup-feed-attachments__caption small{color:#90949c;white-space:nowrap;margin-left:auto;flex-shrink:0;}

/* Shared with the social carousel's proportions, controls and motion. */
html body .onecup-feed-carousel{position:relative;width:100%;min-width:0;overflow:hidden;border-radius:15px;background:#eef0f3;touch-action:pan-y pinch-zoom;}
html body .onecup-feed-carousel__track{display:flex;align-items:stretch;width:100%;transition:transform .28s cubic-bezier(.22,.61,.36,1);}
html body .onecup-feed-carousel__slide{display:flex;align-items:center;justify-content:center;flex:0 0 100%;width:100%;min-width:100%;aspect-ratio:4/3;max-height:420px;overflow:hidden;}
html body .onecup-feed-carousel__slide>a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
html body .onecup-feed-carousel__slide img{display:block;width:100%;height:100%;max-height:420px;object-fit:contain;}
html body .onecup-feed-carousel__control{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;margin:-19px 0 0;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(15,24,48,.68);color:#fff!important;cursor:pointer;}
html body .onecup-feed-carousel__control:hover,html body .onecup-feed-carousel__control:focus-visible{background:rgba(15,24,48,.88);}
html body .onecup-feed-carousel__control>svg{width:18px;height:18px;margin:0;color:inherit;}
html body .onecup-feed-carousel__control.is-previous{left:10px;}
html body .onecup-feed-carousel__control.is-next{right:10px;}
html body .onecup-feed-carousel__counter{position:absolute;right:10px;top:10px;z-index:2;padding:3px 8px;border-radius:12px;background:rgba(15,24,48,.72);color:#fff;font-size:12px;line-height:1.4;}
@media(prefers-reduced-motion:reduce){html body .onecup-feed-carousel__track{transition:none;}}

/* Documents use their natural width and wrap as a group. Media retain the full row. */
html body .onecup-feed-attachments>.onecup-feed-carousel,
html body .onecup-feed-attachments>.onecup-feed-attachments__item--image,
html body .onecup-feed-attachments>.onecup-feed-attachments__item--video,
html body .onecup-feed-attachments>.onecup-feed-attachments__item--audio{flex:0 0 100%;width:100%;}
html body .onecup-feed-attachments>.onecup-feed-attachments__item--document{flex:0 1 auto!important;width:auto!important;max-width:100%!important;margin:0!important;border-radius:5px!important;}
html body .onecup-feed-attachments__caption{min-height:28px;max-height:28px;}
html body .onecup-feed-attachments__caption>a{font-size:11px;line-height:18px;}
html body .onecup-feed-attachments__caption>small{font-size:10px;line-height:18px;}
html body .onecup-feed-attachments__caption>i,
html body .onecup-feed-attachments__caption>svg{display:block;flex:0 0 14px;width:14px;height:14px;margin:0;}
html body .onecup-feed-carousel__slide>a,
html body .onecup-feed-attachments__item--image>a{cursor:zoom-in;}
/* Native modal top layer keeps the viewer above previews, menus and mobile footers. */
html body dialog.onecup-feed-lightbox{position:fixed;inset:0;box-sizing:border-box;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:56px 56px 24px;border:0;border-radius:0;background:transparent;color:#fff;overflow:hidden;}
html body dialog.onecup-feed-lightbox:not([open]){display:none!important;}
html body dialog.onecup-feed-lightbox[open]{display:flex!important;align-items:center;justify-content:center;}
html body dialog.onecup-feed-lightbox::backdrop{background:rgba(12,18,32,.9);}
html body dialog.onecup-feed-lightbox.is-fallback{z-index:2147483647;background:rgba(12,18,32,.9);}
html body .onecup-feed-lightbox__image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;margin:auto;animation:onecup-feed-lightbox-in .16s ease-out;}
html body .onecup-feed-lightbox__button{position:absolute;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.35);border-radius:50%;padding:0;margin:0;background:rgba(12,18,32,.6);color:#fff!important;cursor:pointer;}
html body .onecup-feed-lightbox__button[hidden],html body .onecup-feed-lightbox__counter[hidden]{display:none!important;}
html body .onecup-feed-lightbox__button:hover{background:rgba(255,255,255,.16);}
html body .onecup-feed-lightbox__button:focus-visible{outline:2px solid #fff;outline-offset:3px;}
html body .onecup-feed-lightbox__button>svg{width:22px;height:22px;color:inherit;margin:0;}
html body .onecup-feed-lightbox__button.is-close{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));}
html body .onecup-feed-lightbox__button.is-previous{top:calc(50% - 20px);left:10px;}
html body .onecup-feed-lightbox__button.is-next{top:calc(50% - 20px);right:10px;}
html body .onecup-feed-lightbox__counter{position:absolute;top:max(20px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);color:#fff;font-size:12px;line-height:20px;}
@keyframes onecup-feed-lightbox-in{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
@media(max-width:768px){html body dialog.onecup-feed-lightbox{padding:60px 10px max(20px,env(safe-area-inset-bottom));}}
@media(prefers-reduced-motion:reduce){html body .onecup-feed-lightbox__image{animation:none;}}