html,body{margin:0;padding:0;font-family:ui-sans-serif,system-ui;background:#0b0f14;color:#e6edf3}#app{max-width:1200px;margin:0 auto;padding:16px}.topbar{display:flex;gap:8px;align-items:center;margin-bottom:12px}.topbar input{flex:1;padding:10px;border-radius:10px;border:1px solid #243042;background:#0f1621;color:#e6edf3}.topbar button{padding:10px 14px;border-radius:10px;border:1px solid #243042;background:#162235;color:#e6edf3;cursor:pointer}textarea{width:100%;height:200px;border-radius:12px;border:1px solid #243042;background:#0f1621;color:#e6edf3;padding:12px;box-sizing:border-box;margin-bottom:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:900px){.grid{grid-template-columns:1fr 1fr}}.panel{border:1px solid #243042;border-radius:14px;background:#0f1621;overflow:hidden}.label{padding:10px 12px;border-bottom:1px solid #243042;font-weight:600}.chart{height:320px}