.mc-preview-open{overflow:hidden}.media-compose-dialog.mc-fullscreen{position:fixed;inset:0;z-index:60000;display:flex;flex-direction:column;padding:0;background:#0b1014;color:white;box-sizing:border-box;height:100dvh;height:var(--app-height,100dvh)}.mc-toolbar{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:calc(12px + env(safe-area-inset-top)) 16px 12px}.mc-toolbar button,.mc-send-line button{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:0;border-radius:50%;background:#ffffff26;color:#fff;padding:10px;cursor:pointer}.mc-toolbar svg,.mc-send-line svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mc-count{flex:1;text-align:center;font:14px/1.5 Roboto,Arial,sans-serif}.mc-stage{display:grid;place-items:center;flex:1;min-height:0;overflow:hidden;padding:0 12px}.mc-stage>img,.mc-stage>video{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.mc-stage>audio{max-width:100%;width:420px}.mc-footer{flex-shrink:0;padding:12px 12px calc(12px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.mc-send-line{display:flex;gap:12px;align-items:flex-end;max-width:900px;width:100%;margin:auto}.mc-caption{flex:1;min-width:0;min-height:50px;max-height:120px;border:0!important;border-radius:26px!important;background:#202a30!important;color:white!important;padding:14px 20px!important;box-sizing:border-box;font:16px/22px Roboto,Arial,sans-serif;resize:none}.mc-caption::placeholder{color:#c6ced2}.mc-send-line button{width:52px;height:52px;flex-basis:52px;background:#00a884}.mc-thumbs{display:flex;gap:8px;overflow:auto;max-width:100%;margin:auto}.mc-thumbs[hidden]{display:none}.mc-thumbs button{width:48px;height:48px;flex:0 0 48px;padding:0;border:2px solid transparent;border-radius:6px;background:#27353d;color:white;overflow:hidden}.mc-thumbs button[aria-current=true]{border-color:#00a884}.mc-thumbs img{width:100%;height:100%;object-fit:cover}.mc-document{display:flex;align-items:center;gap:16px;overflow-wrap:anywhere;max-width:100%}.mc-document svg{width:40px;height:40px;flex-shrink:0;fill:none;stroke:white;stroke-width:1.6}.mc-send-error{position:fixed;z-index:65000;bottom:100px;left:16px;right:16px;max-width:600px;margin:auto;display:flex;align-items:center;gap:12px;padding:16px;border-radius:14px;background:#fff;color:#b3261e;box-shadow:0 3px 18px #0003;font:14px/1.5 Roboto,Arial,sans-serif}.mc-send-error span{flex:1}.mc-send-error button{padding:10px;border:0;border-radius:8px;background:#edf4f1;color:#075e54}
#messages .ml-image-row .message-meta,#groupMessages .ml-image-row .group-message-time,#messages .ml-album .message-meta,#groupMessages .ml-album .group-message-time{position:static!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;color:#667781!important;padding:4px 2px!important;margin:0!important;min-height:16px;font-size:11px!important;display:flex!important;justify-content:flex-end;gap:4px;pointer-events:none}
#messages .attachment-image[data-image-state=loading]:after,#groupMessages .group-image-preview[data-image-state=loading]:after{content:'';position:absolute;inset:auto 10px 10px auto;width:34px;height:34px;box-sizing:border-box;border:3px solid #ffffff60;border-top-color:#fff;border-radius:50%;padding:0;background:transparent;animation:mc-download-spin 1s linear infinite;z-index:3;box-shadow:0 0 0 4px #0004}
#messages .attachment-image[data-image-state=loading]:before,#groupMessages .group-image-preview[data-image-state=loading]:before{content:'';position:absolute;right:17px;bottom:17px;width:20px;height:20px;background:center/20px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M12 3v14m-5-5 5 5 5-5M5 20h14'/%3E%3C/svg%3E");z-index:4;pointer-events:none}@keyframes mc-download-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.attachment-image[data-image-state=loading]:after,.group-image-preview[data-image-state=loading]:after{animation-duration:2s!important}}
.media-compose-dialog.mc-fullscreen{align-items:stretch;justify-content:flex-start}.mc-toolbar,.mc-footer{width:100%;box-sizing:border-box}.mc-stage{width:100%;box-sizing:border-box}