.zf-media-viewer{position:fixed;z-index:1000;inset:0;display:grid;grid-template-rows:auto 1fr;padding:18px;background:rgba(5,11,19,.92);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s}.zf-media-viewer.open{opacity:1;visibility:visible}.zf-media-viewer header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:1500px;width:100%;margin:auto;padding:10px 12px 14px;color:#fff}.zf-media-viewer header span b,.zf-media-viewer header span small{display:block}.zf-media-viewer header b{font:800 11px Prompt}.zf-media-viewer header small{margin-top:3px;color:#aab7c7;font:600 8px Prompt}.zf-media-viewer header div{display:flex;gap:6px}.zf-media-viewer button{height:34px;min-width:34px;padding:0 10px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.09);color:#fff;font:800 10px Prompt;cursor:pointer;transition:.18s}.zf-media-viewer button:hover{background:rgba(255,255,255,.18);transform:translateY(-1px)}.zf-media-viewer main{min-height:0;display:grid;place-items:center;overflow:hidden;border-radius:18px}.zf-media-viewer main img{max-width:100%;max-height:100%;object-fit:contain;touch-action:none;user-select:none;cursor:zoom-in;will-change:transform;transition:transform .12s ease-out}.zf-media-viewer.open main img{animation:zfMediaIn .24s ease}.zf-media-open{overflow:hidden!important}.post-media,.social-profile-grid img,.social-message-bubble img,.chat-message-media,.social-highlight-view img{cursor:zoom-in}.chat-message-media{display:block;width:min(260px,100%);max-height:280px;margin:7px 0 3px;border-radius:12px;object-fit:cover;box-shadow:0 8px 24px rgba(25,53,83,.12)}.market-media-form{grid-template-columns:auto 1fr auto!important;align-items:center}.market-media-picker{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border:1px solid #dce8f5;border-radius:10px;background:#f2f7ff;color:#2874e2;font:900 17px Prompt;cursor:pointer;transition:.18s}.market-media-picker:hover{background:#e8f2ff;transform:translateY(-1px)}.market-media-picker input{display:none}.market-media-form.uploading{opacity:.7;pointer-events:none}.person-identity{min-width:0;display:flex;align-items:center;gap:9px;flex:1;padding:0;border:0;background:none;text-align:left;cursor:pointer}.person-identity:hover .person-meta b{color:#2472df}.person-identity .person-avatar{flex:0 0 auto}.person-identity .person-meta{min-width:0;display:block}.person-identity .person-meta b,.person-identity .person-meta span{display:block}.person-row{transition:background .18s ease,transform .18s ease}.person-row:hover{background:#f8fbff;transform:translateX(2px)}@keyframes zfMediaIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media(max-width:600px){.zf-media-viewer{padding:8px}.zf-media-viewer header{padding:7px 4px 10px}.zf-media-viewer header small{display:none}.zf-media-viewer header div{gap:4px}.zf-media-viewer button{height:32px;min-width:32px;padding:0 8px}.zf-media-viewer main{border-radius:12px}.chat-message-media{max-height:220px}}
/* Selected attachment feedback in Messages */
.social-file-picker{position:relative}.social-file-picker small{position:absolute;left:0;bottom:42px;display:none;max-width:180px;padding:6px 9px;border:1px solid #dce8f5;border-radius:9px;background:#fff;box-shadow:0 8px 24px rgba(25,53,83,.12);color:#557088;font:700 7px Prompt;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-file-picker.selected{background:#e8f3ff!important;color:#2472df!important}.social-file-picker.selected small{display:block}
.chat-paste-preview{display:flex;align-items:center;gap:8px;flex:0 0 100%;grid-column:1/-1;min-width:0;max-width:100%;margin:0 0 2px;padding:6px 8px 6px 6px;border:1px solid #d7e5f4;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(28,59,94,.12);animation:zfMediaIn .18s ease}.chat-paste-preview img{width:42px;height:42px;border-radius:9px;object-fit:cover}.chat-paste-preview span{min-width:0;display:block}.chat-paste-preview b,.chat-paste-preview small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-paste-preview b{color:#314b63;font:800 8px Prompt}.chat-paste-preview small{margin-top:2px;color:#8293a4;font:650 7px Prompt}.chat-paste-preview button{width:24px;height:24px;margin-left:auto;border:0;border-radius:7px;background:#f1f5f9;color:#73869a;font:800 12px Prompt;cursor:pointer}.chat-paste-ready{box-shadow:0 0 0 3px rgba(45,117,230,.09)}.chat-form,.social-message-form{position:relative}.social-message-form{flex-wrap:wrap}