.keypad-dialog[data-v-328ad2ce]{width:100%;max-width:480px}.no-padding[data-v-328ad2ce]{padding:0!important}.keypad-display[data-v-328ad2ce]{font-size:32px;text-align:right;font-weight:700;padding:20px 16px;background:#fff}.keypad-display .unit[data-v-328ad2ce]{font-size:16px;color:#666;margin-left:8px}.keypad-table[data-v-328ad2ce]{width:100%;table-layout:fixed;border-collapse:collapse}.keypad-table td[data-v-328ad2ce]{padding:0}.key-btn[data-v-328ad2ce]{width:100%;height:80px;border:1px solid #ddd;background:#efefef;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333}.key-btn[data-v-328ad2ce]:hover{background:#e0e0e0}.unit-btn[data-v-328ad2ce]{background:#f5f5f5;color:#1976d2;font-weight:500}.clear-btn[data-v-328ad2ce]{background:#fff3f3;color:#b85a5a;font-weight:500}.clear-btn[data-v-328ad2ce]:hover{background:#ffe9e9}html,body,#app{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;height:100vh;width:100vw;overflow:hidden;background:#000}#app{display:flex}.actions{padding:16px;width:280px;flex-shrink:0;background:#111;color:#ccc;border-right:1px solid #333;box-sizing:border-box;overflow-y:auto}.actions h2{margin-top:0;color:#fff;font-weight:500}.canvas-container{flex-grow:1;background:#000;display:flex;flex-direction:column;position:relative}#fft,#waterfall{width:100%;height:100%;display:block}.btn{display:inline-block;padding:8px 16px;margin:4px;border:none;border-radius:4px;background:#4caf50;color:#fff;font-size:14px;text-transform:uppercase;cursor:pointer;transition:background .2s}.btn:hover:not(:disabled){background:#43a047}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#2196f3}.btn-primary:hover:not(:disabled){background:#1e88e5}.btn-secondary{background:#757575}.btn-secondary:hover:not(:disabled){background:#616161}.btn-settings{background:#37474f}.btn-settings:hover:not(:disabled){background:#455a64}.action-row{display:flex;align-items:center;gap:8px}.actions .action-row .btn{flex:1;margin:0}.action-row+.action-row{margin-top:8px}.form{margin-top:16px}.gain-fieldset{margin:16px 0 0;padding:12px;border:1px solid #333;border-radius:6px}.gain-fieldset legend{padding:0 6px;color:#999;font-size:12px}.auto-gain-action .btn{width:100%;margin:0}.field{margin-bottom:12px}.field label{display:block;margin-bottom:4px;font-size:12px;color:#888}.field-input{position:relative;display:flex;align-items:center}.field-input input{flex:1;padding:8px 12px;border:1px solid #444;border-radius:4px;background:#222;color:#fff;font-size:14px;min-width:0}.field-input input:focus{outline:none;border-color:#2196f3}.field-input-btn{width:100%;padding:8px 12px;border:1px solid #444;border-radius:4px;background:#222;color:#fff;font-size:14px;text-align:left;cursor:pointer}.field-input-btn:hover{border-color:#666}.field-input .field-range{flex:2;margin-right:8px;padding:0}.field-input .field-number{flex:1}.field-suffix{position:absolute;right:12px;color:#888;font-size:12px;pointer-events:none}.checkbox{display:flex;align-items:center;margin-bottom:8px;cursor:pointer;color:#ccc}.checkbox input{margin-right:8px}.divider{height:1px;background:#333;margin:16px 0}.caption{margin:8px 0;font-size:12px;color:#888}.body-2{font-size:12px;color:#aaa}.perf-panel{margin-top:12px;padding:8px;border:1px solid #333;border-radius:4px;background:#0d0d0d;line-height:1.45}.snackbar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);padding:12px 24px;background:#323232;color:#fff;border-radius:4px;font-size:14px;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s}.snackbar.show{opacity:1}.axis{position:absolute;top:0;font-weight:700;font-size:14px;color:#fff;border-left:2px solid #f33;padding:0 4px;background:#00000080;white-space:nowrap;pointer-events:none}.axis.right{border-left:none;border-right:2px solid #f33;transform:none}.pointer-freq{position:absolute;transform:translate(-50%,-50%);font-weight:600;font-size:12px;color:#fff;background:#000000b8;border:1px solid rgba(255,255,255,.4);border-radius:4px;padding:2px 8px;white-space:nowrap;pointer-events:none;z-index:20}.dialog-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1100;padding:12px;box-sizing:border-box}.settings-dialog{width:min(360px,calc(100vw - 24px));background:#1a1a1a;color:#ddd;border-radius:8px;overflow:hidden;box-shadow:0 12px 28px #00000059;border:1px solid #333}.settings-title{padding:12px 16px;font-weight:600;border-bottom:1px solid #333}.settings-content{padding:12px 16px}.settings-actions{display:flex;justify-content:flex-end;padding:12px 16px;border-top:1px solid #333}