:root{color-scheme:dark;font:14px system-ui,sans-serif;color:#e6edf5;background:#10151c}*{box-sizing:border-box}html,body{height:100%;margin:0}body{display:flex;flex-direction:column}header{display:flex;align-items:center;gap:20px;padding:9px 16px;min-height:46px;border-bottom:1px solid #394552;background:#1a222c}header span{color:#aebdce;font-size:12px;flex:1}a{color:#8ec7ff}button{background:#286eb9;color:#fff;border:1px solid #5999da;border-radius:5px;padding:7px 15px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}main{flex:1;min-height:0;position:relative}iframe{width:100%;height:100%;border:0;display:block}#loading{position:absolute;inset:0;display:grid;place-items:center;color:#aebdce}dialog{background:#19212c;color:#e6edf5;border:1px solid #53657b;border-radius:10px;padding:24px;max-width:860px;width:90vw}dialog::backdrop{background:#000b}dialog pre{white-space:pre-wrap;overflow:auto;max-height:50vh;padding:18px;border:1px solid #3a4655;font:13px/1.55 system-ui}dialog>div{display:flex;justify-content:flex-end;align-items:center;gap:24px}dialog p{line-height:1.5;color:#bfccda}@media(max-width:700px){header{gap:10px;flex-wrap:wrap}header span{order:3;width:100%;flex:auto}header strong{flex:1}}