*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:#12161a;color:#eef4f7}body{overflow:hidden}header{height:62px;display:flex;align-items:center;gap:22px;padding:0 25px;border-bottom:1px solid #35414c;background:#17212a}.brand{font-size:25px;font-weight:850;letter-spacing:-1px;text-decoration:none}.brand span{color:#56e4c4}.edition{font:10px ui-monospace,monospace;letter-spacing:2px;color:#a5b9c6}.connected{margin-left:auto;color:#56e4c4;font-size:12px}a{color:inherit;font-size:12px}button,select{border:1px solid #526370;color:#eef4f7;background:#24333e;border-radius:5px;font:12px inherit;padding:9px 12px;cursor:pointer}button:hover{background:#374d5e}button:disabled,select:disabled{opacity:.5}.toolbar{height:78px;display:flex;align-items:center;gap:18px;padding:0 25px;background:#1d2b35}.toolbar strong{display:block;font-size:17px}.toolbar small{display:block;color:#a9bbc8;font-size:11px;margin-top:6px}.toolbar label{margin-left:auto;font-size:11px;color:#b6cbd7}.toolbar select{margin-left:10px}#liveui-renderer{position:relative;width:100%;height:calc(100vh - 172px);overflow:hidden}footer{height:32px;display:flex;align-items:center;gap:25px;padding:0 25px;font-size:10px;color:#a9bdc9;border-top:1px solid #35414c}footer span:last-child{margin-left:auto}.evidence{position:absolute;z-index:20;right:18px;top:72px;bottom:42px;overflow:auto;width:430px;padding:28px;background:#f3f7f8;color:#17212a;box-shadow:0 20px 100px #0008;border:1px solid #d1dfe6;border-radius:10px}.eyebrow{font:10px ui-monospace,monospace;letter-spacing:2px;color:#527583}.evidence h2{font-size:27px;line-height:1.12;letter-spacing:-1px}.evidence p{font-size:13px;line-height:1.6;color:#455d6c}.evidence dt{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#5a7380;margin-top:17px}.evidence dd{font:11px ui-monospace,monospace;overflow-wrap:anywhere;margin:7px 0}.evidence .result{font-weight:700;color:#06745e}.evidence pre{padding:14px;white-space:pre-wrap;background:#e7eff2;font-size:10px;line-height:1.5;border-radius:6px}.error{position:absolute;z-index:25;top:68px;background:#8c2739;padding:15px}@media(max-width:800px){header{padding:0 12px;gap:10px}.edition,header>a:not(.brand),.toolbar small,footer span:last-child{display:none}.toolbar{padding:0 12px;gap:6px}.toolbar strong{font-size:12px}.toolbar label{font-size:0}.toolbar select{max-width:130px;font-size:11px}.evidence{width:calc(100% - 24px);right:12px}}#root{display:flex;flex-direction:column;height:100%;height:100dvh;min-width:0;min-height:0}header,.toolbar,footer{flex-shrink:0;min-width:0}header{height:auto;min-height:62px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.toolbar{height:auto;min-height:78px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.toolbar>div{min-width:0}.toolbar label{white-space:nowrap}#liveui-renderer{flex:1 1 0;height:auto;min-width:0;min-height:0}footer{height:auto;min-height:32px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}.evidence{max-width:calc(100% - 24px)}@media(max-width:600px){.toolbar{min-height:0;gap:8px}.toolbar>div{flex-basis:100%}.toolbar label{margin-left:0;flex:1}.toolbar select{margin-left:0;max-width:100%;width:100%}header{gap:8px}.brand{font-size:22px}.connected{font-size:10px}footer{gap:8px;font-size:9px}}