.device-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#8993a5;margin:0 2px 12px}.device-label>span:first-child{font-weight:650;color:#526079;font-size:12px}
.live-mode-button{display:flex;justify-content:center;align-items:center;gap:9px;width:100%;border:1px solid #edb7cb;border-radius:8px;background:#fff4f8;color:#bb567d;font-size:11px;font-weight:600;line-height:1.8;padding:12px 10px;margin-bottom:15px}
.live-mode-dot{width:7px;height:7px;border-radius:50%;background:#ed6f9c;flex:none}.live-mode-button[aria-pressed=true]{background:linear-gradient(115deg,#e86796,#b46bd2);color:#fff;border-color:transparent;box-shadow:0 4px 15px #d86c9726}.live-mode-button[aria-pressed=true] .live-mode-dot{background:white;box-shadow:0 0 0 4px #ffffff20}
.live-controls{padding:0 1px 12px}.live-controls>div{display:flex;gap:7px}.live-controls button{border:1px solid #e5dce8;border-radius:5px;background:#fcf9fc;padding:7px 10px;font-size:10px;color:#94748e}.live-controls p{font-size:9px;line-height:1.7;color:#9b8797;margin:7px 0 0}
#preview.iphone-screen{aspect-ratio:1206/2622;border-radius:clamp(28px,3vw,46px)}
.phone.iphone-device{border-radius:clamp(36px,3.8vw,54px);padding:9px;background:linear-gradient(115deg,#c8c9cd,#76787f 18%,#2b2d34 45%,#c8cad0 75%,#4c4f58);box-shadow:0 15px 30px -10px #1e233645,inset 0 0 0 1px #e2e4ea,0 0 0 1px #5e636b}
.iphone-device:before{height:56px;top:116px;background:#8c8e95;width:3px;left:-3px}.iphone-device:after{height:60px;top:142px;background:#878a92;width:3px;right:-3px}
.iphone-screen .phone-island{display:none}.iphone-screen .phone-info{bottom:38px}
#liveOverlay{z-index:4;pointer-events:none}.phone-screen.live-mode .phone-info,.phone-screen.live-mode .thirds{display:none!important}
.screen-reader-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.preview-dialog .phone.iphone-device{padding:0;box-shadow:0 0 0 2px #838791;background:#1e222d;border-radius:clamp(28px,3vw,46px)}
.preview-dialog #preview.iphone-screen{border-radius:clamp(28px,3vw,46px)}
#expandedLive[aria-pressed=true]{background:#c15f94;border-color:#d774a9;color:white}
.expanded-footer>div{flex-wrap:wrap;justify-content:center}.preview-panel select:disabled{color:#a87898;background:#fbf5f9;cursor:default}
@media(max-width:700px){.live-mode-button{font-size:10px;padding:11px 8px}.live-controls p{font-size:9px}.expanded-footer button{padding:9px 10px;font-size:10px}.expanded-footer{min-height:86px}.device-label{font-size:9px}.device-label>span:first-child{font-size:11px}}
