.live-preview-workspace{max-width:1240px;margin:70px auto 20px;padding:28px;border:1px solid #dbe5f3;border-radius:28px;background:linear-gradient(145deg,#fff,#f5f8ff);box-shadow:0 25px 70px rgba(21,53,108,.13)}.preview-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:24px}.preview-heading span{color:#0752e8;font-size:11px;font-weight:850;letter-spacing:.1em}.preview-heading h2{margin:10px 0 6px;font-size:clamp(28px,4vw,44px)}.preview-heading p{margin:0;color:#65728b}.preview-status{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #d7e3f4;border-radius:999px;background:#fff;font-size:11px}.preview-status i{width:9px;height:9px;border-radius:50%;background:#f3a712}.preview-ready .preview-status i{background:#16bd70;box-shadow:0 0 0 5px #16bd701a}.preview-error .preview-status i{background:#ef4444}.preview-tabs{display:flex;gap:8px;margin-bottom:14px}.preview-tabs button,.preview-toolbar button,.preview-toolbar a{border:1px solid #d7e1ef;border-radius:9px;color:#3b4962;background:#fff;font-weight:750}.preview-tabs button{padding:11px 18px}.preview-tabs button.active{color:#fff;border-color:#0752e8;background:#0752e8}.preview-panel{display:none}.preview-panel.active{display:block}.preview-toolbar{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:8px 12px;border:1px solid #dfe7f2;border-radius:14px 14px 0 0;background:#fff}.preview-toolbar>div{display:flex;gap:7px}.preview-toolbar button,.preview-toolbar a{padding:9px 13px;text-decoration:none}.device-switch button.active{color:#0752e8;border-color:#a9c5f7;background:#edf4ff}.preview-stage{height:650px;display:flex;justify-content:center;overflow:hidden;padding:12px;border:1px solid #dfe7f2;border-top:0;border-radius:0 0 18px 18px;background:#dfe6f0}.preview-stage iframe{width:100%;height:100%;border:0;border-radius:9px;background:#fff;box-shadow:0 8px 24px #183b7d20;transition:width .3s ease}.video-stage{aspect-ratio:16/9;overflow:hidden;border-radius:18px;background:#07152f}.video-stage iframe{width:100%;height:100%;border:0}.video-placeholder{height:100%;display:grid;place-content:center;text-align:center;color:#fff}.video-placeholder i{color:#ff5a12;font-size:64px}.video-placeholder h3{color:#fff;margin:18px 0 6px}.video-placeholder p{color:#aebbd2}@media(max-width:700px){.live-preview-workspace{margin-top:45px;padding:16px;border-radius:20px}.preview-heading{align-items:flex-start;flex-direction:column}.preview-status{align-self:flex-start}.preview-tabs button span,.device-switch button span{display:none}.preview-toolbar a{font-size:0}.preview-toolbar a i{font-size:14px}.preview-stage{height:560px;padding:7px}}