.push-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.85fr);align-items:start;gap:clamp(20px,4vw,48px);margin-top:18px}
#push-compose,#push-settings{min-width:0}
#push-compose textarea{min-height:100px;resize:vertical}
#push-news[hidden]{display:none}
#push-compose button.primary{display:inline-flex;align-items:center;gap:8px}
.push-preview{min-width:0;padding:18px;background:var(--bg);border:1px solid var(--line);border-radius:18px}
.push-preview-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px}
.push-preview-head h3{margin:0;font-size:1rem}
.push-switch{display:inline-flex;padding:3px;gap:2px;background:var(--paper);border:1px solid var(--line);border-radius:18px}
.push-switch button{border:0;background:transparent;font-size:.76rem;min-height:33px;padding:5px 11px;border-radius:14px}
.push-switch button[aria-pressed=true]{background:var(--tint);color:var(--accent)}
.push-phone{position:relative;margin:auto;width:min(100%,270px);min-height:322px;box-sizing:border-box;padding:15px 12px 44px;overflow:hidden;border-radius:31px;border:5px solid #352d30;
 background:radial-gradient(ellipse at 90% 120%,#d18b75 0%,transparent 52%),radial-gradient(ellipse at 5% 5%,#b66771 0%,transparent 58%),linear-gradient(138deg,#552a37,#55202d 62%,#311e2b);color:#fff5ed;text-align:center}
.push-camera{height:9px;width:9px;background:#261d24;border-radius:8px;margin:-6px auto 12px}
.push-phone[data-os=iPhone] .push-camera{width:50px}
.push-date{font-size:.78rem;color:#ffe2d9}
.push-clock{font-size:clamp(32px,5vw,49px);font-weight:550;line-height:1.15;letter-spacing:-.045em;margin:2px 0 16px;font-variant-numeric:tabular-nums}
.push-banner{display:flex;align-items:start;gap:9px;padding:12px 10px;border-radius:15px;text-align:start;background:#fff8f3;color:#281d21;box-shadow:0 4px 16px #22071838;overflow-wrap:anywhere}
.push-banner img{width:36px;height:36px;border-radius:9px;object-fit:cover}
.push-banner>div{flex:1;min-width:0}
.push-app{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:.65rem;font-weight:650;color:#604b51;margin-bottom:3px}
.push-app span{font-weight:400}
.push-banner strong{display:block;font-size:.86rem;line-height:1.28}
.push-banner p{font-size:.78rem;margin:4px 0 0;line-height:1.35;color:#423337;white-space:pre-line}
.push-phone[data-os=iPhone] .push-banner{background:#f5e4e6ef;border-radius:18px}
.push-homebar{position:absolute;bottom:9px;left:50%;width:65px;height:3px;background:#fff8;border-radius:3px;transform:translateX(-50%)}
#push-config{margin-top:22px;border-top:1px solid var(--line);padding-top:14px}
#push-config summary span{margin-inline-start:8px;color:var(--sub);font-size:.86rem;font-weight:450;overflow-wrap:anywhere}
#push-settings{max-width:640px}
.push-result{color:var(--ink);font-size:.9rem;overflow-wrap:anywhere}
.push-result:empty{display:none}
@media(max-width:760px){.push-layout{grid-template-columns:minmax(0,1fr)}.push-preview{padding:14px}.push-phone{min-height:262px}}