:root{
  --amber:#ffb000; --phos:#43ff5a; --bg:#0a0d0a; --panel:#c9c4b4;
  --panel-dark:#8f8a7c; --ink:#1c1c17; --chrome:#d8d3c4;
}
*{box-sizing:border-box}
html,body{margin:0;background:
  radial-gradient(circle at 50% 0%, #16221a, #060906 60%);
  color:#d7f7d7;font-family:'IBM Plex Mono',monospace;min-height:100vh}
.wrap{max-width:1200px;margin:0 auto;padding:16px}

.hdr{text-align:center;margin-bottom:14px}
.hdr h1{font-family:'VT323',monospace;font-size:44px;line-height:1;color:var(--phos);
  margin:0;text-shadow:0 0 10px rgba(67,255,90,.5);letter-spacing:1px}
.hdr p{margin:4px 0 0;color:#7fae7f;font-size:13px;letter-spacing:.5px}
.crt-emoji{filter:drop-shadow(0 0 8px var(--phos))}

.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  background:linear-gradient(#ddd8c8,#b7b2a2);border:2px solid #6b6656;
  border-radius:8px;padding:8px 10px;box-shadow:inset 0 1px 0 #fff,0 3px 8px rgba(0,0,0,.4)}
.btn{font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:13px;
  background:#2b2b24;color:#ffd88a;border:1px solid #000;border-radius:5px;
  padding:6px 12px;cursor:pointer;box-shadow:0 2px 0 #000;transition:.1s}
.btn:hover{background:#3a3a30}
.btn:active{transform:translateY(2px);box-shadow:none}
.btn.active{background:#7a1010;color:#fff}
.btn:disabled{opacity:.4;cursor:not-allowed}
.btn.sm{padding:3px 8px;font-size:11px}
.sel,.chk{color:#2a281f;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}
.sel select{font-family:inherit;background:#2b2b24;color:#ffd88a;border:1px solid #000;border-radius:4px;padding:3px 4px}
.counters{margin-left:auto;display:flex;gap:12px;color:#2a281f;font-size:11px;font-weight:600}
.counters span{background:#2b2b24;color:var(--phos);padding:3px 7px;border-radius:4px}

.msgbar{margin:8px 0;font-family:'VT323',monospace;font-size:18px;color:var(--amber);
  letter-spacing:1px}
.msgbar::first-letter{color:#ff5252}

.main{display:flex;gap:16px;align-items:flex-start}
.left{flex:1;min-width:0}

.screen-frame{background:#161613;border:14px solid #3a382f;border-radius:18px;
  padding:14px;box-shadow:0 0 0 3px #111, inset 0 0 40px rgba(0,0,0,.8),0 10px 30px rgba(0,0,0,.6)}
.screen-frame.crt{border-color:#2b2a22}
.screen{width:100%;display:block;image-rendering:pixelated;border-radius:6px;
  background:#050b05;box-shadow:inset 0 0 60px rgba(0,255,80,.08)}
.screen-frame.crt .screen{box-shadow:inset 0 0 80px rgba(0,255,80,.15),0 0 30px rgba(67,255,90,.25)}

@keyframes flick{0%{filter:brightness(3) blur(2px);opacity:0}
  30%{filter:brightness(.2)}55%{filter:brightness(2)}100%{filter:none;opacity:1}}
.power-flick{animation:flick .9s ease-out}

.uploads{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.drop{border:2px dashed #4c6a4c;border-radius:10px;padding:14px;text-align:center;
  cursor:pointer;background:rgba(20,40,20,.35);transition:.15s}
.drop:hover{border-color:var(--phos);background:rgba(30,60,30,.5)}
.drop.hot{border-color:var(--amber);background:rgba(80,60,10,.4)}
.drop-title{font-weight:600;color:var(--phos);font-size:13px}
.drop-sub{font-size:11px;color:#7fae7f;margin:3px 0}
.drop-file{font-size:11px;color:var(--amber);margin-top:6px;word-break:break-all;font-family:'VT323',monospace;font-size:15px}

.inspector{width:320px;flex-shrink:0;background:rgba(10,20,10,.7);
  border:1px solid #2c4c2c;border-radius:10px;padding:12px}
.inspector h3{margin:2px 0 8px;color:var(--amber);font-size:13px;
  border-bottom:1px solid #2c4c2c;padding-bottom:4px;font-family:'VT323',monospace;font-size:18px;letter-spacing:1px}
.reggrid{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;font-size:12px;color:#8fcf8f}
.reggrid b{color:var(--phos)}
.flags{display:flex;gap:5px;margin:10px 0}
.flag{background:#1b2a1b;color:#4a5a4a;border:1px solid #2c4c2c;border-radius:4px;
  width:26px;text-align:center;padding:3px 0;font-size:12px;font-weight:600}
.flag.on{background:#1a3a1a;color:var(--phos);box-shadow:0 0 8px rgba(67,255,90,.5)}
.iff{display:flex;gap:6px;margin-bottom:8px}
.iff span{background:#1b2a1b;color:#4a5a4a;border:1px solid #2c4c2c;border-radius:4px;padding:3px 6px;font-size:11px}
.iff span.on{background:#3a1a1a;color:#ff8a8a}
.memrow{display:flex;gap:6px;align-items:center;font-size:12px;margin-bottom:6px}
.memaddr{width:70px;background:#0a140a;color:var(--phos);border:1px solid #2c4c2c;
  border-radius:4px;padding:4px;font-family:inherit;text-transform:uppercase}
.hexdump{background:#050b05;border:1px solid #2c4c2c;border-radius:6px;padding:8px;
  font-size:10.5px;line-height:1.5;color:#8fcf8f;overflow-x:auto;white-space:pre;margin:0}
.memnote{font-size:10px;color:#5a7a5a;margin-top:6px}

.ftr{margin-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;
  border-top:1px solid #2c4c2c;padding-top:12px;font-size:12px;color:#6a9a6a}
.ftr a{color:var(--amber);text-decoration:none;font-weight:600}
.ftr a:hover{text-decoration:underline}

@media(max-width:840px){
  .main{flex-direction:column}
  .inspector{width:100%}
  .uploads{grid-template-columns:1fr}
  .hdr h1{font-size:32px}
}
</parameter>
</invoke>