:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#09120e;color:#e9eeeb;font:13px Arial,Helvetica,sans-serif}button,select,a{font:inherit;color:inherit}button,select{background:#14231b;border:1px solid #344a3c;border-radius:4px;padding:8px;cursor:pointer}button:disabled{opacity:.45}a{font-size:11px}#login{max-width:430px;margin:12vh auto;padding:36px;background:#101c15;border:1px solid #293f30;border-radius:8px;text-align:center}#login img{width:65px}h1{letter-spacing:4px}p{color:#a7b5ac;line-height:1.6}form{display:grid;gap:20px;margin:30px 0}label{display:grid;gap:10px;text-align:left}header{min-height:52px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 14px;border-bottom:1px solid #2d4234}#status{flex:1;min-width:100px;font-size:11px}#status.error{color:#ffb4ab}.demo{font-size:9px;letter-spacing:1px;color:#b9ba84}#studio{display:block;width:100%;height:calc(100dvh - 58px);border:0;background:#09120e}dialog{max-width:1000px;width:95vw;max-height:90vh;overflow:auto;background:#101c15;color:#e9eeeb;border:1px solid #344a3c}.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare section{min-width:0}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:35vh;overflow:auto;font-size:11px}#versions button{display:block;margin:8px 0}@media(max-width:700px){header{padding:6px;gap:5px}header strong{font-size:11px}header a,.demo{display:none}#studio{height:calc(100dvh - 112px)}.compare{grid-template-columns:1fr}#login{margin:8vh 12px}}
#workspace:not([hidden]){display:flex;flex-direction:column;height:100dvh}header{flex:none}#studio{flex:1;height:0;min-height:0}.demo{display:inline!important}

#workspace:not([hidden]){height:100dvh}#studio{width:100%;height:100dvh;border:0;flex:1}#saveError{position:fixed;bottom:16px;right:16px;z-index:99999;max-width:520px;padding:14px;background:#40231e;border:1px solid #bd7065;border-radius:8px}#saveError[hidden]{display:none}#saveError button{margin-left:12px}

#login input{font:inherit;color:inherit;background:#14231b;border:1px solid #344a3c;border-radius:4px;padding:10px}#login>button{margin:4px}