*{box-sizing:border-box}
html,body{height:100%}
body{font-family:Segoe UI, Tahoma, Arial, sans-serif;margin:0;background:#f7f8fb;color:#222;height:100%}
.container{height:100%;display:flex;flex-direction:column}

/* bottom bar */
.bottom-bar{position:fixed;left:0;right:0;bottom:0;height:56px;background:#111;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:1002}
.bottom-bar .status{display:flex;gap:18px;align-items:center;font-size:16px}
.bottom-bar .actions button{background:#09c;border:none;color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer}

.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:72px;background:rgba(0,0,0,0.85);color:#fff;padding:10px 14px;border-radius:6px;display:none;z-index:1003}

/* 成功样式 */
.bottom-bar.success{background:linear-gradient(90deg,#2ecc71,#27ae60)}

@media (max-width:520px){.container{padding:0 12px}.bottom-bar{padding:0 10px;font-size:14px}}

/* embed styles: make iframe occupy full viewport */
.embed-wrap{height:100%;display:block}
.embed-header{display:flex;justify-content:space-between;align-items:center;padding:8px;background:rgba(255,255,255,0.02);z-index:1001}
.embed-info label{font-weight:600;margin-right:6px}
.embed-area{position:relative;background:#fff}
.embed-area iframe{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;border:0;display:block;z-index:0}
.embed-overlay{position:fixed;right:12px;bottom:88px;left:12px;background:rgba(255,255,255,0.95);padding:12px;border-radius:8px;display:flex;gap:12px;align-items:center;justify-content:space-between;z-index:1001}
.embed-overlay p{margin:0;font-size:14px;color:#333}
.embed-overlay button{background:#09c;border:none;color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer}

@media (max-width:720px){.embed-overlay{flex-direction:column;align-items:flex-start}}