:root{color-scheme:dark;font-family:Courier New,Consolas,monospace;background:#020403;color:#d7ffe9}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}button,select,input{font:inherit}button,select{min-height:34px}body{overflow:hidden}.terminal-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr) minmax(280px,400px);background:linear-gradient(rgba(127,255,190,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(127,255,190,.035) 1px,transparent 1px),#020403;background-size:20px 20px}.viewport-panel{position:relative;grid-column:2;grid-row:1;min-width:0;min-height:0;border-left:1px solid #1f6247;border-right:1px solid #1f6247}.left-panel{grid-column:1;grid-row:1}.right-panel{grid-column:3;grid-row:1}.viewport{width:100%;height:100%}.viewport canvas{display:block;width:100%;height:100%}.viewport-hud{position:absolute;left:12px;right:12px;bottom:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;pointer-events:none}.viewport-hud div,.control-panel,.stats-panel,.packet-view,.mini-log{background:#020907e0;border:1px solid #2b8f64;box-shadow:0 0 0 1px #67ffbd12,inset 0 0 24px #21ffa409}.viewport-hud div{min-width:0;padding:8px}.viewport-hud span,.field span,.section-label,.stat-grid span{color:#7fc99d;font-size:11px;text-transform:uppercase}.viewport-hud strong{display:block;overflow:hidden;color:#ecfff5;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.control-panel{position:relative;z-index:2;overflow:auto;padding:14px}.panel-header{padding-bottom:14px;border-bottom:1px solid #1b513a;margin-bottom:14px}.eyebrow{color:#ffca6b;font-size:12px;letter-spacing:0}h1{margin:4px 0 0;color:#e7fff0;font-size:28px;letter-spacing:0}.section-label{margin:16px 0 8px;color:#ffca6b}.field{display:grid;grid-template-columns:minmax(88px,120px) minmax(0,1fr) auto;align-items:center;gap:8px;margin:8px 0}.field select,.field input[type=range]{width:100%}select,button{color:#eafff1;background:#06120d;border:1px solid #2b8f64;border-radius:4px}button{cursor:pointer;padding:6px 10px}button:hover{background:#0b2519;border-color:#7dffb8}input[type=range]{accent-color:#69ffaf}output{min-width:54px;color:#ecfff5;text-align:right;font-size:12px}.toggle{display:flex;gap:8px;align-items:center;margin:8px 0;color:#d7ffe9;font-size:13px}.toggle input{accent-color:#69ffaf}.button-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.mini-log,.packet-view{width:100%;margin:10px 0 0;padding:10px;color:#bafbd5;white-space:pre-wrap;overflow:auto}.mini-log{min-height:44px;max-height:96px;font-size:11px}.packet-view{max-height:44vh;font-size:11px}.stats-panel{padding:10px}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-grid div{min-width:0;padding:7px;border:1px solid rgba(96,255,172,.18);background:#6affb209}.stat-grid strong{display:block;min-width:0;overflow:hidden;color:#f4fff8;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.bond-legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(96,255,172,.18)}.bond-legend.empty{color:#7fc99d;font-size:11px;text-transform:uppercase}.bond-chip{display:inline-flex;min-width:0;align-items:center;gap:6px;padding:4px 7px;border:1px solid rgba(216,255,240,.28);border-radius:4px;color:#f4fff8;background:#d8fff00d;font-size:11px;text-transform:uppercase}.bond-swatch{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:#d8fff0;box-shadow:0 0 10px #d8fff08c}.bond-covalent .bond-swatch{background:#ffc857;box-shadow:0 0 10px #ffc857a6}.bond-ionic .bond-swatch{background:#63e6ff;box-shadow:0 0 10px #63e6ffa6}.bond-metallic .bond-swatch{background:#d7dce2;box-shadow:0 0 10px #d7dce28c}.bond-detail{width:100%;min-width:0;color:#bafbd5;font-size:11px;line-height:1.35}.bond-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.validation{margin-top:10px;padding:8px;border-radius:4px;font-size:12px}.validation.ok{color:#dfffe9;background:#57ff9a1f;border:1px solid rgba(87,255,154,.35)}.validation.warn{color:#ffe8ad;background:#ffc65d1f;border:1px solid rgba(255,198,93,.35)}.warnings{margin-top:8px;color:#ffe8ad;font-size:11px;line-height:1.35}@media(max-width:1040px){body{overflow:auto}.terminal-shell{position:static;min-height:100%;grid-template-columns:1fr;grid-template-rows:minmax(52vh,640px) auto auto}.left-panel{grid-column:auto;grid-row:auto;order:2}.viewport-panel{grid-column:auto;grid-row:auto;order:1;border:0;min-height:56vh}.right-panel{grid-column:auto;grid-row:auto;order:3}.viewport-hud{grid-template-columns:1fr}}@media(max-width:560px){.field{grid-template-columns:1fr}output{text-align:left}.button-row,.stat-grid{grid-template-columns:1fr}}