html,body{margin:0;height:100%;background:#232323;color:#e5e5e5;font:14px/1.4 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;touch-action:manipulation;-webkit-text-size-adjust:100%;overscroll-behavior:none}#app{display:flex;flex-direction:column;gap:12px;height:100%;padding:16px;box-sizing:border-box}h1{margin:0;font-size:16px;font-weight:600}.status-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.badge{padding:4px 10px;border-radius:12px;background:#3a3a3a;font-size:12px}.badge.ok{background:#1e4620;color:#a5e0a8}.badge.error{background:#4a1f1f;color:#f0a0a0}#keyboard-input{flex:1;min-height:120px;resize:none;padding:10px;box-sizing:border-box;border:1px solid #555;border-radius:8px;background:#1a1a1a;color:#e5e5e5;font:16px/1.5 ui-monospace,Menlo,monospace}#keyboard-input:focus{outline:2px solid #7aa2f7;border-color:#7aa2f7}.buttons{display:flex;gap:12px}button{flex:1;padding:12px;border:none;border-radius:8px;font-size:15px;font-weight:600;background:#3a3a3a;color:#e5e5e5}button:active{background:#505050}#error-box{padding:8px 10px;border-radius:8px;background:#4a1f1f;color:#f0a0a0;font-size:12px;word-break:break-all}