*{margin:0;padding:0;box-sizing:border-box}body{background:#2a2a2a;color:#e0e0e0;font-family:Courier New,monospace;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:20px}#emulator{background:#3c3c3c;border-radius:12px;padding:20px;max-width:720px;width:100%;box-shadow:0 4px 20px #00000080}#header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}#header h1{font-size:18px;color:silver;letter-spacing:4px}#controls{display:flex;gap:8px;align-items:center}#controls button{background:#555;color:#ddd;border:1px solid #666;padding:4px 12px;border-radius:4px;cursor:pointer;font-family:inherit;font-size:11px}#controls button:hover{background:#666}#controls button.active{background:#4a7c4a;border-color:#5a9c5a}#reset-spacer{flex:1}#btn-reset{background:#6a3333!important;border-color:#844!important}#btn-reset:hover{background:#7a4444!important}#speed-label{font-size:11px;color:#999}#speed-slider{width:60px}#screen-bezel{background:#1a1e1a;border:3px solid #555;border-radius:8px;padding:16px;margin-bottom:16px;display:flex;justify-content:center}#lcd{image-rendering:pixelated;background:#a5ada5;border:1px solid #444}#keyboard-area{margin-bottom:12px}#keyboard{display:flex;flex-direction:column;gap:3px;padding:8px 28px;background:#333;border-radius:6px;overflow:hidden}.kb-row{display:grid;grid-template-columns:repeat(14,1fr);gap:0 3px}.kb-row-offset-left{transform:translate(calc((100% + 3px) / -28))}.kb-row-offset-right{transform:translate(calc((100% + 3px) / 28))}.kb-row-center{display:flex;justify-content:center;gap:3px}.key{background:#6b4226;color:#ffd54f;border:1px solid #7a5233;border-radius:3px;padding:6px 2px;text-align:center;font-size:10px;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:32px;display:flex;align-items:center;justify-content:center;line-height:1.1;white-space:pre-line}.key:hover{background:#7a5233}.key.pressed{background:#8b6239;border-color:#9a7348}.key.wide{grid-column:span 2}.key.key-light{background:#a0845c;border-color:#b0946c}.key.key-light:hover{background:#b0946c}.key.key-light.pressed{background:#c0a47c;border-color:#d0b48c}.key.key-red{background:#c43c3c;border-color:#d44c4c}.key.key-red:hover{background:#d44c4c}.key.key-red.pressed{background:#e45c5c;border-color:#f46c6c}.key.key-caps{background:#a0845c;color:#c43c3c;border-color:#b0946c}.key.key-caps:hover{background:#b0946c}.key.spacebar{width:60%}.kbd-led-spacer{display:flex;align-items:center;justify-content:flex-end;padding-right:2px}.kbd-led{width:8px;height:8px;border-radius:50%;border:1px solid #222;background:#1a1a1a}.kbd-led.on{background:#3c3;box-shadow:0 0 3px #3c3}#status-bar{display:flex;justify-content:space-between;padding:8px 12px;background:#2a2a2a;border-radius:4px;font-size:11px;color:#888}#debug-panel{margin-top:12px;padding:12px;background:#222;border-radius:6px;font-size:12px}#debug-panel.hidden{display:none}#debug-panel h3{margin-bottom:8px;color:#aaa}#registers{font-size:11px;color:#8f8;margin-bottom:8px;line-height:1.4}#debug-controls{display:flex;gap:6px;margin-bottom:8px}#debug-controls{flex-wrap:wrap}#debug-controls button{background:#444;color:#ccc;border:1px solid #555;padding:3px 10px;border-radius:3px;cursor:pointer;font-family:inherit;font-size:11px}#debug-controls button:hover{background:#555}.debug-group{display:inline-flex;gap:3px;align-items:center}.debug-group input{background:#333;color:#ccc;border:1px solid #555;padding:3px 6px;border-radius:3px;font-family:inherit;font-size:11px;width:70px}#bottom-buttons{display:flex;gap:6px;margin-top:8px}#bottom-buttons button{background:#444;color:#ccc;border:1px solid #555;padding:3px 10px;border-radius:3px;cursor:pointer;font-family:Courier New,monospace;font-size:11px}#bottom-buttons button:hover{background:#555}#bottom-buttons button.muted{color:#666}#printer-panel{margin-top:8px;padding:12px;background:#222;border-radius:6px;font-size:12px}#printer-panel.hidden{display:none}#printer-panel h3{margin-bottom:8px;color:#aaa}#printer-paper{background:#f5f0e0;min-height:100px;max-height:300px;overflow-y:auto;border:1px solid #555;border-radius:3px;text-align:center;padding:4px 0}#printer-canvas{image-rendering:pixelated}.printer-controls{display:flex;gap:6px;margin-top:8px}.printer-controls button{background:#444;color:#ccc;border:1px solid #555;padding:3px 10px;border-radius:3px;cursor:pointer;font-family:inherit;font-size:11px}.printer-controls button:hover{background:#555}#crt-panel{margin-top:8px;padding:12px;background:#1a1a1a;border-radius:6px;font-size:12px}#crt-panel.hidden{display:none}#crt-panel h3{margin-bottom:8px;color:#aaa}#crt-bezel{background:#0a0a0a;border:3px solid #333;border-radius:8px;padding:12px;display:flex;justify-content:center}#crt-canvas{width:640px;height:384px;image-rendering:pixelated;background:#010;border:1px solid #222}.cassette-panel{margin-top:8px;padding:12px;background:#222;border-radius:6px;font-size:12px}.cassette-panel.hidden{display:none}.cassette-panel h3{margin-bottom:8px;color:#aaa}.cas-motor{color:#f84;font-size:11px}.cas-current{color:#8cf;font-size:11px;margin-bottom:6px}.tape-list{max-height:150px;overflow-y:auto;margin-bottom:8px}.tape-entry{display:flex;gap:4px;margin-bottom:3px}.tape-name{flex:1;background:#333;color:#ccc;border:1px solid #555;padding:2px 8px;border-radius:3px;cursor:pointer;font-family:inherit;font-size:11px;text-align:left}.tape-name:hover{background:#444}.tape-name.tape-active{background:#2a5a3a;border-color:#3a7a4a;color:#8f8}.tape-action{background:#333;color:#999;border:1px solid #555;padding:2px 6px;border-radius:3px;cursor:pointer;font-family:inherit;font-size:11px}.tape-action:hover{background:#444;color:#ccc}.tape-delete:hover{background:#633;color:#f88}.cassette-controls{display:flex;gap:6px}.cassette-controls button{background:#444;color:#ccc;border:1px solid #555;padding:3px 10px;border-radius:3px;cursor:pointer;font-family:inherit;font-size:11px}.cassette-controls button:hover{background:#555}#disasm{font-size:11px;color:#aaf;max-height:300px;overflow-y:auto;line-height:1.4;white-space:pre}.rs232-params{background:#1a1a1a;border:1px solid #333;border-radius:3px;padding:6px 8px;margin-bottom:8px;color:#8cf;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;white-space:pre-wrap}.rs232-handshake{display:flex;gap:12px;margin-bottom:8px;font-size:11px;color:#ccc}.rs232-handshake label{cursor:pointer}.rs232-section{margin-bottom:10px}.rs232-section-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#aaa;margin-bottom:4px}.rs232-mode-toggle{display:flex;gap:8px;align-items:center;font-size:11px}.rs232-mode-toggle label{cursor:pointer}.rs232-log{background:#111;border:1px solid #333;border-radius:3px;padding:6px 8px;margin:0;height:120px;overflow-y:auto;color:#cfc;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;white-space:pre-wrap;word-break:break-all}.rs232-input{width:100%;box-sizing:border-box;background:#1a1a1a;color:#cfc;border:1px solid #444;border-radius:3px;padding:4px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:11px;resize:vertical}.rs232-rx-controls{display:flex;gap:10px;align-items:center;margin-top:4px;font-size:11px;color:#ccc}