:root{font:15px system-ui,sans-serif;color:#e5eaf2;background:#101827}*{box-sizing:border-box}body{margin:0}header{padding:12px 24px;background:#172338;display:flex;align-items:center;justify-content:space-between}h1{margin:0;font-size:21px}small{color:#7cb7ff}main{padding:16px}#workspace{display:grid;grid-template-columns:230px minmax(300px,1fr) minmax(300px,1fr);gap:14px;min-height:85vh}.panel{background:#1b2a40;border:1px solid #344761;border-radius:12px;padding:16px;min-width:0}input,select,textarea{display:block;width:100%;background:#0e1929;border:1px solid #52637b;border-radius:7px;color:white;padding:11px;margin:10px 0;font:inherit}button{background:#327ce1;color:white;border:0;border-radius:7px;padding:9px 12px;margin:4px;cursor:pointer}button:hover{background:#2264bd}button:disabled{opacity:.5}button.file{display:block;width:100%;text-align:left;background:#2c3e55;overflow-wrap:anywhere}#messages{min-height:200px;max-height:46vh;overflow:auto}.message{padding:12px;border-bottom:1px solid #40516a;white-space:pre-wrap;overflow-wrap:anywhere}pre{background:#101827;padding:12px;border-radius:7px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}iframe{width:100%;height:420px;border:1px solid #52637b;background:white}#login{max-width:440px;margin:10vh auto}#history button{font-size:12px;text-align:left;background:#354760}@media(max-width:1100px){#workspace{grid-template-columns:1fr}.preview iframe{height:550px}}