:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e9edf6;background:#0b0e14;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header,footer{padding:24px 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #252a37}a{color:inherit;text-decoration:none;font-size:22px;font-weight:650}a span{color:#858da1;font-size:15px;font-weight:400}.badge,.eyebrow{font-size:11px;letter-spacing:2px;color:#b4c1ff}.badge{padding:7px 10px;border:1px solid #333d63;border-radius:6px}main{max-width:1420px;margin:auto;padding:48px 5vw}h1{font-size:clamp(30px,4vw,54px);letter-spacing:-2px;line-height:1.1;margin:16px 0 24px}p{color:#aeb7ca;line-height:1.6}#login{max-width:640px;margin:6vh auto 14vh}label{font-size:13px;color:#abb5ca}input,select,button{font:inherit;font-size:14px;border-radius:8px;padding:12px;border:1px solid #333b50;background:#151b28;color:inherit;min-width:0}input:focus,select:focus,button:focus-visible,#screen:focus-visible{outline:2px solid #93a5ff;outline-offset:2px}button{cursor:pointer;background:#b9c5ff;color:#151d39;border-color:transparent;font-weight:600;white-space:nowrap}.secondary{background:#1a2233;color:#c6d0e7;border-color:#344059}button:disabled{opacity:.5;cursor:wait}.row,.heading,.controls,.toolbar,.statusbar{display:flex;align-items:center;gap:12px}.row{margin-top:10px}.row input{flex:1}.heading{justify-content:space-between}.heading h1{font-size:32px}.controls{flex-wrap:wrap;margin:16px 0}.controls label{display:flex;gap:10px;align-items:center}.muted{font-size:12px;color:#929db3}.browser{border:1px solid #344059;border-radius:12px;overflow:hidden;background:#121723}.toolbar{padding:12px;background:#1b2231}.toolbar form{flex:1;display:flex;gap:8px}.toolbar input{width:100%;background:#111725}.dot{width:9px;height:9px;background:#9badff;border-radius:100%}#screen{min-height:260px;display:grid;place-items:center;position:relative;background:#11151d;overflow:hidden}#frame{width:100%;height:auto;display:block;cursor:crosshair}#frame[hidden]{display:none}.statusbar{justify-content:space-between;padding:12px;color:#9eacc8;font-size:12px}#type-form{display:flex;gap:8px;width:100%}#text{flex:1}details{border-top:1px solid #293346;padding:20px 0;color:#b7c4e0}summary{cursor:pointer}code{display:block;overflow-wrap:anywhere;font-size:13px;background:#141c2a;padding:12px;border-radius:8px}#notice{min-height:24px;color:#cbd5ff}footer{font-size:12px;color:#7f8ba3;border-top:1px solid #252a37;border-bottom:none}[hidden]{display:none!important}@media(max-width:600px){header{padding:20px}.badge{display:none}main{padding:28px 16px}a span{font-size:12px}.toolbar{flex-wrap:wrap}.toolbar form{flex-basis:85%}.heading{align-items:start}.controls{gap:8px}.statusbar{align-items:start}#screen{min-height:180px}}