body{margin:0;background:#f5f7fa;color:#20304a;font:16px system-ui,sans-serif}header{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#fff;border-bottom:1px solid #ddd}header span{flex:1;color:#64748b;font-size:14px}button{padding:10px 16px;border:1px solid #bdc8d8;border-radius:8px;background:white;color:#20304a;cursor:pointer}button:disabled{opacity:.5;cursor:wait}main>p,main>button{margin:20px 24px}iframe{display:block;width:100%;height:calc(100vh - 140px);border:0;background:white}[hidden]{display:none!important}@media(max-width:600px){header{padding:12px;gap:8px;flex-wrap:wrap}header span{font-size:12px}button{padding:8px 12px}}