.animated-artwork{width:100%;min-width:0;position:relative}.animated-artwork img{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:75dvh;margin:auto;display:block}.animated-artwork .artwork-playback{flex-wrap:wrap;justify-content:center;gap:8px;padding:8px;display:flex}.animated-artwork button{color:#fff;cursor:pointer;background:#202025;border:1px solid #555;border-radius:8px;padding:8px 12px}.art-viewer-image{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.art-viewer-image .animated-artwork{grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0;display:grid}.art-viewer-image .animated-artwork img{height:100%;min-height:0;max-height:100%;padding:0;position:static}.art-viewer-image .artwork-playback{flex-shrink:0}.animated-artwork-compact{background:#090909}.animated-artwork-compact img{max-height:min(640px,70dvh)}.artwork-metadata{gap:8px;margin:20px 0;font-size:13px;display:grid}.artwork-metadata>div{flex-wrap:wrap;justify-content:space-between;gap:4px 16px;display:flex}.artwork-metadata dt{color:var(--muted,#aaa)}.artwork-metadata dd{margin:0}@media (pointer:coarse){.animated-artwork button{min-height:44px}}
.post-carousel{width:100%;min-width:0;margin:12px 0 4px}.post-carousel-stage{border:1px solid var(--border,#303034);background:#111113;border-radius:20px;width:100%;max-height:640px;position:relative;overflow:hidden}.post-carousel-viewport{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;display:flex;position:absolute;inset:0;overflow:auto hidden}.post-carousel-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;min-width:0;height:100%}.post-carousel-slide>button,.post-carousel-slide .animated-image,.post-carousel-slide .post-image-button{background:0 0;border:0;border-radius:0;width:100%;max-width:none;height:100%;max-height:none;padding:0;display:block}.post-carousel-slide img{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;display:block}.post-carousel-slide .animated-image{position:relative}.post-carousel-count{color:#fff;pointer-events:none;background:#101014cc;border-radius:99px;padding:5px 10px;font-size:12px;position:absolute;top:12px;right:12px}.post-carousel-arrow{color:#fff;background:#17171de6;border:1px solid #ffffff30;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.post-carousel-arrow.previous{left:10px}.post-carousel-arrow.next{right:10px}.post-carousel-dots{flex-wrap:wrap;justify-content:center;padding:3px 0;display:flex}.post-carousel-dots button{background:0 0;border:0;place-items:center;width:24px;height:28px;padding:0;display:grid}.post-carousel-dots span{background:#696974;border-radius:50%;width:6px;height:6px;transition:background .18s,transform .18s}.post-carousel-dots [aria-current=true] span{background:var(--accent,#c2a6e8);transform:scale(1.3)}.post-attachments{min-width:0;margin:12px 0}.post-attachments-heading{flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:10px;font-size:13px;display:flex}.post-attachments-heading span,.post-attachments-heading small{color:var(--muted,#a0a0aa);font-weight:400}.post-attachment-strip{overscroll-behavior-x:contain;gap:10px;padding:3px 2px 10px;display:flex;overflow-x:auto}.post-attachment{border:1px solid var(--border,#34343c);background:var(--surface,#19191e);border-radius:14px;flex:0 0 176px;transition:border-color .18s;overflow:hidden}.post-attachment[data-drop-target=true]{border-color:var(--accent,#c2a6e8);outline:2px solid var(--accent,#c2a6e8)}.post-attachment-image{background:#111;height:132px;position:relative}.post-attachment-image img{object-fit:contain;width:100%;height:100%}.post-photo-number{color:#fff;pointer-events:none;background:#111c;border-radius:50%;place-items:center;min-width:24px;height:24px;font-size:12px;display:grid;position:absolute;top:7px;left:7px}.post-attachment-controls{justify-content:space-around;padding:4px 0;display:flex}.post-attachment-controls button{color:inherit;background:0 0;border:0;border-radius:8px;place-items:center;width:40px;height:36px;padding:0;display:grid}.post-attachment-controls button[draggable=true]{cursor:grab}.post-attachment-controls button:disabled{opacity:.3}.post-attachment-add{border:1px dashed var(--border,#34343c);color:var(--muted,#aaa);background:0 0;border-radius:14px;flex-direction:column;flex:0 0 96px;justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.post-attachment-controls button:hover:not(:disabled),.post-carousel-arrow:hover{background:#ffffff18}@media (pointer:coarse){.post-attachment-controls button,.post-carousel-arrow{width:44px;height:44px}.post-carousel-dots button{min-height:44px}}@media (prefers-reduced-motion:reduce){.post-carousel-dots span,.post-attachment{transition:none}}.post-carousel-slide .loading-image,.post-attachment-image .loading-image{width:100%;height:100%;display:block}.post-carousel .post-carousel-slide .post-image-button[data-sized-media=true]{aspect-ratio:auto;width:100%;height:100%;margin:0}.post-carousel .post-carousel-slide .post-image{border:0;width:100%;height:100%;max-height:none}