:root{font-family:system-ui,sans-serif;color:#e6edf8;background:#0c1220;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1240px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #29344a}h1{font-size:28px;letter-spacing:-1px;margin:6px 0}h2{font-size:17px;margin:0 0 12px}small{color:#88c9c0;font-size:11px;letter-spacing:2px}#badge{background:#24314a;border-radius:20px;padding:9px 16px;font-size:13px}p,footer{font-size:13px;color:#a9b6ca;line-height:1.6}section{padding:22px;background:#131e30;border:1px solid #28364e;border-radius:15px;margin-bottom:16px}#login{max-width:520px;margin:50px auto}#workspace{display:grid;grid-template-columns:340px 1fr;gap:24px}[hidden]{display:none!important}label{font-size:12px;display:block;color:#b9c9de;margin:12px 0}input,textarea{display:block;width:100%;background:#0d1525;border:1px solid #3a4d69;border-radius:7px;padding:10px;margin-top:6px;font:inherit;color:#fff}button{background:#9de3cc;border:0;border-radius:8px;padding:11px 14px;color:#102b28;font-weight:650;cursor:pointer;margin:5px 4px 5px 0}button:disabled{opacity:.35;cursor:default}.danger{background:#f6b6ad}.quiet{background:#293d59;color:#e5edfb}.row{display:flex;gap:8px}.row label{flex:1}.row button{flex:1;font-size:12px}#code{font-size:28px;letter-spacing:3px;display:block;color:#b5f0db;margin:10px 0}#screen{min-height:340px;display:flex;justify-content:center;align-items:center;background:#050910;border:1px solid #26344e;border-radius:18px;margin:0 auto 20px;overflow:hidden}#frame{display:block;max-height:720px;max-width:100%;cursor:crosshair;touch-action:none}pre{white-space:pre-wrap;font-size:12px;color:#b3ddcf;max-height:250px;overflow:auto}#test{background:#493919;border:1px solid #a98538;padding:14px;border-radius:10px;margin-bottom:18px;color:#ffe5a4}#message{position:sticky;bottom:10px;padding:12px;background:#1d2c42;min-height:44px;border-radius:9px}a{color:#9de3cc;display:block;margin:10px 0}footer{border-top:1px solid #29344a;font-size:12px}@media(max-width:760px){#workspace{grid-template-columns:1fr}header,main,footer{padding:16px}article{grid-row:1}}