@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{background:#070714;color:#c8d8e8;font-family:Inter,Segoe UI,sans-serif;font-size:13px}#root{max-width:100%;padding:0}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;padding:6px 16px;background:#0b0b20;border-bottom:1px solid #1e3a5a;flex-shrink:0}.app-header h1{font-size:18px;font-weight:700;color:#7dd3fc;letter-spacing:3px;text-transform:uppercase}.header-controls{display:flex;gap:6px;align-items:center}.sim-time{font-family:JetBrains Mono,monospace;font-size:13px;color:#7dd3fc;letter-spacing:1px}.main-layout{display:flex;flex:1;overflow:hidden;gap:8px;padding:8px;min-height:0}.left-panel{width:55%;display:flex;flex-direction:column;gap:0;min-height:0}.schematic-wrap{width:100%}.schematic-svg{width:100%;height:auto}.right-panel{width:45%;display:flex;flex-direction:column}.hazard-banner{display:flex;flex-wrap:wrap;gap:6px;padding:4px 6px;background:transparent}.hazard-badge{padding:3px 10px;border-radius:3px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border:1px solid}.hazard-badge.blink-warning{color:#fde68a;border-color:#fde68a;background:rgba(253,230,138,.12);animation:blink-badge 1s step-start infinite}.hazard-badge.blink-critical{color:#fb923c;border-color:#fb923c;background:rgba(251,146,60,.12);animation:blink-badge .7s step-start infinite}.hazard-badge.blink-catastrophic{color:#f87171;border-color:#f87171;background:rgba(248,113,113,.15);animation:blink-badge .4s step-start infinite}@keyframes blink-badge{0%,to{opacity:1}50%{opacity:.15}}.chart-tabs{display:flex;gap:2px;padding:4px 4px 0;flex-shrink:0}.chart-tab{padding:5px 16px;background:#0e0e24;border:1px solid #1e2e4a;border-bottom:none;border-radius:4px 4px 0 0;color:#5a7a9a;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:color .15s,background .15s}.chart-tab:hover{background:#141430;color:#a0c4e0}.chart-tab.active{background:#0c1a2e;color:#7dd3fc;border-color:#38bdf8;font-weight:700}.chart-single{flex:1;min-height:0;background:#0c1a2e;border:1px solid #38bdf8;border-radius:0 4px 4px;padding:8px;display:flex;flex-direction:column}.chart-box{flex:1;min-height:0;display:flex;flex-direction:column}.chart-title{font-size:13px;font-weight:700;color:#7dd3fc;letter-spacing:2px;text-transform:uppercase;margin-bottom:4px}.chart-canvas-wrap{flex:1;position:relative;min-height:0}.chart-canvas-wrap canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important}.left-view-panel{flex:1;min-height:0;padding:0;overflow:hidden}.left-view-panel>div{width:100%;height:100%}.bottom-panel{flex-shrink:0;border-top:1px solid #1e3a5a;background:#0b0b20;max-height:40vh;overflow-y:auto}.control-panel{display:flex;flex-wrap:wrap;gap:10px;padding:8px 12px;align-items:flex-start}.cp-section{display:flex;flex-direction:column;gap:5px;min-width:130px;background:#0e1428;border:1px solid #1e3050;border-radius:4px;padding:6px 8px}.cp-section h3{font-size:11px;font-weight:700;color:#38bdf8;letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid #1e3050;padding-bottom:3px;margin-bottom:2px}.cp-slider-unit{display:flex;flex-direction:column;gap:3px;background:#0b1020;border:1px solid #1e3050;border-radius:3px;padding:4px 6px}.cp-slider-label{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;color:#7a9ab8;text-transform:uppercase;letter-spacing:.5px}.cp-slider-value{font-family:JetBrains Mono,monospace;font-size:12px;color:#7dd3fc;font-weight:600}.cp-section input[type=range]{width:100%;accent-color:#38bdf8;margin:0}.cp-input-unit{display:flex;flex-direction:column;gap:2px}.cp-input-label{font-size:10px;color:#7a9ab8;text-transform:uppercase;letter-spacing:.5px}.cp-input-row{display:flex;align-items:center;gap:4px}.cp-section input[type=number]{width:80px;background:#0b1020;border:1px solid #1e3a5a;color:#e2f0ff;padding:3px 6px;border-radius:3px;font-family:JetBrains Mono,monospace;font-size:12px}.cp-section input[type=number]:focus{outline:none;border-color:#38bdf8}.cp-unit-label{font-size:10px;color:#5a7a9a}.cp-readout{display:flex;flex-direction:column;gap:2px;font-family:JetBrains Mono,monospace;font-size:10px;color:#38bdf8;background:#070f1c;border-radius:3px;padding:4px 6px;margin-top:2px;border:1px solid #0e2a44}.cp-buttons{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;border:none!important;background:transparent!important;padding:6px 0!important;margin-left:auto;align-self:flex-end}button{padding:6px 16px;border:none;border-radius:3px;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:background .15s}.btn-start{background:#1d4ed8;color:#fff;border:1px solid #3b82f6}.btn-start:hover{background:#2563eb}.btn-reset{background:#1e293b;color:#94a3b8;border:1px solid #334155}.btn-reset:hover{background:#273549}.btn-export{background:#14532d;color:#86efac;border:1px solid #166534}.btn-export:hover{background:#166534}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#0d0d1a}