body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#08111f,#0e1728 40%,#111827);color:#e5eefb}#root{min-height:100vh;background:transparent}*{box-sizing:border-box}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;padding:18px 16px 16px!important;background:#080e18b8}.app-sidebar{background:linear-gradient(180deg,#0f172af5,#111827eb)!important;border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:16px 14px 18px!important;box-shadow:0 20px 40px #0f172a59;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.menu-header{padding:4px 6px 12px;border-bottom:1px solid rgba(148,163,184,.15);margin-bottom:8px}.menu-list{padding-top:8px!important}.nav-section{border-radius:12px;padding:6px 0}.nav-section .MuiListSubheader-root,.custom-menu-group .custom-menu-subheader{color:#bfdbfe;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:#60a5fa14;border-left:3px solid #60a5fa;border-radius:4px;line-height:1.6;padding-left:9px;padding-right:10px;margin:4px 0 6px}.MuiList-root .MuiListItemButton-root{border-radius:10px;margin:4px 0;width:calc(100% - 12px);color:#edf2ff;transition:background .2s ease,transform .2s ease}.MuiList-root .MuiListItemButton-root:hover{background:#60a5fa1f;transform:translate(2px)}.MuiListItemText-root .MuiTypography-root{color:#edf2ff;font-weight:500}.custom-menu-group{padding-left:10px!important}.custom-menu-section{padding:6px 0}.action-panel{margin-top:10px;padding-top:10px;border-top:1px solid rgba(148,163,184,.15)}.action-grid .MuiGrid-item{min-width:0}.MuiButton-root{border-radius:10px!important;text-transform:none!important;letter-spacing:.02em;white-space:nowrap;box-shadow:none!important;font-weight:600!important}.app-sidebar .MuiButton-root{padding-left:8px;padding-right:8px;font-size:.78rem}.MuiButton-containedPrimary{background:linear-gradient(135deg,#4f9cff,#1d4ed8)!important}.MuiButton-containedPrimary:hover{background:linear-gradient(135deg,#60a5fa,#2563eb)!important}.MuiButton-containedError{background:linear-gradient(135deg,#f87171,#dc2626)!important}.vial-action-button{background:#334155!important;color:#c3d0e0!important}.vial-action-button:hover{background:#475569!important}.quantum-action-button.quantum-save-button{background:#334155!important;color:#c3d0e0!important}.quantum-action-button.quantum-save-button:hover{background:#475569!important}.quantum-action-button.quantum-erase-button{background:#4a3035!important;color:#d8bfc3!important}.quantum-action-button.quantum-erase-button:hover{background:#604047!important}.app-main-panel{padding-top:8px!important;min-height:100%}.app-main-panel>*{background:#0f172aeb;border:1px solid rgba(148,163,184,.2);border-radius:18px;padding:18px;box-shadow:0 20px 40px #0f172a40}.app-main-panel>.MuiTabs-root{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.app-main-panel h4{color:#e5eefb;font-weight:600;margin:0}.app-main-panel .MuiGrid-item>h4{color:#e5eefb!important}.MuiTabs-root{min-height:36px!important;background:transparent;border-bottom:0;border-radius:0}.MuiTab-root{min-width:64px!important;min-height:36px!important;padding:6px 12px!important;color:#b8c7dc!important;font-size:.8rem!important;font-weight:600!important;text-transform:none!important}.MuiTab-root.Mui-selected{color:#c3d0e0!important;background-color:#3f4b5a!important;border-radius:8px 8px 0 0;box-shadow:inset 0 -1px #596777}.MuiTabs-indicator{display:none}.MuiLink-root{color:#93c5fd!important;text-decoration:none!important;display:inline-block;padding:8px 10px 2px}.MuiDialog-paper{border-radius:16px!important;background:#111827!important;color:#e5eefb!important}.MuiDialogContent-root{color:#e5eefb!important}.MuiMenuItem-root,.MuiSelect-select,.MuiInputBase-root,.MuiPaper-root{background-color:#0f172ae6!important;color:#e5eefb!important}.MuiInputBase-input,.MuiInputLabel-root,.MuiFormLabel-root,.MuiFormControlLabel-label{color:#e5eefb!important}.MuiSelect-root{border:1px solid rgba(148,163,184,.7);border-radius:8px}.MuiSelect-root:before,.MuiSelect-root:after{display:none}.MuiSelect-root:hover{border-color:#93c5fd}.MuiSelect-root.Mui-focused{border:2px solid #60a5fa}.MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#94a3b8b3}.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#93c5fd}.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#60a5fa}.quantum-multiple-select .MuiOutlinedInput-notchedOutline{border:1px solid rgba(148,163,184,.7)!important}.quantum-multiple-select:hover .MuiOutlinedInput-notchedOutline{border-color:#93c5fd!important}.MuiCheckbox-root{color:#b8c7dc!important}.MuiCheckbox-root.Mui-checked{color:#60a5fa!important}.MuiCheckbox-root:hover{background-color:#60a5fa26!important}.MuiDivider-root{border-color:#94a3b826!important}@media (max-width: 899px){.app-shell{padding:12px 10px 10px!important}.app-sidebar{width:min(100%,360px)!important;min-height:auto;border-radius:18px}.MuiList-root .MuiListItemButton-root{width:100%}.menu-button{background:#0f172ae6!important;border:1px solid rgba(148,163,184,.2);border-radius:12px!important;color:#fff!important}}.keymap-key{outline:solid;outline-width:1px;outline-color:#94a3b8b3;-webkit-user-select:none;user-select:none;border-radius:8px;background:linear-gradient(180deg,#1e293b,#0f172a);color:#f8fafc;box-shadow:inset 0 1px #ffffff0f,0 3px 8px #0f172a47}.keymap-key .legend-container{width:100%;height:100%}.keymap-key :hover{background:linear-gradient(180deg,#243244,#111827)}.keymap-key .mod-legend{font-size:11px;text-align:center;height:100%;color:#a8bad1}.keymap-key .main-legend{font-size:14px;text-align:center;align-items:center;height:100%;color:#c3d0e0}.keymap-key .hold-legend{font-size:11px;text-align:center;height:100%;color:#a8bad1}.key-legend-centered{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#c3d0e0}.key-legend-symbol{font-size:10px}.editor-field-label{color:#e5eefb;font-weight:500}.editor-title{color:#e5eefb;font-weight:600}.macro-delete-button{padding:6px!important}.macro-action-button{width:36px;height:36px;padding:6px!important}.macro-delete-button .MuiSvgIcon-root{font-size:20px}.keymap-key.keymap-key-focused{border:2px solid #60a5fa!important;box-shadow:0 0 0 3px #60a5fa40,0 0 18px #60a5fa59}@keyframes pulse{0%{box-shadow:0 0 #4caf5066}to{box-shadow:0 0 0 10px #4caf5000}}.keymap-key.drag-over{background:linear-gradient(180deg,#1d4ed8,#0f172a)}.keymap-encoder{border-radius:50%}.catalog-key{outline:solid;outline-width:1px;outline-color:#94a3b8b3;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg,#1e293b,#0f172a);color:#f8fafc}.key-select-popup{width:300px;border:solid;border-width:1px;padding:8px;background-color:#0f172a;color:#f8fafc;border-color:#94a3b880}.list-label{width:200px;align-items:start}.list-key{width:200px;align-items:end;font-size:smaller}.keycatalog-key{outline:solid;outline-width:1px;outline-color:#94a3b8b3;-webkit-user-select:none;user-select:none;font-size:12px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;overflow:hidden;background:linear-gradient(180deg,#1e293b,#0f172a);color:#c3d0e0}.keycatalog-key :hover{background:linear-gradient(180deg,#243244,#111827)}.keycode-group{margin-top:0;padding:0 10px 8px;border:1px solid rgba(148,163,184,.28);border-radius:6px;background:#0f172a47}.keycode-group+.keycode-group{margin-top:10px}.keycode-group:first-child{border-top:1px solid rgba(148,163,184,.28);border-radius:0}.keycode-catalog-tab.Mui-selected{position:relative;z-index:1;bottom:-1px;border-bottom-color:transparent!important;box-shadow:none}.keycode-catalog-tab+.keycode-catalog-tab{border-left:0!important}.keycode-group-title{visibility:hidden;height:12px}.macro-item-label{margin-left:10px;display:flex;justify-content:center;align-items:center;color:#e5eefb;font-weight:500}.MuiMenuItem-root{white-space:normal;word-break:break-word;min-height:48px}.MuiListItemText-primary{text-overflow:ellipsis;overflow:hidden;color:#e5eefb!important}.MuiSelect-select{white-space:normal!important;color:#e5eefb!important;opacity:1!important}.MuiSelect-icon{color:#cbd5e1!important}.quantum-select-value{display:block;color:#e5eefb!important;opacity:1!important;white-space:normal;overflow-wrap:anywhere}.menu-container{max-width:100%;overflow-x:hidden}.menu-button{position:fixed;top:10px;left:10px;z-index:999;color:#fff}@media (max-width: 899px){#menu{min-height:100vh;position:relative}.menu-transition{transition:all .3s ease-in-out}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:998}}.content-container{transition:margin-left .3s ease-in-out}