@layer experience{.screenshot-picker{min-width:0;margin:18px 0}.screenshot-picker-heading{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.screenshot-picker-heading>span{color:var(--muted);font-size:12px}.screenshot-picker .button{min-height:44px}.screenshot-previews{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-top:14px;display:grid}.screenshot-previews figure{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;min-width:0;margin:0;position:relative;overflow:hidden}.screenshot-previews img{object-fit:contain;width:100%;height:110px;display:block}.screenshot-previews figcaption{color:var(--muted);padding:7px;font-size:12px}.screenshot-previews figure>button{background:var(--panel);width:36px;height:36px;color:var(--text);border:1px solid var(--line);border-radius:50%;place-items:center;display:grid;position:absolute;top:3px;right:3px}.attachment-gallery{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:12px;min-width:0;margin:16px 0;display:grid}.attachment-gallery>a{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;min-width:0;display:block;overflow:hidden}.attachment-gallery img{object-fit:contain;width:100%;height:auto;max-height:320px;display:block}.attachment-gallery a>span{color:var(--muted);padding:8px 12px;font-size:12px;display:block}.hub-reader-replies .attachment-gallery img{max-height:180px}.attachment-storage{padding:24px}.attachment-storage>header{justify-content:space-between;gap:16px;display:flex}.attachment-storage h2{align-items:center;gap:8px;font-size:18px;display:flex}.attachment-storage p{color:var(--muted);line-height:1.8}.attachment-storage strong{color:var(--text);font-size:22px}.attachment-storage progress{width:100%;height:8px;accent-color:var(--accent);margin:18px 0;display:block}.upload-spinner{animation:1s linear infinite upload-spin}@keyframes upload-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.upload-spinner{animation:none}}@media (width<=600px){.attachment-storage{padding:18px}.screenshot-previews figure>button{width:44px;height:44px}}}
