body{margin:0;font-family:'Segoe UI',sans-serif;background-color:#f5f5f5}.preview-bar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(278.54deg,#e500ed 30.93%,#2463eb 78.7%);color:#fff;padding:3px 20px;font-size:16px}.preview-bar .left .back-btn{color:#fff;text-decoration:none;font-weight:500}.preview-bar .center .device-btn{background:#fff;color:#2463eb;border:0;margin:0 5px;padding:6px 12px;border-radius:4px;cursor:pointer;font-weight:600;line-height:1}.preview-bar .center .device-btn svg{fill:#2463eb;width:16px;height:16px;vertical-align:middle}.preview-bar .center .device-btn.active{background:#2463eb;color:#fff}.preview-bar .center .device-btn.active svg{fill:white}.preview-bar .right .choose-btn{background-color:#2463eb;color:#fff;border:0;padding:6px 12px;border-radius:4px;cursor:pointer;font-weight:500}.preview-bar .right .close-btn{background:transparent;color:#fff;border:0;font-size:20px;margin-left:10px;cursor:pointer}.preview-frame{display:flex;justify-content:center;align-items:center;background-color:#000;height:calc(100vh - 60px);overflow:hidden}.preview-frame iframe{border:0;width:100%;height:100%;transition:all .3s ease;background-color:#fff}