:root{font-family:system-ui,-apple-system,sans-serif;color:#dfebf4;background:#101a25;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{padding:22px 32px;display:flex;gap:15px;align-items:center;border-bottom:1px solid #304251}.logo{display:grid;place-items:center;width:44px;height:44px;background:#4ed1aa;color:#082a22;border-radius:12px;font-size:28px;font-weight:800}h1{font-size:22px;margin:0}h2{font-size:17px;margin:0 0 14px}p{margin:6px 0;color:#99aebf;font-size:13px}#connection{margin-left:auto;background:#213448;border-radius:20px;padding:8px 15px;font-size:13px}main{padding:24px;display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;max-width:1500px;margin:auto}.panel,.workspace{background:#162433;border:1px solid #2c4155;border-radius:14px;padding:20px}.panel h2:not(:first-child){margin-top:30px}label{display:block;color:#bdd0de;font-size:13px;margin:10px 0}input,select{font:inherit;border:1px solid #395166;background:#0f1c2a;color:#e7f2fa;border-radius:6px;padding:9px;max-width:100%}.panel input,.panel select{display:block;margin-top:7px;width:100%}button{font:inherit;border:0;background:#4ed1aa;color:#062c22;border-radius:6px;padding:10px 13px;cursor:pointer;font-weight:600}.panel>button{width:100%;margin-top:10px}.secondary{background:#2a435b;color:#e5f0f8}.danger{background:#b54048;color:white}button:disabled{opacity:.35;cursor:default}.note{font-size:12px;line-height:1.6;margin-top:13px}.session{display:block;width:100%;text-align:left;margin:10px 0;background:#263f53;color:#dfebf4;font-size:12px;line-height:1.6}.session.selected{outline:2px solid #4ed1aa}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:18px}.toolbar>div{flex:1}.toolbar h2{margin:0}.screen{background:#080e15;border:1px solid #344d61;border-radius:8px;min-height:300px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}#screen{display:none;width:100%;height:auto}#empty{color:#7892a5;padding:35px;text-align:center}.inputs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:15px 0}.inputs label{display:flex;align-items:center;gap:7px}.inputs #text{flex:1;min-width:180px}.terminal{border-top:1px solid #2a4053;padding-top:18px}.terminal small{font-size:11px;color:#7f9bb0;margin-left:8px}.diag{display:flex;gap:12px}pre{background:#0b1621;border-radius:8px;padding:15px;font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-word;max-height:250px;overflow:auto}#error{color:#ffb0b0}details{margin-top:20px;font-size:13px;color:#90a9bc}dialog{max-width:470px;padding:25px;background:#1c3041;border:1px solid #4ed1aa;border-radius:12px}dialog p{margin:18px 0}dialog button{margin:5px}dialog::backdrop{background:#000b}@media(max-width:950px){main{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.screen{min-height:200px}}