.cs-media-host{display:block;min-width:0}.cs-media-card{min-width:210px;max-width:460px;border:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.72);border-radius:11px;padding:9px;color:#222}.mine .cs-media-card{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.2);color:inherit}.cs-media-card.deleted{opacity:.8}.cs-media-top{display:flex;align-items:center;gap:9px;min-width:0}.cs-media-icon{width:34px;height:34px;flex:0 0 34px;border-radius:8px;background:rgba(127,127,127,.14);display:flex;align-items:center;justify-content:center;font-size:17px}.cs-media-info{min-width:0;flex:1}.cs-media-info strong,.cs-media-info small{display:block}.cs-media-info strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-media-info small{font-size:10px;opacity:.64;margin-top:2px}.cs-media-preview{display:block;max-width:100%;max-height:260px;object-fit:contain;border-radius:8px;margin-top:8px;background:#efefeb}.cs-media-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.cs-media-tags span{font-size:9px;border:1px solid currentColor;border-radius:999px;padding:2px 6px;opacity:.72}.cs-media-tags .receipt{opacity:.9}.cs-media-tags .warn{opacity:1}.cs-media-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.cs-media-btn{border:1px solid rgba(0,0,0,.12);background:#f0f0eb;color:#222;border-radius:7px;padding:6px 8px;font-size:10px;font-weight:650}.mine .cs-media-btn{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.2);color:inherit}.cs-media-btn.danger,.cs-retention-actions .danger{background:#fff0ef!important;color:#8e2d27!important;border:1px solid #f0cfcb!important}.cs-media-tombstone,.cs-media-status{font-size:11px;margin-top:7px;opacity:.7;border-top:1px dashed currentColor;padding-top:7px}.cs-media-viewer{position:fixed;inset:0;z-index:4100;background:rgba(0,0,0,.78);display:flex;align-items:center;justify-content:center;padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}.cs-media-viewer.hidden,.cs-retention-overlay.hidden{display:none}.cs-media-viewer-panel{width:min(980px,100%);height:min(92vh,var(--cspace-vh,100vh));background:#111;border:1px solid rgba(255,255,255,.16);border-radius:13px;display:flex;flex-direction:column;overflow:hidden;color:#fff}.cs-media-viewer-head{height:52px;min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.12);gap:10px}.cs-media-viewer-head strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-media-viewer-head button{width:38px;height:38px;border-radius:8px;background:rgba(255,255,255,.1);color:#fff;font-size:20px}.cs-media-viewer-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:8px}.cs-media-full-image{display:block;max-width:100%;max-height:100%;object-fit:contain}.cs-media-audio{width:min(600px,92%)}.cs-media-viewer-foot{min-height:54px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:flex-end;gap:7px;padding:8px 10px}.cs-media-viewer-foot button{min-height:38px;border-radius:8px;padding:7px 12px;background:#292929;color:#fff;border:1px solid rgba(255,255,255,.13)}.cs-media-viewer-foot button.primary{background:#fff;color:#111}.cs-retention-overlay{position:fixed;inset:0;z-index:4200;background:rgba(0,0,0,.34);display:flex;align-items:flex-end;justify-content:center;padding:12px}.cs-retention-sheet{width:min(560px,100%);max-height:min(82vh,var(--cspace-vh,100vh));background:#fff;color:#222;border:1px solid #dcdcd6;border-radius:15px;box-shadow:0 18px 55px rgba(0,0,0,.2);overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}.cs-retention-head{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid #e7e7e1}.cs-retention-head button{width:36px;height:36px;border-radius:8px;background:#efefe9}.cs-retention-body{padding:13px 14px 4px;overflow:auto;max-height:45vh;font-size:12px;line-height:1.5}.cs-retention-body p{margin:0 0 9px}.cs-retention-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px 14px 13px}.cs-retention-actions button{min-height:40px;border-radius:8px;padding:8px 10px;background:#ecece7;color:#222;font-weight:650;border:1px solid transparent}.cs-retention-actions button.primary{background:#1d1d1d;color:#fff}.cs-retention-actions button:disabled{opacity:.55}.cs-room-row.mine .cs-media-card{background:#e9ece8;color:#222;border-color:rgba(0,0,0,.08)}.cs-room-row.mine .cs-media-btn{background:#fff;color:#222;border-color:rgba(0,0,0,.1)}
@media(max-width:760px){.cs-media-card{min-width:min(220px,76vw);max-width:88vw}.cs-media-preview{max-height:34vh}.cs-media-viewer{padding:0}.cs-media-viewer-panel{width:100%;height:var(--cspace-vh,100vh);max-height:var(--cspace-vh,100vh);border-radius:0;border:0}.cs-media-viewer-head{padding-top:env(safe-area-inset-top);min-height:calc(52px + env(safe-area-inset-top))}.cs-media-viewer-foot{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.cs-retention-overlay{padding:0}.cs-retention-sheet{width:100%;border-radius:15px 15px 0 0;border-left:0;border-right:0;border-bottom:0}.cs-retention-actions{padding-bottom:calc(13px + env(safe-area-inset-bottom))}}
@media(max-width:420px){.cs-media-actions{gap:4px}.cs-media-btn{padding:6px 7px}.cs-retention-actions{grid-template-columns:1fr}.cs-media-card{min-width:0;max-width:86vw}}