* { box-sizing: border-box; }
body { margin: 0; background: #1e1e1e; color: #ddd; font: 14px system-ui, sans-serif; }
section { padding: 12px; }
#rt { display: grid; grid-template-columns: 240px 1fr 220px; gap: 12px; align-items: start; }
#leds .led-row { display: flex; align-items: center; gap: 8px; margin: 6px 0; }
#leds .led { width: 16px; height: 16px; background: #808080; display: inline-block; }
#lcd { width: 960px; max-width: 100%; height: auto; background: #000; display: block; }
#chrome-top, #chrome-bottom { display: flex; gap: 8px; margin: 8px 0; }
#chrome-top button, #chrome-bottom button { flex: 1; height: 40px; }
#keypad { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
#keypad button { height: 56px; background: #333; color: #eee; border: 1px solid #555; }
#keypad button.wide { grid-column: 1 / -1; }
#keypad .k { display: block; font-size: 18px; }
#keypad .s { display: block; font-size: 10px; color: #aaa; }
button { cursor: pointer; }