.media-local-note{color:var(--muted);gap:8px;margin:0 0 18px;font-size:12px;display:flex}.media-local-note svg{flex-shrink:0}.media-picker{min-height:190px;color:var(--green);cursor:pointer;background:#f5f8f1;border:1px dashed #9eae98;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:relative}.media-picker span{color:var(--muted);font-size:12px}.media-picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.media-picker:focus-within{outline:2px solid var(--green);outline-offset:4px}.media-upload-preview{margin-bottom:20px;position:relative}.media-upload-preview>img,.media-upload-preview>video{object-fit:contain;background:#14251f;border-radius:12px;width:100%;max-height:280px}.media-upload-preview>button{background:#fff;position:absolute;top:10px;right:10px}.media-upload-preview>span{color:var(--muted);margin-top:6px;font-size:11px;display:block}.local-moment-frame{aspect-ratio:9/16;background:#17271f;border-radius:14px;width:100%;max-height:60dvh;margin-bottom:16px;position:relative;overflow:hidden}.local-moment-frame>p{z-index:3;color:#fff;overflow-wrap:anywhere;position:absolute;bottom:16px;left:20px;right:20px}.moment-playback{z-index:5;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:39px;right:16px}.moment-playback button{color:#fff;cursor:pointer;background:#13271dbb;border:1px solid #fff5;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.local-moment .moment-playback{flex-direction:row;top:16px;bottom:auto}.moment-video{opacity:0}.moment-video.has-frame{opacity:1}.story-detail-video{position:relative;overflow:hidden}.has-video .moment-actions{bottom:156px}@media (max-height:680px){.moment-playback{flex-direction:row;inset:98px auto auto 20px}.has-video .moment-actions{bottom:112px}}@media (max-height:480px){.moment-playback{top:72px}.has-video .moment-actions{bottom:24px}}.moment-video-error{z-index:6;color:#fff;background:#16271fe6;border-radius:10px;padding:14px;font-size:13px;position:absolute;top:160px;left:20px;right:20px}.post-media-field{gap:10px;min-width:0;margin:2px 0 10px;display:grid}.attachment-heading,.attachment-heading .field-label,.attachment-actions,.attachment-ready{align-items:center;gap:10px;display:flex}.attachment-heading{justify-content:space-between}.attachment-heading .field-label{margin:0}.attachment-heading small{color:var(--muted);font-size:11px;font-weight:400}.attachment-entry{background:#f8faf5;border:1px dashed #a7b6a2;border-radius:14px;align-items:center;gap:12px;padding:6px 12px 6px 4px;display:flex}.attachment-add{min-height:68px;color:var(--green);text-align:start;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:12px;display:flex}.attachment-add>svg{flex-shrink:0}.attachment-add span{font-size:14px;font-weight:600}.attachment-add small{color:var(--muted);margin-top:3px;font-size:11px;font-weight:400;display:block}.attachment-actions{justify-content:flex-end;margin-top:4px}.attachment-ready{color:var(--muted);margin:0;font-size:11px}.attachment-consent{cursor:pointer;align-items:flex-start;gap:10px;padding:10px 0;font-size:12px;line-height:1.6;display:flex}.attachment-consent input{width:18px;height:18px;accent-color:var(--green);flex-shrink:0;margin:1px 0 0}.attachment-progress{align-items:center;gap:12px;font-size:12px;display:flex}.attachment-progress progress{min-width:50px;height:5px;accent-color:var(--green);flex:1}.post-attachment{background:#edf1e8;border-radius:12px;min-width:0;position:relative;overflow:hidden}.post-attachment>img,.post-attachment>video{object-fit:contain;background:#16271f;width:100%;max-height:460px;display:block}.post-media-field .post-attachment>img,.post-media-field .post-attachment>video{max-height:230px}.attachment-thumbnail{cursor:pointer;width:88px;height:88px;color:var(--green);border:0;flex-shrink:0}.attachment-thumbnail img{object-fit:cover;width:100%;height:100%}.attachment-video-icon{box-sizing:content-box;background:#f8faf5e6;border-radius:50%;padding:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.need-card>.attachment-thumbnail{width:100%;height:130px;margin:6px 0 14px}.detail-panel>.post-attachment{margin:20px 0}.post-attachment .small{padding:12px}.preview-gallery{scroll-snap-type:x mandatory;gap:8px;display:flex;overflow-x:auto}.preview-gallery>*{scroll-snap-align:start;flex:0 0 100%;min-width:0}