*,*:before,*:after{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e0e0e0;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}#root{width:100%;height:100%}button{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}input,select,textarea{font-size:16px}*{-webkit-touch-callout:none}.token-item{display:flex;align-items:center;width:100%;padding:8px 12px;border:none;background:#1e1e1e;color:#e0e0e0;text-align:left;cursor:pointer;transition:background-color .1s ease,transform .1s ease;border-bottom:1px solid #333;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.token-item:active{background:#3a3a3a;transform:scale(.98)}.token-item.selected{background:#06c;color:#fff}.token-item.highlighted{background:#2a4a2a;border-left:3px solid #00cc66}.token-item.argument{background:#2d2d00;border-left:3px solid #888800}.token-item.argument:active{background:#3d3d00}.token-value{font-family:SF Mono,Menlo,Monaco,Courier New,monospace;font-size:13px;font-weight:500}.token-column{flex:0 0 auto;width:160px;min-width:160px;display:flex;flex-direction:column;background:#1a1a1a;border-right:1px solid #333;height:100%;overflow:hidden}.token-column.active{background:#222}.column-header{padding:8px 12px;font-size:11px;font-weight:600;text-transform:uppercase;color:#666;background:#151515;border-bottom:1px solid #333;position:sticky;top:0}.token-column.active .column-header{color:#08f;background:#1a1a2a}.column-tokens{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.column-tokens::-webkit-scrollbar{width:4px}.column-tokens::-webkit-scrollbar-track{background:#1a1a1a}.column-tokens::-webkit-scrollbar-thumb{background:#444;border-radius:2px}.command-preview{display:flex;flex-direction:column;background:#0a0a0a;border-bottom:1px solid #333}.command-row{padding:12px 16px;font-family:SF Mono,Menlo,Monaco,Courier New,monospace;font-size:15px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.prompt{color:#0c6;margin-right:4px}.command-text{color:#fff}.cursor{color:#08f;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.actions-row{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#111;border-top:1px solid #222;max-height:60px;opacity:1;overflow:hidden;transition:max-height .2s ease,opacity .15s ease,padding .2s ease}.actions-row.hidden{max-height:0;opacity:0;padding-top:0;padding-bottom:0;border-top:none}.secondary-actions{display:flex;gap:8px;min-height:36px}.action-btn{height:36px;border:none;border-radius:8px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s,transform .1s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.action-btn:active{transform:scale(.92)}.action-btn.backspace{width:44px;background:#2a2a2a;color:#aaa}.action-btn.backspace:active{background:#3a3a3a}.action-btn.clear{width:44px;background:#2a2020;color:#f66}.action-btn.clear:active{background:#3a2a2a}.action-btn.execute{min-width:80px;padding:0 20px;font-size:20px;background:#1a1a1a;color:#333;border-radius:10px}.action-btn.execute.enabled{background:linear-gradient(135deg,#1a5a2a,#0d3d1a);color:#0f6;box-shadow:0 2px 8px #00ff6640}.action-btn.execute.enabled:active{background:linear-gradient(135deg,#2a6a3a,#1a4d2a);transform:scale(.95)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.argument-input-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:20px;padding-bottom:env(safe-area-inset-bottom,20px)}.argument-input-container{width:100%;max-width:400px;background:#2a2a2a;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}.argument-input-label{font-size:14px;color:#aaa;text-align:center}.argument-input-row{display:flex;gap:8px}.argument-input{flex:1;padding:14px 16px;font-size:18px;font-family:SF Mono,Menlo,Monaco,Courier New,monospace;background:#1a1a1a;border:2px solid #444;border-radius:8px;color:#fff;outline:none;transition:border-color .2s}.argument-input:focus{border-color:#08f}.argument-input::placeholder{color:#555}.argument-submit{padding:14px 20px;font-size:20px;background:#06c;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background-color .2s,transform .1s}.argument-submit:active{background:#05a;transform:scale(.95)}.argument-submit:disabled{background:#333;color:#666}.argument-cancel{padding:12px;font-size:14px;background:transparent;border:1px solid #444;border-radius:8px;color:#888;cursor:pointer;transition:background-color .2s}.argument-cancel:active{background:#333}.terminal{flex:1 1 0;min-height:0;background:#000;padding:8px 12px;overflow-y:auto;-webkit-overflow-scrolling:touch;font-family:SF Mono,Menlo,Monaco,Courier New,monospace;font-size:11px;line-height:1.3}.terminal-line{white-space:pre-wrap;word-break:break-all}.terminal-line.input{color:#0c6}.terminal-line.output{color:#e0e0e0}.terminal-line.error{color:#f66}.skeleton-column{display:flex;flex-direction:column;gap:8px;padding:8px;min-width:120px}.skeleton-token{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:#1a1a1a;border-radius:8px}.skeleton-value,.skeleton-description{background:linear-gradient(90deg,#2a2a2a,#3a3a3a,#2a2a2a);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-value{height:16px;width:80%}.skeleton-description{height:12px;width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mini-keyboard{flex-shrink:0;background:#1a1a1a;border-top:1px solid #333;padding:6px 4px;padding-bottom:calc(6px + env(safe-area-inset-bottom))}.filter-display{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px;padding:4px 12px}.filter-text{font-family:SF Mono,Menlo,Monaco,Courier New,monospace;font-size:14px;color:#08f;background:#2a2a2a;padding:4px 12px;border-radius:4px;min-width:40px;text-align:center}.filter-clear{background:#333;border:none;color:#aaa;font-size:18px;width:28px;height:28px;border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.filter-clear:active{background:#444}.keyboard-rows{display:flex;flex-direction:column;gap:4px;align-items:center}.keyboard-row{display:flex;gap:3px;justify-content:center}.keyboard-key{min-width:28px;height:34px;border:none;border-radius:5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .1s ease,transform .1s ease,opacity .1s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.keyboard-key.valid{background:#2a2a2a;color:#e0e0e0}.keyboard-key.valid:active{background:#3a3a3a;transform:scale(.95)}.keyboard-key.valid.active{background:#06c;color:#fff}.keyboard-key.invalid{background:#1e1e1e;color:#444;pointer-events:none;opacity:.4}.keyboard-key.clear-key{min-width:42px;background:#2a2a2a;color:#aaa}.keyboard-key.clear-key:disabled{opacity:.3;pointer-events:none}.keyboard-key.clear-key:not(:disabled):active{background:#3a3a3a;transform:scale(.95)}.command-panel{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#000}.panel-container{flex-shrink:0;display:flex;flex-direction:column;background:#111;border-top:2px solid #333}.columns-container{display:flex;height:170px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;background:#1a1a1a;user-select:none;-webkit-user-select:none;touch-action:pan-x pan-y}.columns-container::-webkit-scrollbar{display:none}.columns-container{-ms-overflow-style:none;scrollbar-width:none}.column-error{display:flex;align-items:center;justify-content:center;padding:16px;min-width:160px;color:#f66;font-size:13px;text-align:center}.mode-indicator{display:none;padding:8px 16px;font-size:11px;color:#666;background:#0a0a0a;border-top:1px solid #222;text-align:center}.mode-name{color:#08f;font-weight:600}@supports (padding-bottom: env(safe-area-inset-bottom)){.mode-indicator{padding-bottom:calc(8px + env(safe-area-inset-bottom))}}.device-header{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#1a1a1a;border-bottom:1px solid #333;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.device-header:active{background:#222}.device-icon{font-size:16px}.device-name{flex:1;font-size:14px;font-weight:500;color:#fff}.device-status{width:8px;height:8px;border-radius:50%}.device-chevron{font-size:10px;color:#666}.device-loading,.device-error,.device-prompt{font-size:14px;color:#888}.device-error{color:#f66}.device-sheet-overlay{position:fixed;inset:0;background:#0009;z-index:1000;display:flex;align-items:flex-end;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.device-sheet{width:100%;max-height:60vh;background:#1a1a1a;border-radius:16px 16px 0 0;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.device-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #333}.device-sheet-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.device-sheet-close{width:32px;height:32px;border:none;border-radius:50%;background:#333;color:#aaa;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.device-sheet-close:active{background:#444}.device-sheet-content{flex:1;overflow-y:auto;padding:8px 0}.device-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background-color .15s}.device-item:active{background:#252525}.device-item.selected{background:#1a3a2a}.device-item .device-icon{font-size:24px}.device-info{flex:1;display:flex;flex-direction:column;gap:2px}.device-info .device-name{font-size:16px}.device-hardware{font-size:12px;color:#888}.device-item .device-status{width:10px;height:10px}.device-empty{padding:32px 16px;text-align:center;color:#666}.device-refresh{margin:8px 16px 16px;padding:12px;border:none;border-radius:8px;background:#333;color:#fff;font-size:14px;font-weight:500;cursor:pointer}.device-refresh:active:not(:disabled){background:#444}.device-refresh:disabled{opacity:.5;cursor:not-allowed}.app{width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;background:#000;overflow:hidden}html,body{overscroll-behavior:none}.no-device{flex:1;display:flex;align-items:center;justify-content:center;color:#666;font-size:16px}