html,body{height:100%;margin:0;letter-spacing:0;background:#102034;color:#eef4fb;font:14px Arial,sans-serif}
*{box-sizing:border-box}
body{display:flex;flex-direction:column}
header{flex:none;padding:8px 12px;border-bottom:1px solid #496580;background:#14293f}
.test-title,.test-controls{display:flex;align-items:center;flex-wrap:wrap}
.test-title img{width:28px;height:28px;margin-right:8px}
.test-title strong{font-size:17px;margin-right:10px}.test-title span{color:#a9daca;font-size:12px}
.test-controls{margin-top:6px}.test-controls>*{margin:0 8px 4px 0}
button,select{font:14px Arial,sans-serif;color:white;background:#233d54;border:1px solid #7793ab;border-radius:4px;min-height:30px;padding:4px 8px}
button:focus,select:focus{outline:2px solid #fff;outline-offset:1px}
label{font-size:12px}p{font-size:12px;line-height:1.4;margin:3px 0;overflow-wrap:break-word}
#status{color:#9de1cc}
iframe{display:block;flex:1;min-height:0;width:100%;border:0;background:#12243a}
@media(max-width:400px){header{padding:6px 8px}.test-title strong{font-size:15px}.test-controls>*{margin-right:5px}button,select{font-size:12px;padding:4px}}