/* Preserve the entire selected monitor shape, including banner positioning. */
#compose-card[data-editor="preview"] .shared-editor{height:auto!important;min-height:0!important}
#preview-body{height:auto!important;gap:6px!important}
#preview-card{height:auto!important;min-height:0!important}
#preview-body .stage{height:auto!important;flex:none!important;min-height:0!important;width:100%!important;max-width:260px!important;margin:0 auto!important;padding:0!important;border-radius:10px}
#preview-body .screen,#preview-body .screen.is-bar-only{box-sizing:border-box;aspect-ratio:var(--preview-ratio,16/9)!important;height:auto!important;min-height:0!important;width:100%!important;padding:10px!important;border-radius:10px}
#preview-body .screen.bg-default{background:linear-gradient(135deg,#0f172a,#0c1222);color:white}
#preview-body .screen.is-light.bg-default .screen__popup{color:white}
#preview-body .screen__popup{box-sizing:border-box;max-width:92%!important;max-height:80%!important;background:transparent!important;border:0!important;padding:0!important;color:inherit;font-family:inherit}
#preview-body .screen__popup #screen-popup-text{max-height:100%!important;font-size:17px!important;line-height:1.35;overflow:hidden}
#preview-body .screen__bar{font-size:12px!important;border-radius:5px;left:3%;right:3%;top:3%;bottom:auto;padding:7px 9px!important;background:rgba(15,23,42,.95)!important;color:white!important}
#preview-body .screen.is-bar-only .screen__bar{bottom:auto!important;top:3%!important;height:auto!important;display:block!important}
#preview-body .screen.pos-bottom .screen__bar,#preview-body .screen.is-bar-only.pos-bottom .screen__bar{top:auto!important;bottom:3%!important}
#preview-body .screen.mode-both .screen__bar{top:3%;bottom:auto}
#preview-body #preview-hint{max-height:none!important;overflow:visible!important;line-height:1.4!important;font-size:11px!important}
.preview-ratio-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#6c7485;margin-bottom:6px}
.preview-ratio-row select{width:auto!important;min-height:30px;padding:4px 9px;border:1px solid #e0e5ef;border-radius:8px;font-size:14px}
#sch-status{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:10px;background:#edf4ff;line-height:1.45}
#sch-status.error{background:#fff0f0;color:#b42318}
#sendbar #status:empty{display:none}
/* Later shared-editor rules used display:flex and exposed the full-screen popup
   in banner mode. Apply the selected mode explicitly after those rules. */
#preview-body .screen.mode-marquee .screen__popup{display:none!important}
#preview-body .screen.mode-popup .screen__bar{display:none!important}
#preview-body .screen.mode-marquee{background:linear-gradient(145deg,#dde8f5,#b8cae0)!important}
#preview-body .screen.mode-marquee .screen__bar{display:block!important}
#preview-body .screen.mode-marquee .screen__bar{left:.5%!important;right:10%!important;top:.5%!important;height:5%!important;min-height:8px!important;padding:0 12px 0 3px!important;font-size:5px!important;line-height:8px!important;text-align:center;white-space:nowrap;overflow:hidden;border-radius:2px!important}
#preview-body .screen.mode-marquee .screen__bar::after{content:'关闭';position:absolute;right:1px;top:1px;background:#f4f5f8;color:#172033;font-size:4px;line-height:6px;padding:0 1px;border-radius:2px}
#preview-body .screen.mode-marquee.pos-bottom .screen__bar{top:auto!important;bottom:.5%!important}
#preview-body .screen.mode-marquee #preview-replies{position:absolute!important;left:.5%!important;right:auto!important;top:7%!important;bottom:auto!important;display:flex;justify-content:flex-start;gap:3px;margin:0!important;transform:none!important}
#preview-body .screen.mode-marquee.pos-bottom #preview-replies[data-position="below"]{top:auto!important;bottom:7%!important}
#preview-body .screen.mode-marquee #preview-replies[data-position="bottom"]{top:auto!important;bottom:1%!important;left:1%!important;right:10%!important}
#preview-body .screen.mode-marquee #preview-replies[data-position="right"]{left:auto!important;right:1%!important;top:1%!important;bottom:auto!important;flex-direction:column}
#preview-body .screen.mode-marquee #preview-replies[hidden]{display:none!important}
#preview-body .screen.mode-marquee #preview-replies span{font-size:5px!important;min-height:7px!important;padding:0 2px!important;border-radius:2px!important}
body[data-phone-page="settings"] > main > .bar{display:none!important}
#reply-flash[data-placement="below-options"]{background:#1769cf!important;color:#fff!important;border:0!important;box-shadow:0 4px 14px #1255a321!important}
#reply-flash[data-placement="below-options"] .reply-flash__label{background:transparent!important;color:#dcecff!important;letter-spacing:0}
#reply-flash[data-placement="below-options"] #reply-flash-text{color:#fff!important;font-weight:600}
#reply-flash[data-placement="below-options"] #reply-flash-close{background:#ffffff26!important;color:white!important;border:0!important}
#reply-flash.reply-arriving{animation:replyArrival .22s ease-out both}
@keyframes replyArrival{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){#reply-flash.reply-arriving{animation:none}}