*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#101414;color:#f5f1e8;font:14px system-ui,sans-serif}body{display:flex;flex-direction:column}header{height:54px;flex-shrink:0;display:flex;gap:24px;align-items:center;padding:0 22px;border-bottom:1px solid #34443d}header a{color:#e9bd92;text-decoration:none}header a:hover{text-decoration:underline}header a:focus-visible{outline:2px solid #e9bd92;outline-offset:5px}h1{font-size:14px;font-weight:600;margin:0}header span{margin-left:auto;color:#b7c3ba;font-size:12px}main{position:relative;flex:1;min-height:0;background:#f5f5f5}#demo-app{position:absolute;inset:0}#demo-loading{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;color:#17342c;background:#f5f5f5}#demo-loading[hidden]{display:none}#demo-loading strong{font-size:22px}#demo-loading p{max-width:400px;line-height:1.6}.no-script{position:absolute;inset:54px 0 0;z-index:3;background:#101414;padding:40px}.no-script a{color:#e9bd92}@media(max-width:620px){header{height:48px;padding:0 14px;gap:18px}header span{display:none}}