.shortcut-keys-settings{gap:16px}.shortcut-keys-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.shortcut-keys-toolbar{display:inline-flex;align-items:center;gap:8px}.shortcut-keys-import-input{display:none}.shortcut-keys-search{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);padding:8px 10px;font-size:13px}.shortcut-keys-status{color:var(--success);font-size:12px}.shortcut-keys-global-error{color:var(--danger);font-size:12px}.shortcut-keys-table{display:flex;flex-direction:column;gap:14px}.shortcut-keys-group{display:flex;flex-direction:column;gap:8px}.shortcut-keys-group h4{margin:0;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.shortcut-keys-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,2fr);gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary)}.shortcut-keys-row.editing{border-color:var(--primary-border);background:var(--primary-bg)}.shortcut-keys-command{display:flex;flex-direction:column;gap:4px}.shortcut-keys-command-title{color:var(--text-primary);font-size:13px}.shortcut-keys-command-id{color:var(--text-secondary);font-size:11px;font-family:Consolas,SFMono-Regular,Menlo,Monaco,monospace}.shortcut-keys-binding{display:flex;flex-direction:column;align-items:stretch;gap:10px}.shortcut-keys-binding-main{display:flex;align-items:center;justify-content:space-between;gap:10px}.shortcut-keys-chips{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:30px}.shortcut-keys-empty{color:var(--text-secondary);font-size:12px}.shortcut-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:999px;background:var(--bg-primary);color:var(--text-primary);font-size:12px;padding:2px 8px;font-family:Consolas,SFMono-Regular,Menlo,Monaco,monospace}.shortcut-chip-editable{cursor:pointer}.shortcut-chip-replacing{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 20%,var(--bg-primary));animation:shortcut-chip-pulse 1.6s ease-in-out infinite}.shortcut-chip button{border:none;background:transparent;color:var(--text-secondary);cursor:pointer;padding:0;line-height:1}.shortcut-keys-inline-actions{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.shortcut-keys-icon-btn{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:#f3f6fb!important}.shortcut-keys-icon-btn svg{width:15px!important;height:15px!important;display:block;flex:0 0 auto;stroke:currentColor!important;fill:none!important;stroke-width:2.35!important;color:currentColor!important}.shortcut-keys-icon-btn svg *{stroke:currentColor!important;fill:none!important}.shortcut-keys-icon-btn.primary,.shortcut-keys-icon-btn.danger{color:#fff!important}@keyframes shortcut-chip-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--primary) 45%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--primary) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--primary) 0%,transparent)}}@media (prefers-reduced-motion: reduce){.shortcut-chip-replacing{animation:none}}.shortcut-keys-edit-hint{color:var(--text-secondary);font-size:12px;line-height:1.4}.shortcut-keys-row-conflict{display:flex;flex-direction:column;gap:2px;color:var(--danger);font-size:12px}.shortcut-keys-row-conflict-title{font-weight:600}@media (max-width: 900px){.shortcut-keys-row{grid-template-columns:1fr}.shortcut-keys-binding-main{flex-direction:column;align-items:flex-start}}.settings-panel-content{height:100%;min-height:0;display:flex;flex-direction:column}.settings-body{display:flex;flex:1;min-height:0;overflow:hidden}.settings-sidebar{width:160px;flex-shrink:0;display:flex;flex-direction:column;padding:8px;border-right:1px solid var(--border-subtle);overflow-y:auto}.settings-sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:13px;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.settings-sidebar-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.settings-sidebar-item.active{background:var(--primary-bg);color:var(--text-primary);border-color:var(--primary-border);font-weight:500}.settings-main{flex:1;min-width:0;overflow-x:hidden;overflow-y:auto;padding:20px;margin-right:8px}.settings-content{display:flex;flex-direction:column;gap:24px}.settings-section-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.settings-section{display:flex;flex-direction:column;gap:12px}.settings-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.settings-description{font-size:13px;color:var(--text-secondary)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--text-primary)}.color-grid{display:flex;flex-wrap:wrap;gap:8px;width:100%}.settings-color-swatch{width:36px;height:36px;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;padding:0}.settings-color-swatch:hover{transform:scale(1.1);box-shadow:0 2px 8px #0000004d}.settings-color-swatch.selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-primary)}.settings-color-swatch .check-mark{color:#fff;font-size:16px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;transition:all .2s ease}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:var(--text-secondary);border-radius:50%;transition:all .2s ease}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary);border-color:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px);background-color:#fff}.settings-select{padding:6px 10px;font-size:13px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;min-width:150px}.settings-select:hover{border-color:var(--primary)}.settings-select:focus{outline:none;border-color:var(--primary)}.settings-number-input{padding:6px 10px;font-size:13px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);min-width:120px}.settings-number-input:hover{border-color:var(--primary)}.settings-number-input:focus{outline:none;border-color:var(--primary)}.tablet-status-info{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.tablet-status-info .status-row{display:flex;justify-content:space-between;font-size:12px}.tablet-status-info .status-row span:first-child{color:var(--text-secondary)}.tablet-status-info .status-row-warning span:first-child{color:var(--danger)}.tablet-status-info .status-row-warning span:last-child{color:var(--text-primary);max-width:70%;text-align:right;overflow-wrap:anywhere}.tablet-live-card{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-tertiary)}.tablet-live-card .status-row{display:grid;grid-template-columns:168px minmax(0,1fr);align-items:center;gap:8px;font-size:12px;line-height:1.4}.tablet-live-card .status-row span:first-child{color:var(--text-secondary);white-space:nowrap}.tablet-live-card .status-row span:last-child{font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.tablet-live-empty{font-size:12px;line-height:1.45;color:var(--text-secondary)}.tablet-live-hint{margin-top:4px;padding-top:8px;border-top:1px solid var(--border-subtle);font-size:11px;color:var(--text-secondary)}.bridge-settings-input-row{justify-content:flex-start}.bridge-settings-port-input{width:min(220px,100%)}.bridge-settings-runtime{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-tertiary)}.bridge-settings-runtime-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.bridge-settings-runtime-row span:first-child{color:var(--text-secondary)}.bridge-settings-status-pill{border-radius:var(--radius-full);border:1px solid var(--border);padding:2px 10px;font-size:11px;letter-spacing:.02em}.bridge-settings-status-pill--idle{color:var(--text-secondary);background:var(--bg-secondary)}.bridge-settings-status-pill--connected{color:#1f8a4c;background:#1f8a4c26;border-color:#1f8a4c59}.bridge-settings-status-pill--degraded{color:#b07700;background:#b077001f;border-color:#b0770052}.bridge-settings-status-pill--error{color:#c0392b;background:#c0392b1f;border-color:#c0392b52}.bridge-settings-meta-value{color:var(--text-primary);font-family:var(--font-mono)}.bridge-settings-error-message{margin:0;font-size:12px;color:#d06155}.settings-external-link-row{justify-content:flex-start}.settings-external-link-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.about-settings-card{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-tertiary)}.about-settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.about-settings-row span:first-child{color:var(--text-secondary)}.about-settings-row span:last-child{color:var(--text-primary)}.about-settings-intro{margin:0;line-height:1.5}.about-settings-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.settings-actions{display:flex;gap:8px}.settings-btn{padding:8px 16px;font-size:13px;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary)}.settings-btn:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.settings-btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.settings-btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.settings-btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.settings-btn.danger:hover{background:var(--danger-hover);border-color:var(--danger-hover)}.pressure-curve-section{--pressure-curve-content-width: min(256px, 100%);display:flex;flex-direction:column;gap:10px}.pressure-curve-editor{width:256px;height:auto;aspect-ratio:1 / 1;max-width:100%;align-self:flex-start;display:block;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#2f3032}.pressure-curve-editor__bg{fill:#3b3c3f}.pressure-curve-editor__grid{stroke:#ffffff1f;stroke-width:1}.pressure-curve-editor__baseline{stroke:#ffffff3d;stroke-width:1}.pressure-curve-editor__curve{fill:none;stroke:#f2f2f2;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.pressure-curve-editor__point{fill:#161616;stroke:#f1f1f1;stroke-width:1.2}.pressure-curve-editor__point--selected{fill:#fff;stroke:#111}.pressure-curve-labels{display:flex;justify-content:space-between;width:var(--pressure-curve-content-width);font-size:12px;color:var(--text-secondary)}.pressure-curve-preset-row{display:flex;align-items:center;justify-content:space-between;width:var(--pressure-curve-content-width);gap:10px;font-size:12px;color:var(--text-secondary)}.pressure-curve-preset-row .settings-actions{flex-wrap:wrap}.settings-slider-block{display:flex;flex-direction:column;gap:12px}.settings-slider-row{display:flex;flex-direction:column;gap:6px;font-size:13px}.settings-slider-control{width:100%;height:4px;cursor:pointer;-webkit-appearance:none;appearance:none;background:var(--divider);border-radius:var(--radius-full);accent-color:var(--accent)}.settings-slider-control::-webkit-slider-runnable-track{height:4px;background:var(--divider);border-radius:var(--radius-full)}.settings-slider-control::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5px;border:1px solid rgba(0,0,0,.35);border-radius:var(--radius-full);background:var(--accent);box-shadow:0 1px 2px #00000059}.settings-slider-control::-moz-range-track{height:4px;background:var(--divider);border-radius:var(--radius-full)}.settings-slider-control::-moz-range-thumb{width:14px;height:14px;border:1px solid rgba(0,0,0,.35);border-radius:var(--radius-full);background:var(--accent);box-shadow:0 1px 2px #00000059}.settings-slider-control:hover::-webkit-slider-thumb{filter:brightness(1.05)}.settings-slider-control:hover::-moz-range-thumb{filter:brightness(1.05)}
