:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#192027;background:#f7f8fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{padding:24px 36px 20px;display:flex;justify-content:space-between;align-items:center;max-width:1680px;margin:auto}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-size:19px;font-weight:650;letter-spacing:-.5px}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#202832;color:#fff;font-size:24px;font-weight:650}.brand small{display:block;font-size:12px;letter-spacing:0;font-weight:400;color:#76808b;margin-top:4px}.badge{border:1px solid #dfe5e0;border-radius:20px;padding:8px 12px;font-size:12px;background:#fff;display:flex;gap:7px;align-items:center}.badge>span:first-child{height:6px;width:6px;border-radius:50%;background:#318a5a}main{max-width:1680px;padding:0 36px;margin:auto}label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#76808b;font-weight:600;margin-bottom:8px}.controls{display:flex;gap:10px}input{flex:1;min-width:0;border:1px solid #dce0e5;background:white;border-radius:9px;padding:13px 16px;font-size:15px;color:#202832;outline:none;box-shadow:0 1px 2px #10182804}input:focus{border-color:#7c6bef;box-shadow:0 0 0 3px #7c6bef18}button{border:0;border-radius:9px;background:#6754dc;color:white;padding:0 20px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;font-size:13px}button span{margin-left:10px}button:hover{background:#5846ca}button:disabled{opacity:.55;cursor:wait}.secondary{background:white;border:1px solid #dce0e5;color:#38404a}.secondary:hover{background:#f0f1f4}.session-bar{display:flex;justify-content:space-between;align-items:center;font-size:12px;min-height:44px;color:#76808b}.session-bar p{margin:10px 0}.session-bar .error{color:#ad3440}.viewport{position:relative;height:calc(100dvh - 242px);min-height:420px;background:#fff;border:1px solid #dce0e5;border-radius:13px;overflow:hidden;box-shadow:0 6px 25px #17212e05}.welcome{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.symbol{color:#6754dc;font-size:32px;background:#f0edff;border-radius:14px;width:58px;height:58px;display:grid;place-items:center;margin-bottom:20px}h1{font-size:clamp(27px,3vw,42px);letter-spacing:-1.6px;line-height:1.13;font-weight:600;margin:0 0 18px}.welcome p{color:#7b8490;font-size:14px;line-height:1.8;margin:0}.examples{display:flex;gap:9px;margin-top:28px}.examples a{color:#414b56;border:1px solid #e3e6ea;border-radius:7px;font-size:12px;text-decoration:none;padding:8px 14px}.examples a:hover{border-color:#6754dc;color:#6754dc}iframe{width:100%;height:100%;border:0;background:#181b20}footer{display:flex;justify-content:space-between;color:#8b949e;font-size:11px;padding:16px 2px 22px}[hidden]{display:none!important}@media(max-width:650px){header{padding:18px 16px}.brand{font-size:16px}.badge{font-size:10px;padding:7px 9px}main{padding:0 16px}.controls{flex-wrap:wrap}.controls input{flex-basis:100%}button{padding:12px 16px}.viewport{height:calc(100dvh - 295px);min-height:320px}footer{gap:12px;font-size:10px}.welcome{padding:20px}h1{letter-spacing:-1px}}