:root{--bg:#e7e1db;--bg-2:#fff;--bg-3:#f0eae3;--bg-4:#dcd4c7;--border:#294c741a;--border-2:#294c7438;--text:#294c74;--text-2:#53657f;--text-3:#596b86;--accent:#f17633;--accent-2:#d85e1e;--accent-bg:#f176331a;--accent-glow:#f1763340;--green:#3f7a52;--green-bg:#4a8b5f1f;--amber:#865f1c;--amber-bg:#b8842a1f;--dirty-dot:#d88920;--dirty-dot-glow:#d8892038;--red:#b14750;--red-bg:#b147501a;--key-bg:#f7f1e8;--key-border:#294c7438;--key-shadow:#294c742e;--keyboard-key-bg:var(--bg-2);--keyboard-key-border:var(--border-2);--kb-frame:#e0dace;--kb-frame-border:#503c1e38;--keyboard-inner-fill:#46321940;--trackball-module-bg:var(--key-bg);--trackball-module-border:var(--key-border);--trackball-well:radial-gradient(circle at 50% 50%, #ece4d6 0%, #b8ae99 72%, #8a8170 100%);--trackball-ball:radial-gradient(circle at 38% 30%, #fff 0%, #f8faf9 44%, #e6ecec 72%, #cbd4d6 100%);--shadow-sm:0 1px 4px #294c741a;--shadow-md:0 4px 16px #294c741f;--shadow-lg:0 12px 40px #294c742e;--radius:10px;--radius-sm:6px;--radius-lg:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#16273d;--bg-2:#1f3654;--bg-3:#294c74;--bg-4:#355f8e;--border:#c0b9ab1a;--border-2:#c0b9ab38;--text:#e7e1db;--text-2:#c0b9ab;--text-3:#7e8fa6;--accent:#f17633;--accent-2:#ff8b4a;--accent-bg:#f1763324;--accent-glow:#f1763359;--green:#6fbf89;--green-bg:#6fbf8924;--amber:#e0b056;--amber-bg:#e0b05624;--dirty-dot:var(--amber);--dirty-dot-glow:var(--amber-bg);--red:#e07380;--red-bg:#e0738024;--key-bg:#2c5079;--key-border:#c0b9ab2e;--key-shadow:#00000073;--keyboard-key-bg:var(--key-bg);--keyboard-key-border:var(--key-border);--kb-frame:#23395a;--kb-frame-border:#00000073;--keyboard-inner-fill:#0000006b;--trackball-module-bg:var(--key-bg);--trackball-module-border:var(--key-border);--trackball-well:radial-gradient(circle at 50% 50%, #3a6594 0%, #1f3654 72%, #0c1827 100%);--trackball-ball:radial-gradient(circle at 38% 30%, #fff 0%, #f8faf9 44%, #e6ecec 72%, #cbd4d6 100%);--shadow-sm:0 1px 4px #0000004d;--shadow-md:0 6px 18px #00000073;--shadow-lg:0 16px 44px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body{min-width:320px;min-height:100vh;margin:0}body{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .2s,color .2s}button,input,select{font:inherit;color:inherit}button{border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--bg-3);min-height:34px;color:var(--text);cursor:pointer;transition:background .14s,border-color .14s,box-shadow .14s,transform 80ms,color .14s}button:hover:not(:disabled){border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.38}input,select{border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--bg-2);width:100%;min-height:34px;color:var(--text);padding:6px 10px;transition:border-color .14s,box-shadow .14s}select option{background:var(--bg-3)}input:focus,select:focus,button:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.live-header{background:var(--bg-2);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:0 20px;display:grid}.header-left{grid-column:1;justify-self:start;align-items:center;gap:14px;min-width:0;display:flex}.brand{color:var(--text);flex:none;align-items:center;gap:10px;display:flex}.brand-title{white-space:nowrap;letter-spacing:0;align-items:baseline;gap:4px;margin:0;font-size:15px;line-height:1;display:inline-flex}.brand-title-primary{font-weight:800}.brand-title-secondary{color:var(--text-2);font-weight:600}.brand-logo,.connect-logo{background:var(--accent);flex:none;display:inline-block;-webkit-mask:url(/assets/ontherock-logo-BiSv_9Su.svg) 50%/contain no-repeat;mask:url(/assets/ontherock-logo-BiSv_9Su.svg) 50%/contain no-repeat}.brand-logo{width:24px;height:24px}.brand svg{color:var(--accent)}.header-actions{grid-column:3;justify-self:end;align-items:center;gap:8px;min-width:0;display:flex}.modifier-mode-toggle{border:1px solid var(--border);background:var(--bg-3);border-radius:999px;align-items:center;gap:2px;padding:2px;display:inline-flex}.modifier-mode-toggle button{min-width:42px;min-height:28px;color:var(--text-2);background:0 0;border:0;border-radius:999px;padding:0 10px;font-size:11px;font-weight:800;transition:background 80ms,color 80ms,box-shadow 80ms}.modifier-mode-toggle button:hover{color:var(--accent);background:var(--accent-bg)}.modifier-mode-toggle button.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.header-device{border:1px solid var(--border);background:var(--bg-3);min-width:0;max-width:min(260px,26vw);color:var(--text);border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.header-device svg{color:var(--accent);flex:none}.header-device-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.header-view-tabs{border:1px solid var(--border);background:var(--bg-3);border-radius:999px;flex:none;grid-column:2;justify-self:center;align-items:center;gap:2px;padding:2px;display:inline-flex}.header-view-tab{min-width:34px;min-height:28px;color:var(--text-2);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:0;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.header-view-tab-icon{flex:none}.header-view-tab-label{white-space:nowrap;opacity:0;max-width:0;overflow:hidden}.header-view-tab:hover:not(:disabled){color:var(--text);background:var(--bg-4)}.header-view-tab.active{background:var(--accent);box-shadow:0 2px 8px var(--accent-glow);color:#fff;text-shadow:0 1px 1px #294c745c;gap:6px;padding:0 12px}.header-view-tab.active:hover:not(:disabled){background:var(--accent);color:#fff}.header-view-tab.active .header-view-tab-label{opacity:1;max-width:96px}.tool-button{border-radius:var(--radius-sm);align-items:center;gap:6px;padding:0 13px;font-size:13px;font-weight:500;display:flex}.tool-button.icon-action{place-items:center;width:34px;min-width:34px;padding:0;display:inline-grid}.tool-button.save-action{justify-content:center}.tool-button.save-action.dirty{border-color:color-mix(in srgb, var(--amber) 50%, transparent);background:var(--amber-bg);color:var(--amber);font-weight:700}.tool-button.save-action.dirty:hover:not(:disabled){border-color:var(--amber);background:var(--amber-bg);color:var(--amber);box-shadow:0 4px 14px color-mix(in srgb, var(--amber) 18%, transparent)}.tool-button.save-action.saved-flash:disabled{opacity:1;border-color:color-mix(in srgb, var(--green) 40%, transparent);background:var(--green-bg);color:var(--green)}.tool-button.discard-action.dirty{border-color:color-mix(in srgb, var(--amber) 35%, transparent);color:var(--amber);background:0 0}.tool-button.discard-action.dirty:hover:not(:disabled){border-color:var(--amber);background:var(--amber-bg);color:var(--amber)}.tool-button.primary{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:600}.tool-button.primary:hover:not(:disabled){background:var(--accent-2);border-color:var(--accent-2);color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.tool-button.danger{border-color:color-mix(in srgb, var(--red) 30%, transparent);color:var(--red);background:0 0}.tool-button.danger:hover:not(:disabled){background:var(--red-bg);border-color:var(--red);color:var(--red)}.settings-menu,.device-actions-menu{display:inline-flex;position:relative}.settings-menu-trigger{border-radius:999px}.settings-menu-trigger[aria-expanded=true],.device-actions-trigger[aria-expanded=true]{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.settings-menu-popover,.device-actions-popover{z-index:20;border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--bg-2);width:max-content;min-width:178px;box-shadow:var(--shadow-lg);gap:3px;padding:5px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.settings-menu-popover{--settings-menu-control-width:120px;gap:2px;min-width:220px;padding:8px}.sidebar-settings-menu .settings-menu-popover,.combo-settings-menu .settings-menu-popover{inset:auto auto calc(100% + 8px) 0}.settings-menu-row{justify-content:space-between;align-items:center;gap:14px;width:100%;padding:6px 8px;display:flex}.settings-menu-row+.settings-menu-row{border-top:1px solid var(--border)}.settings-menu-label{color:var(--text-3);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.settings-menu-control{flex:0 0 var(--settings-menu-control-width);width:var(--settings-menu-control-width)}.settings-menu-control button{flex:1 1 0;min-width:0;padding:0 8px}.settings-theme-toggle button{place-items:center;display:inline-grid}.device-actions-menu-item{width:100%;min-height:34px;color:var(--text);white-space:nowrap;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:8px;padding:0 10px;font-size:13px;font-weight:600;display:flex}.device-actions-menu-item.danger{color:var(--red)}.device-actions-menu-item:hover:not(:disabled),.device-actions-menu-item:focus-visible{background:var(--red-bg);color:var(--red)}.tool-button.confirm-danger{border-color:var(--red);background:var(--red);color:#fff;font-weight:700}.tool-button.confirm-danger:hover:not(:disabled){border-color:var(--red);background:color-mix(in srgb, var(--red) 88%, #000);color:#fff}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a121c75;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--border-2);border-radius:var(--radius);background:var(--bg-2);width:min(440px,100%);color:var(--text);box-shadow:var(--shadow-lg);grid-template-columns:auto minmax(0,1fr);gap:14px;padding:22px;display:grid}.confirm-dialog-icon{border-radius:var(--radius-sm);background:var(--red-bg);width:42px;height:42px;color:var(--red);place-items:center;display:grid}.confirm-dialog h2{letter-spacing:0;margin:0 0 8px;font-size:17px}.confirm-dialog p{color:var(--text-2);margin:0;font-size:13px;line-height:1.6}.confirm-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;gap:10px;padding-top:2px;display:flex}.pill{border:1.5px solid color-mix(in srgb, var(--green) 40%, transparent);background:var(--green-bg);color:var(--green);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;padding:3px 11px;font-size:11px;font-weight:700;display:inline-flex}.pill.dirty{border-color:color-mix(in srgb, var(--amber) 40%, transparent);background:var(--amber-bg);color:var(--amber)}.live-shell{background:var(--bg);grid-template-rows:60px minmax(0,1fr) 30px;height:100vh;min-height:680px;transition:background .2s;display:grid}.view-transition-panel{background:var(--bg);min-height:0;display:grid}.placeholder{color:var(--text-3);border:1px dashed var(--border-2);border-radius:var(--radius);text-align:center;padding:10px 12px;font-size:13px}.statusbar{background:var(--bg-2);border-top:1px solid var(--border);color:var(--text-3);align-items:center;padding:0 20px;font-size:11px;display:flex}.statusbar-live{align-items:center;gap:18px;display:flex}.statusbar span:first-child{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.statusbar span.status-connected{color:var(--green)}.statusbar span.status-connecting{color:var(--amber)}.statusbar span.status-disconnected{color:var(--text-2)}.statusbar span.status-error{color:var(--red)}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-glow)}.connect-screen{place-items:center;padding:24px;display:grid}.connect-panel{border:1px solid var(--border-2);border-radius:var(--radius-lg);background:var(--bg-2);width:min(540px,100%);box-shadow:var(--shadow-lg);text-align:center;justify-items:center;gap:20px;padding:48px 44px;display:grid;position:relative}.connect-logo{width:56px;height:56px}.connect-panel>svg{color:var(--accent)}.connect-title{color:var(--text);letter-spacing:0;margin:-2px 0 -6px;font-size:24px;font-weight:800;line-height:1.15}.connect-panel p{color:var(--text-2);margin:0;font-size:14px;line-height:1.7}.large-action{border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;min-height:46px;box-shadow:0 4px 18px var(--accent-glow);border:none;align-items:center;gap:9px;padding:0 24px;font-size:14px;font-weight:700;transition:background .14s,box-shadow .14s,transform 80ms,opacity .14s;display:flex}.large-action:hover:not(:disabled){background:var(--accent-2);box-shadow:0 6px 22px var(--accent-glow)}.large-action:active:not(:disabled){transform:translateY(1px)}.large-action:disabled{cursor:not-allowed;opacity:.42;box-shadow:none}.warning{color:var(--red);font-size:13px}.live-workspace{--workspace-resizer-height:12px;--editor-left-pane-width:268px;grid-template-columns:var(--editor-left-pane-width) minmax(0, 1fr);grid-template-rows:minmax(0, 1fr) var(--workspace-resizer-height) minmax(280px, var(--editor-panel-height,420px));background:var(--bg);gap:0 12px;min-height:0;padding:12px;transition:grid-template-columns .16s;display:grid}.live-workspace.sidebar-compact{grid-template-columns:68px minmax(0,1fr)}.live-sidebar,.keyboard-pane,.live-inspector{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);min-height:0;box-shadow:var(--shadow-sm);padding:14px;transition:background .2s,border-color .2s;overflow:auto}.live-sidebar{flex-direction:column;grid-area:1/1/span 3;display:flex}.sidebar-toggle{border-radius:var(--radius-sm);place-items:center;width:32px;min-width:32px;min-height:32px;padding:0;display:inline-grid}.sidebar-compact .live-sidebar{align-items:center;padding:10px}.sidebar-compact .device-card,.sidebar-compact .live-sidebar .field,.sidebar-compact .section-heading,.sidebar-compact .layer-panel input,.sidebar-compact .layer-name-display,.sidebar-compact .layer-panel-actions,.sidebar-compact .icon-row{display:none}.sidebar-compact .layer-list{justify-items:center}.sidebar-compact .layer-panel{grid-template-columns:1fr;justify-items:center;gap:0;width:40px}.sidebar-compact .layer-index-button{width:30px;min-width:30px}.sidebar-compact .sidebar-lower-stack,.sidebar-compact .sidebar-bottom{width:100%}.sidebar-compact .sidebar-lower-stack{align-self:stretch;margin-top:auto}.sidebar-compact .sidebar-bottom{flex-direction:column;justify-content:flex-end;align-items:flex-end}.sidebar-lower-stack{gap:10px;margin-top:auto;display:grid}.sidebar-bottom{border-top:1px solid var(--border);justify-content:flex-start;align-items:center;gap:8px;padding-top:10px;display:flex}.sidebar-settings-menu{flex:none}.sidebar-toggle{margin-left:auto}.keyboard-pane{background:var(--bg-2);border-color:var(--border);grid-area:1/2;justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.live-inspector{grid-area:3/2;overflow:hidden}.config-inspector{padding:0}.config-inspector .config-panel{border-radius:var(--radius);height:100%;min-height:0;box-shadow:none;border:0}.workspace-resize-handle{min-height:var(--workspace-resizer-height);cursor:row-resize;touch-action:none;background:0 0;border:0;grid-area:2/2;place-items:center;display:grid}.workspace-resize-handle:before{content:"";background:var(--border-2);border-radius:999px;width:min(180px,36%);height:3px;transition:background .12s,box-shadow .12s,width .12s}.workspace-resize-handle:hover:before,.workspace-resize-handle:focus-visible:before{background:var(--accent);width:min(220px,44%);box-shadow:0 0 0 3px var(--accent-glow)}body.workspace-resizing,body.workspace-resizing *{-webkit-user-select:none;user-select:none;cursor:row-resize!important}.layer-delete-button{border-color:color-mix(in srgb, var(--red) 30%, transparent);color:var(--red);background:0 0}.layer-delete-button:hover:not(:disabled){border-color:var(--red);background:var(--red-bg);color:var(--red)}.layer-scope-field{align-content:start}.device-card{border:1px solid var(--border-2);border-radius:var(--radius);background:var(--bg-3);gap:8px;margin-bottom:14px;padding:11px 13px;display:grid}.field>span,.section-heading span{color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.lock-state{color:var(--amber);align-items:center;gap:6px;font-size:12px;display:flex}.field{gap:7px;margin:0;display:grid}.live-sidebar .field select{font-size:13px;font-weight:500;line-height:1.35}.section-heading{border-bottom:1.5px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin:14px 0 9px;padding-bottom:8px;display:flex}.section-heading:first-child{margin-top:0}.layer-section-actions{flex:none;align-items:center;gap:6px;display:flex}.section-heading button,.icon-row button{border-radius:var(--radius-sm);place-items:center;width:30px;min-width:30px;min-height:30px;padding:0;display:inline-grid}.layer-list{gap:5px;display:grid}.layer-panel{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-3);cursor:pointer;grid-template-columns:32px minmax(0,1fr) 10px auto;align-items:center;gap:6px;min-height:42px;padding:4px;transition:border-color .14s,background .14s,box-shadow .14s;display:grid}.layer-panel:hover{border-color:var(--border-2)}.layer-index-button{border-radius:var(--radius-sm);background:var(--bg-4);width:30px;min-width:30px;min-height:28px;color:var(--text-2);border:none;place-items:center;padding:0;font-size:11px;font-weight:800;transition:background .14s,color .14s;display:inline-grid}.layer-panel input,.layer-name-display{background:0 0;border-color:#0000;min-height:28px;padding:4px 6px;font-size:13px;font-weight:500}.layer-name-display{text-align:left;width:100%;box-shadow:none;color:var(--text);justify-content:flex-start}.layer-name-display:hover:not(:disabled){box-shadow:none;color:var(--text);background:0 0;border-color:#0000}.layer-panel input:focus{border-color:var(--accent);background:var(--bg-2);box-shadow:0 0 0 3px var(--accent-glow)}.layer-panel-actions{opacity:.42;align-items:center;gap:3px;transition:opacity .14s;display:flex}.layer-panel.active .layer-panel-actions{opacity:.62}.layer-panel:hover .layer-panel-actions,.layer-panel:focus-within .layer-panel-actions{opacity:.78}.layer-panel-actions button{border-radius:var(--radius-sm);width:28px;min-width:28px;min-height:28px;color:var(--text-3);background:0 0;border-color:#0000;place-items:center;padding:0;display:inline-grid}.layer-panel-actions button:hover:not(:disabled){color:var(--text);background:var(--bg-4);border-color:#0000}.layer-panel.active{border-color:var(--accent);background:var(--accent-bg);box-shadow:0 0 0 3px var(--accent-glow)}.layer-panel.active .layer-index-button{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.layer-panel.active .layer-name-display{color:var(--text);font-weight:600}.layer-panel.dirty{border-color:color-mix(in srgb, var(--amber) 50%, transparent);background:var(--amber-bg)}:root:not([data-theme=dark]) .layer-panel.dirty{border-color:var(--dirty-dot)}:root:not([data-theme=dark]) .layer-panel.active.dirty{box-shadow:0 0 0 3px var(--dirty-dot-glow)}.layer-dirty-dot{background:var(--dirty-dot);width:7px;height:7px;box-shadow:0 0 0 3px var(--dirty-dot-glow);opacity:0;pointer-events:none;border-radius:999px;justify-self:center;transition:opacity .14s}.layer-dirty-dot.visible{opacity:1}.icon-row{align-items:center;gap:6px;margin:8px 0 4px;display:flex}.combos-workspace{--workspace-resizer-height:12px;--editor-left-pane-width:268px;grid-template-columns:var(--editor-left-pane-width) minmax(0, 1fr);grid-template-rows:minmax(0, 1fr) var(--workspace-resizer-height) minmax(280px, var(--editor-panel-height,420px));background:var(--bg);gap:0 12px;min-height:0;padding:12px;display:grid}.combo-list-pane,.combo-layout-pane,.combo-inspector{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);min-height:0;box-shadow:var(--shadow-sm);padding:14px;overflow:auto}.combo-list-pane{grid-area:1/1/span 3;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;display:grid}.combo-list-header{border-bottom:1.5px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding-bottom:8px;display:flex}.combo-list-title{align-items:baseline;gap:7px;min-width:0;display:flex}.combo-list-label{color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.combo-list-capacity{color:var(--text-3);letter-spacing:0;font-size:10px;font-weight:800}.combo-list-actions{flex:none;align-items:center;gap:6px;display:flex}.combo-add-button{width:30px;min-width:30px;min-height:30px}.combo-delete-button{border-color:color-mix(in srgb, var(--red) 30%, transparent);color:var(--red);background:0 0}.combo-delete-button:hover:not(:disabled){border-color:var(--red);background:var(--red-bg);color:var(--red)}.combo-list{align-content:start;gap:5px;min-height:0;display:grid;overflow:auto}.combo-list-bottom{border-top:1px solid var(--border);justify-content:flex-start;align-items:center;padding-top:10px;display:flex}.combo-row{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-3);text-align:left;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:9px;min-width:0;min-height:56px;padding:7px 9px;display:grid;position:relative}.combo-row:hover:not(:disabled){border-color:var(--border-2);background:var(--bg-4);color:var(--text)}.combo-row.active{border-color:var(--accent);background:var(--accent-bg);box-shadow:0 0 0 3px var(--accent-glow)}.combo-row.dirty{border-color:color-mix(in srgb, var(--amber) 52%, transparent)}.combo-row.dirty:after{content:"";background:var(--dirty-dot);width:7px;height:7px;box-shadow:0 0 0 3px var(--dirty-dot-glow);border-radius:999px;position:absolute;top:7px;right:7px}.combo-row.empty{color:var(--text-2)}.combo-empty-list{border:1px dashed var(--border-2);border-radius:var(--radius-sm);background:var(--bg-3);min-width:0;color:var(--text-3);gap:5px;padding:12px;font-size:12px;line-height:1.35;display:grid}.combo-empty-list strong{color:var(--text-2);font-size:12px}.combo-empty-list span{color:var(--text-3);font-size:11px}.combo-mini-map{--key-gap:1px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-2);width:54px;height:22px;position:relative}.combo-mini-map span{background:var(--border-2);opacity:.55;border-radius:2px;position:absolute}.combo-mini-map span.active{background:var(--accent);opacity:1}.combo-row-details{gap:6px;min-width:0;display:grid}.combo-row-title{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;line-height:1.15;overflow:hidden}.combo-row-support{align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.combo-row-support span{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-2) 72%, transparent);min-width:0;max-width:100%;color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:750;line-height:1.2;overflow:hidden}.combo-layout-pane{grid-area:1/2;justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.combo-layout-stack{max-width:100%}.combo-encoder-panel-spacer{min-height:var(--encoder-panel-height,52px);visibility:hidden;pointer-events:none}.combo-layout-surface{width:100%;min-width:0}.combo-physical-key{z-index:3;border:1px solid var(--keyboard-key-border);background:var(--keyboard-key-bg);min-width:0;min-height:0;color:var(--text-2);border-radius:6px;place-items:center;padding:0;font-size:11px;font-weight:800;display:grid;position:absolute}.combo-physical-key:hover:not(:disabled){background:var(--accent-bg);color:var(--accent)}.combo-physical-key.active{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 0 0 3px var(--accent-glow)}.combo-inspector{grid-area:3/2;padding:0;overflow:hidden}.combo-inspector-body{grid-template-rows:minmax(0,1fr) auto;gap:0;height:100%;min-height:0;display:grid}.combo-inspector-scroll{scrollbar-gutter:stable;grid-template-rows:auto;grid-template-columns:minmax(236px,260px) minmax(0,1fr);align-content:start;align-items:start;min-height:0;display:grid;overflow:auto}.combo-fields{border-right:1px solid var(--border);grid-template-columns:1fr;align-items:start;gap:6px;min-width:0;padding:10px 12px;display:grid}.combo-settings-group{align-content:start;gap:5px;min-width:0;display:grid}.combo-settings-panel{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-3);align-content:start;gap:6px;min-width:0;padding:7px;display:grid}.combo-settings-group-title{min-height:14px;color:var(--text-3);letter-spacing:0;text-transform:uppercase;align-items:center;margin:0;font-size:10px;font-weight:800;line-height:1.2;display:flex}.combo-settings-toggle{width:100%;min-height:22px;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;box-shadow:none;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:4px;padding:0;display:inline-flex}.combo-settings-toggle:hover:not(:disabled){color:var(--text-2);background:0 0}.combo-settings-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.combo-settings-toggle-icon{flex:none;transition:transform .12s}.combo-settings-toggle[aria-expanded=true] .combo-settings-toggle-icon{transform:rotate(90deg)}.combo-field{min-width:0;color:var(--text);grid-template-columns:1fr;align-content:start;align-items:start;gap:3px;font-size:12px;display:grid}.combo-settings-panel[hidden]{display:none}.combo-field>span,.combo-field>strong{color:var(--text-3);letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:800;line-height:1.2}.combo-field-label{align-items:center;gap:5px;display:inline-flex}.combo-field-label svg{color:var(--text-3);flex:none}.combo-field>strong{border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--bg-2);width:max-content;min-height:24px;color:var(--text);letter-spacing:0;text-transform:none;align-items:center;padding:0 7px;font-size:10px;font-weight:800;display:inline-flex}.combo-field>.combo-field-heading,.combo-field>span{grid-column:auto}.combo-field>input,.combo-field>select,.combo-field>.combo-inline-controls,.combo-field>.combo-key-summary,.combo-field>.combo-layer-chips,.combo-field>.config-toggle{grid-column:auto;min-width:0}.combo-keys-field .combo-key-summary{border:1px dashed var(--border-2);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--bg-2) 72%, transparent);min-width:0;padding:5px 7px}.combo-layer-field .combo-layer-chips{border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--bg-2) 52%, transparent);padding:5px}.combo-field-heading{align-items:center;gap:5px;display:inline-flex}.combo-field-help .config-help-tooltip{letter-spacing:0;text-transform:none}.combo-field input,.combo-field select{background:var(--bg-2);width:100%;min-width:0;max-width:100%;min-height:28px;padding:4px 8px;font-size:12px}.combo-inline-controls{grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.combo-inline-controls.with-custom-value{grid-template-columns:minmax(0,1fr) minmax(72px,92px)}.combo-layer-chips{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.combo-layer-chips button{border-width:1px;border-color:var(--border-2);background:var(--bg-2);min-height:24px;color:var(--text-2);box-shadow:none;border-radius:999px;padding:0 8px;font-size:11px;font-weight:800}.combo-layer-chips button:hover:not(:disabled){background:var(--accent-bg);color:var(--accent)}.combo-layer-chips button.active{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.combo-slow-release{align-self:center;min-height:28px}.combo-toggle-field{align-content:start}.combo-binding-editor{grid-template-rows:auto minmax(0,1fr) auto;gap:0;min-height:0;display:grid;overflow:visible}.combo-binding-section{align-content:start;gap:6px;min-width:0;padding:10px 12px 10px 10px;display:grid}.combo-binding-section>.combo-settings-group-title{padding:0}.combo-selected-keys{align-items:center;min-width:0;min-height:22px;display:flex}.combo-selected-keys span{min-width:0;color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;line-height:1.25;overflow:hidden}.combo-selected-keys span.empty{color:var(--text-3)}.combo-binding-editor .param-editors{padding:10px 0 0}.combo-unsafe-note{border:1px solid color-mix(in srgb, var(--amber) 45%, transparent);border-radius:var(--radius-sm);background:var(--amber-bg);color:var(--amber);margin:0 14px 12px;padding:8px 9px;font-size:11px;font-weight:700;line-height:1.4}.combo-actions{border-top:1.5px solid var(--border);background:var(--bg-2);flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;min-height:54px;padding:8px 12px;display:flex}.combo-actions .binding-footer-preview{flex:220px;min-width:160px;margin-right:auto}.combo-actions .tool-button{flex:none}.config-workspace{background:var(--bg);min-height:0;padding:12px;overflow:auto}.config-panel{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);height:100%;min-height:0;box-shadow:var(--shadow-sm);grid-template-rows:auto minmax(0,1fr) auto;gap:0;padding:12px;display:grid}.config-panel-flat{grid-template-rows:minmax(0,1fr) auto}.config-panel.unavailable{align-content:start;min-height:auto}.config-panel.unavailable p{color:var(--text-2);margin:0}.config-field-badges,.config-field-snapshot,.config-panel-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.config-field-badges span{border:1px solid var(--border);background:var(--bg-3);min-height:20px;color:var(--text-2);border-radius:999px;align-items:center;padding:0 8px;font-size:10px;font-weight:800;display:inline-flex}.config-field-groups{overscroll-behavior:contain;align-content:start;gap:10px;min-height:0;padding:8px 0;display:grid;overflow:auto}.config-field-group{align-content:start;gap:6px;min-width:0;display:grid}.config-field-group-title{color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800;line-height:1.2}.config-field-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));align-content:start;gap:7px;display:grid}.config-panel-actions{z-index:2;border-top:1.5px solid var(--border);background:var(--bg-2);justify-content:flex-end;gap:8px;padding-top:8px;position:sticky;bottom:0}.config-footer-preview{flex:360px;width:auto;max-width:none;margin-right:auto}.config-panel-actions .tool-button{white-space:nowrap}.config-field-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-3);grid-template-rows:auto minmax(28px,1fr);align-content:start;gap:6px;min-width:0;min-height:78px;padding:8px;display:grid;position:relative}.config-field-row.dirty{border-color:color-mix(in srgb, var(--amber) 60%, transparent)}.config-field-row.dirty:after{content:"";background:var(--dirty-dot);border-radius:999px;width:6px;height:6px;position:absolute;top:5px;right:5px}.config-field-row.dirty .config-field-title{padding-right:12px}.config-field-row.composite{grid-template-rows:auto auto}.config-field-title{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.config-field-heading,.config-subfield-name{align-items:center;gap:5px;min-width:0;display:inline-flex}.config-field-title h3{color:var(--text);letter-spacing:0;margin:0;font-size:12px;line-height:1.3}.config-field-stack{gap:6px;min-width:0;display:grid}.config-subfield{grid-template-columns:minmax(70px,auto) minmax(0,1fr);align-items:center;gap:6px;min-width:0;display:grid}.config-field-row.scroll-layers .config-field-stack{gap:5px}.config-field-row.scroll-layers .config-subfield{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.config-field-row.scroll-layers .config-subfield-title{flex:none}.config-subfield-title{min-width:0;color:var(--text-2);flex-wrap:wrap;align-items:center;gap:5px;font-size:10px;font-weight:800;line-height:1.2;display:flex}.config-subfield-title>span{min-width:0}.config-field-help{flex:none;display:inline-flex;position:relative}.config-help-button{width:20px;min-width:20px;min-height:20px;color:var(--text-3);box-shadow:none;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:inline-grid}.config-help-button:hover,.config-help-button:focus-visible{color:var(--accent);background:var(--accent-bg);box-shadow:0 0 0 2px var(--accent-glow)}.config-help-tooltip{z-index:20;border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--bg-2);width:min(220px,100vw - 32px);box-shadow:var(--shadow-md);color:var(--text);opacity:0;pointer-events:none;visibility:hidden;padding:8px 9px;font-size:11px;font-weight:600;line-height:1.45;transition:opacity .1s,transform .1s,visibility .1s;position:absolute;top:calc(100% + 6px);left:0;transform:translateY(-2px)}.config-help-tooltip:before{content:"";border-top:1px solid var(--border-2);border-left:1px solid var(--border-2);background:var(--bg-2);width:8px;height:8px;position:absolute;top:-5px;left:10px;transform:rotate(45deg)}.config-field-help:hover .config-help-tooltip,.config-help-button:focus-visible+.config-help-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.config-subfield .config-field-badges{gap:4px}.config-subfield .config-field-badges span{min-height:18px;padding:0 6px;font-size:9px}.config-range-control{grid-template-columns:minmax(90px,1fr) minmax(52px,auto);align-items:center;gap:8px;display:grid}.config-range-control input[type=range]{appearance:none;height:18px;accent-color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0}.config-range-control input[type=range]:disabled{cursor:not-allowed;opacity:.5}.config-range-control input[type=range]::-webkit-slider-runnable-track{appearance:none;background:color-mix(in srgb, var(--bg-4) 82%, var(--accent) 18%);border:0;border-radius:999px;height:4px}.config-range-control input[type=range]::-webkit-slider-thumb{border:1px solid var(--accent-2);background:var(--accent);width:14px;height:14px;box-shadow:0 0 0 2px var(--accent-glow);appearance:none;border-radius:999px;margin-top:-6px}.config-range-control input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent-glow)}.config-range-control input[type=range]::-moz-range-track{background:color-mix(in srgb, var(--bg-4) 82%, var(--accent) 18%);border:0;border-radius:999px;height:4px}.config-range-control input[type=range]::-moz-range-thumb{border:1px solid var(--accent-2);background:var(--accent);width:14px;height:14px;box-shadow:0 0 0 2px var(--accent-glow);border-radius:999px}.config-field-row select,.config-field-row input[type=number]{width:100%;min-width:0;max-width:100%;height:28px;min-height:28px;padding:3px 8px;font-size:11px;line-height:1.2}.config-field-row select{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.config-field-value,.config-field-static{border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--bg-2);min-height:28px;color:var(--text);white-space:nowrap;justify-content:center;align-items:center;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.config-toggle{min-height:28px;color:var(--text);align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex;position:relative}.config-toggle input{opacity:0;width:1px;min-height:1px;position:absolute}.config-toggle-switch{border:1px solid var(--border-2);background:var(--bg-2);border-radius:999px;flex:none;width:34px;height:18px;transition:background .12s,border-color .12s,box-shadow .12s;position:relative}.config-toggle-switch span{background:var(--text-3);border-radius:999px;width:12px;height:12px;transition:background .12s,transform .12s;position:absolute;top:2px;left:2px}.config-toggle input:checked+.config-toggle-switch{border-color:var(--accent);background:var(--accent-bg)}.config-toggle input:checked+.config-toggle-switch span{background:var(--accent);transform:translate(16px)}.config-toggle input:focus-visible+.config-toggle-switch{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.config-toggle input:disabled+.config-toggle-switch{opacity:.5}.config-toggle-value{min-width:0}.config-layer-chips{border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--bg-2) 52%, transparent);width:fit-content;min-width:0;max-width:100%;padding:5px}.config-field-row.scroll-layers .config-layer-chips{flex:0 auto}.config-layer-chips button:disabled{cursor:not-allowed;opacity:.5}.config-mode-toggle{border:1px solid var(--border);background:var(--bg-2);border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:start;align-items:stretch;gap:2px;width:98px;min-width:0;max-width:100%;min-height:24px;padding:2px;display:grid}.config-mode-toggle button{min-width:0;height:100%;min-height:18px;color:var(--text-2);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:10px;font-weight:800;line-height:1;transition:background 80ms,color 80ms,box-shadow 80ms;display:flex}.config-mode-toggle button:hover:not(:disabled){color:var(--accent);background:var(--accent-bg)}.config-mode-toggle button.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.config-mode-toggle button:focus-visible{box-shadow:0 0 0 3px var(--accent-glow);outline:none}.config-mode-toggle button:disabled{cursor:not-allowed;opacity:.5}.config-field-reason{color:var(--text-3);align-self:end;font-size:11px;line-height:1.4}.keyboard-preview-stack{width:var(--keyboard-frame-width,min(100%, 1080px));min-width:var(--keyboard-frame-min-width,580px);flex-direction:column;align-items:stretch;gap:12px;display:flex}.keyboard-frame{isolation:isolate;width:var(--keyboard-frame-width,min(100%, 1080px));min-width:var(--keyboard-frame-min-width,580px);border:1px solid var(--kb-frame-border);background:var(--kb-frame);box-shadow:var(--shadow-md);--key-gap:3px;border-radius:14px;margin:0 auto;padding:clamp(10px,1.2vw,18px) clamp(12px,1.5vw,22px) clamp(12px,1.5vw,22px);position:relative;overflow:hidden}.keyboard-preview-stack .keyboard-frame{width:100%;min-width:0;margin:0}.keyboard-zoom-controls{z-index:10;border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--bg-2) 92%, transparent);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:4px;padding:4px;display:inline-flex;position:absolute;top:10px;right:10px}.keyboard-zoom-button{border-radius:var(--radius-sm);place-items:center;width:30px;min-width:30px;min-height:30px;padding:0;display:inline-grid}.keyboard-case-surface{z-index:1;border-radius:10px;width:100%;position:relative}.keyboard-inner-frame{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.keyboard-inner-frame path{fill:var(--keyboard-inner-fill);stroke:var(--kb-frame-border);stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.encoder-panel-layer{--encoder-panel-height:52px;width:max-content;max-width:100%;margin:0 auto 0 0;padding:0;display:grid}.encoder-panel-grid{justify-content:center;align-items:start;gap:12px;display:flex}.encoder-side-group{justify-items:center;min-width:0;display:grid}.encoder-side-body{grid-template-columns:52px 88px;align-items:center;column-gap:5px;display:grid}.encoder-knob{width:var(--encoder-panel-height);height:var(--encoder-panel-height);min-width:var(--encoder-panel-height);min-height:var(--encoder-panel-height);border:1px solid var(--key-border);background:var(--key-bg);box-shadow:0 3px 0 var(--key-shadow), 0 1px 3px #0000000f;border-radius:999px;place-items:center;padding:0;transition:background .1s,border-color .1s,box-shadow .1s,transform 80ms;display:grid;position:relative}.encoder-knob:hover{border-color:var(--accent);box-shadow:0 3px 0 var(--key-shadow), 0 0 0 2px var(--accent-glow)}.encoder-knob:active{box-shadow:0 1px 0 var(--key-shadow);transform:translateY(2px)}.encoder-knob.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, var(--key-bg));box-shadow:0 3px 0 var(--key-shadow), 0 0 0 3px var(--accent-glow)}.encoder-knob-face{border:1px solid var(--border-2);background:var(--bg-3);border-radius:999px;width:36px;height:36px;display:block;position:relative}.encoder-knob-mark{background:var(--text-3);border-radius:999px;width:4px;height:10px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.encoder-knob-side-label{color:var(--text-3);letter-spacing:0;opacity:.56;font-size:10px;font-weight:750;line-height:1;position:absolute;top:19px;left:50%;transform:translate(-50%)}.encoder-knob.active .encoder-knob-mark{background:var(--accent)}.encoder-knob.active .encoder-knob-side-label{color:var(--accent);opacity:.68}.encoder-knob.dirty{border-color:color-mix(in srgb, var(--amber) 60%, transparent)}.encoder-knob.dirty:after{content:"";z-index:1;background:var(--dirty-dot);width:7px;height:7px;box-shadow:0 0 0 2px var(--bg-3);border-radius:999px;position:absolute;top:-3px;left:-3px}.encoder-summary{gap:3px;width:88px;min-width:0;display:grid}.encoder-summary-row{border-radius:var(--radius-sm);min-width:0;min-height:20px;color:var(--text-2);box-shadow:none;text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:4px;padding:2px 5px 2px 3px;transition:background .1s,border-color .1s,box-shadow .1s,color .1s;display:grid}.encoder-summary-row:hover{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.encoder-summary-row:active{transform:translateY(1px)}.encoder-summary-direction{width:20px;height:14px;color:var(--text-3);justify-content:flex-end;align-items:center;line-height:1;display:inline-flex;position:relative}.encoder-summary-direction svg{width:12px;height:12px}.encoder-summary-row strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:750;line-height:1.1;overflow:hidden}.encoder-summary-row.active strong{color:var(--accent)}.encoder-summary-row.active{border-color:var(--accent);background:var(--accent-bg);box-shadow:0 0 0 2px var(--accent-glow)}.encoder-summary-row.dirty .encoder-summary-direction:before{content:"";background:var(--dirty-dot);border-radius:999px;width:5px;height:5px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.trackball-module{z-index:2;pointer-events:none;border:1px solid var(--trackball-module-border);background:var(--trackball-module-bg);min-width:0;min-height:0;box-shadow:0 4px 0 var(--key-shadow), 0 2px 7px #0000001a;border-radius:10px;place-items:center;padding:0;transition:background .1s,border-color .1s,box-shadow .1s,transform 80ms;display:grid;position:absolute}.trackball-button{pointer-events:auto}.trackball-module.trackball-button:hover:not(.active){border-color:var(--accent);background:var(--trackball-module-bg);color:var(--text);box-shadow:0 4px 0 var(--key-shadow), 0 0 0 2px var(--accent-glow)}.trackball-module.trackball-button:active{box-shadow:0 1px 0 var(--key-shadow);transform:translateY(2px)}.trackball-module.trackball-button.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, var(--trackball-module-bg));box-shadow:0 4px 0 var(--key-shadow), 0 0 0 3px var(--accent-glow)}.trackball-module.dirty{border-color:color-mix(in srgb, var(--amber) 60%, transparent)}.trackball-module.dirty:after{content:"";z-index:1;background:var(--dirty-dot);border-radius:999px;width:6px;height:6px;position:absolute;top:4px;right:4px}.trackball-well{aspect-ratio:1;background:var(--trackball-well);border-radius:999px;place-items:center;width:82%;display:grid;box-shadow:inset 0 4px 10px #294c7438}.trackball-ball{aspect-ratio:1;background:var(--trackball-ball);border-radius:999px;width:91%;box-shadow:0 4px 9px #294c7438,inset -6px -8px 14px #0003}.live-key{z-index:3;border:1px solid var(--keyboard-key-border);background:var(--keyboard-key-bg);min-width:0;min-height:0;box-shadow:0 3px 0 var(--key-shadow), 0 1px 3px #0000000f;text-align:center;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:3px 5px;transition:background .1s,border-color .1s,box-shadow .1s,transform 80ms;display:flex;position:absolute;overflow:hidden}.key-hold-label{max-width:100%;color:var(--text-2);overflow-wrap:anywhere;text-align:center;font-size:11px;font-weight:800;line-height:1}.key-hold-label.hold-mod{color:var(--accent)}.key-hold-label.hold-layer{color:var(--green)}.key-hold-label.hold-mouse{color:var(--amber)}.key-hold-label.hold-bt{color:#3b9eff}.live-key:hover:not(.active){border-color:var(--accent);box-shadow:0 3px 0 var(--key-shadow), 0 0 0 2px var(--accent-glow)}.live-key:active{box-shadow:0 1px 0 var(--key-shadow);transform:translateY(2px)}.live-key.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, var(--keyboard-key-bg));box-shadow:0 3px 0 var(--key-shadow), 0 0 0 3px var(--accent-glow)}.live-key.dirty{border-color:color-mix(in srgb, var(--amber) 60%, transparent)}.live-key.dirty:after{content:"";background:var(--dirty-dot);border-radius:999px;width:6px;height:6px;position:absolute;top:4px;right:4px}.key-category-icon{width:16px;height:16px;color:var(--text-3);pointer-events:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:absolute;top:4px;left:4px}.key-category-icon.multi{gap:1px;width:30px}.key-category-icon-item{place-items:center;width:14px;min-width:0;height:16px;display:grid}.key-category-icon .key-icon-label svg{width:14px;height:14px}.live-key.active .key-category-icon{color:color-mix(in srgb, var(--accent) 72%, var(--text-2))}.live-key.has-category-icon .key-hold-label{padding-left:18px;padding-right:18px}.key-top-icon{place-items:center;width:22px;height:20px;line-height:1;display:inline-grid;position:relative}.key-hold-label .key-top-icon .key-icon-label svg{width:16px;height:16px}.key-top-index{background:var(--keyboard-key-bg);color:currentColor;border-radius:999px;place-items:center;min-width:11px;height:11px;padding:0 1px;font-size:9px;font-weight:900;line-height:1;display:grid;position:absolute;bottom:-1px;right:0}.live-key.active .key-top-index{background:color-mix(in srgb, var(--accent) 15%, var(--keyboard-key-bg))}.live-key strong{max-width:100%;color:var(--text);overflow-wrap:normal;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;line-height:1.1;overflow:hidden}.live-key strong.key-label-graphic{text-overflow:clip;overflow:visible}.key-icon-label{vertical-align:middle;justify-content:center;align-items:center;min-width:0;max-width:100%;line-height:1;display:inline-flex}.key-text-label{text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;min-width:0;max-width:100%;display:inline-block;overflow:hidden}.modifier-key-label{vertical-align:middle;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:.16em;min-width:0;max-width:100%;line-height:1;display:inline-grid}.key-chord-label{vertical-align:middle;justify-content:center;align-items:center;min-width:0;max-width:100%;line-height:1;display:inline-flex}.key-chord-part{justify-content:center;align-items:center;gap:.16em;min-width:0;display:inline-flex}.key-chord-plus{color:var(--text-3);margin:0 .08em;font-size:.72em;font-weight:800}.key-chord-divider{background:color-mix(in srgb, currentColor 34%, transparent);opacity:.82;vertical-align:middle;border-radius:999px;width:1px;height:1.15em;margin:0 .08em;display:inline-block}.modifier-key-side{opacity:.82;font-size:.68em;font-weight:900;line-height:1}.modifier-key-symbol{font-family:Segoe UI Symbol,Apple Symbols,Noto Sans Symbols,system-ui,sans-serif;font-size:1.25em;font-weight:900;line-height:1}.modifier-key-symbol.text{font-family:inherit;font-size:.76em;font-weight:900}.modifier-key-logo{flex:none;width:.98em;height:.98em;display:block}.key-symbol{font-family:Segoe UI Symbol,Apple Symbols,Noto Sans Symbols,system-ui,sans-serif;font-size:1.22em;font-weight:800;line-height:1}.key-symbol[data-key-symbol=space]{transform-origin:50%;display:inline-block;transform:scale(1.15)}.key-symbol.text,.key-text-part{font-family:inherit;font-size:.84em;font-weight:900}.key-icon-label svg{flex:none;width:1.15em;height:1.15em}.key-icon-label[data-key-icon=enter] svg,.key-icon-label[data-key-icon=tab] svg{transform-origin:50%;transform:scaleY(.7)}.live-key strong .key-icon-label svg{width:20px;height:20px}.live-key strong .modifier-key-symbol{font-size:1.36em;font-weight:900}.live-key strong .modifier-key-symbol.text{font-size:.92em}.live-key strong .modifier-key-logo{width:1.12em;height:1.12em}.key-option .key-icon-label svg,.binding-footer-preview .key-icon-label svg{width:16px;height:16px}.key-hold-label .key-icon-label svg,.key-hold-label .modifier-key-logo{width:14px;height:14px}.key-hold-label .key-chord-label,.key-hold-label .key-chord-part,.key-hold-label .modifier-key-label,.key-hold-label .modifier-key-symbol.text{overflow-wrap:normal;white-space:nowrap;word-break:normal}.key-hold-label .key-chord-part{flex:none}.key-hold-label .modifier-key-symbol.text{font-size:.94em}.key-option .modifier-key-symbol,.binding-footer-preview .modifier-key-symbol{color:var(--text);font-size:1.42em}.key-option .modifier-key-side{color:var(--text);opacity:.88;font-size:.78em}.key-option .modifier-key-symbol.text,.binding-footer-preview .modifier-key-symbol.text{color:var(--text);font-size:.92em}.key-option .modifier-key-logo,.binding-footer-preview .modifier-key-logo{width:1.16em;height:1.16em;color:var(--text)}.binding-footer-preview .key-symbol{color:var(--text);font-size:1.18em;font-weight:900}.live-key strong.key-label-dim{color:var(--text-3);font-weight:500}.live-key.active strong{color:var(--accent)}.binding-editor{grid-template-rows:auto minmax(0,1fr) auto;gap:0;height:100%;min-height:0;display:grid}.behavior-tabs{border-bottom:1.5px solid var(--border);background:0 0;flex-wrap:wrap;gap:4px 2px;padding:0 14px;display:flex}.behavior-tab{border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:32px;color:var(--text-2);white-space:nowrap;background:0 0;border:1.5px solid #0000;padding:0 12px;font-size:12px;font-weight:650;transition:background .12s,border-color .12s,color .12s,box-shadow .12s}.behavior-tab:hover:not(:disabled){border-color:var(--border);background:var(--accent-bg);color:var(--accent);border-bottom-color:#0000}.behavior-tab.active{border-color:var(--border);border-bottom-color:var(--bg-2);background:var(--bg-2);color:var(--accent);box-shadow:inset 0 2px 0 var(--accent);margin-bottom:-1.5px;position:relative}.param-editors{overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(240px,1fr));align-content:start;align-items:start;gap:12px;min-height:0;padding:14px;display:grid;overflow:auto}.binding-editor .key-picker{max-height:none;overflow:visible}.param-editors.layer-param-editors{grid-template-columns:minmax(180px,.65fr) minmax(280px,1.35fr)}.param-primary-stack{align-content:start;align-items:start;gap:10px;min-width:0;display:grid}.param-editors>.param-primary-stack.single-param-stack{grid-column:1/-1}.binding-editor-actions{border-top:1.5px solid var(--border);background:var(--bg-2);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding:10px 14px 0;display:flex}.binding-footer-preview{border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--bg-3);flex:0 auto;align-items:center;gap:8px;width:fit-content;min-width:0;max-width:min(100%,520px);min-height:34px;margin-right:auto;padding:5px 9px;display:flex}.binding-footer-preview>span{color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;flex:none;font-size:9px;font-weight:800}.binding-summary-list{flex:auto;align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.binding-summary-param{white-space:nowrap;align-items:baseline;gap:4px;min-width:0;display:inline-flex}.binding-summary-label{color:var(--text-3);flex:none;font-size:11px;font-weight:700}.binding-summary-value{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.binding-summary-param.summary-mod .binding-summary-value{color:var(--accent)}.binding-summary-param.summary-layer .binding-summary-value{color:var(--green)}.binding-summary-param.summary-mouse .binding-summary-value{color:var(--amber)}.binding-summary-param.summary-bt .binding-summary-value{color:#3b9eff}.binding-summary-param.summary-special .binding-summary-value{color:var(--text-2)}.other-behavior-field{grid-column:1/-1;gap:8px;display:grid}.layer-behavior-field{grid-column:1/-1}.other-behavior-grid,.layer-behavior-grid{flex-wrap:wrap;gap:6px;display:flex}.other-behavior-option,.layer-behavior-option{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-2);min-height:30px;color:var(--text-2);justify-content:center;align-items:center;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.other-behavior-option:hover:not(:disabled),.layer-behavior-option:hover:not(:disabled){border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.other-behavior-option.active,.layer-behavior-option.active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.key-press-field,.layer-param-field,.mouse-scroll-param-field{gap:9px;display:grid}.param-editors>.key-press-field:only-child,.param-editors>.layer-param-field:only-child,.param-editors>.mouse-scroll-param-field:only-child{grid-column:1/-1}.binding-editor-hint-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--bg-2) 76%, var(--bg-3));gap:5px;min-width:0;max-height:72px;padding:9px 10px;display:grid;overflow:hidden}.binding-editor-hint-heading{align-items:center;gap:6px;min-width:0;display:flex}.binding-editor-hint-icon{color:var(--text-3);flex:none}.binding-editor-hint-title{min-width:0;color:var(--text-2);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;line-height:1.25;overflow:hidden}.binding-editor-hint-lines{min-width:0;display:block}.binding-editor-hint-lines p{color:var(--text-3);letter-spacing:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;font-weight:550;line-height:1.35;display:-webkit-box;overflow:hidden}.param-grid{align-items:center;gap:8px;display:flex}.layer-index-option{font-size:12px;font-weight:900}.key-picker{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-3);scrollbar-width:thin;scrollbar-color:var(--border-2) transparent;gap:10px;max-height:clamp(236px,34vh,340px);padding:10px;display:grid;overflow:auto}.key-picker-controls{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;display:flex}.key-category-tabs{scrollbar-width:thin;scrollbar-color:var(--border-2) transparent;flex:0 auto;gap:5px;width:max-content;min-width:0;max-width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.key-category-tab{border:1.5px solid var(--border);background:var(--bg-2);min-height:27px;color:var(--text-2);white-space:nowrap;border-radius:999px;flex:none;padding:0 10px;font-size:11px;font-weight:700;transition:background 80ms,border-color 80ms,color 80ms,box-shadow 80ms}.key-category-tab:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.key-category-tab.active{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.key-picker-group,.key-picker-section{gap:6px;display:grid}.key-picker-group>span,.key-picker-section>span{color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.key-picker-section-heading{align-items:center;gap:5px;display:inline-flex}.key-picker-section-icon{color:currentColor;place-items:center;width:12px;height:12px;line-height:1;display:inline-grid}.key-picker-section-icon .key-icon-label svg{width:12px;height:12px}.key-modifier-toolbar{border-left:1px solid color-mix(in srgb, var(--border-2) 82%, transparent);flex:none;justify-content:flex-end;align-items:center;min-width:0;max-width:100%;padding:2px 0 2px 10px;display:flex}.key-modifier-grid{flex-wrap:wrap;gap:6px;display:flex}.key-modifier-toolbar .key-modifier-grid{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--bg-2) 74%, var(--accent-bg) 26%);flex-wrap:nowrap;justify-content:flex-end;max-width:100%;padding:3px 4px;overflow:visible}.modifier-toggle-cluster{align-items:center;gap:1px;min-width:max-content;min-height:24px;display:inline-flex}.modifier-toggle{border:1.5px solid color-mix(in srgb, var(--border-2) 76%, var(--accent) 24%);background:color-mix(in srgb, var(--bg-2) 86%, var(--accent-bg));width:auto;min-width:42px;min-height:24px;color:var(--text-2);box-shadow:none;border-radius:999px;justify-content:center;align-items:center;gap:3px;padding:0 6px 0 5px;font-size:10px;font-weight:800;transition:background 80ms,border-color 80ms,color 80ms,box-shadow 80ms,transform 60ms;display:inline-flex;overflow:hidden}.modifier-side-options{flex-direction:column;justify-content:center;gap:2px;display:flex}.modifier-side-option{border:1px solid var(--border-2);background:var(--bg-2);width:15px;height:11px;color:var(--text-3);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-size:7px;font-weight:900;line-height:1;transition:background 80ms,border-color 80ms,color 80ms,box-shadow 80ms;display:inline-flex;position:relative}.modifier-side-option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.modifier-side-option:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.modifier-side-option.active{border-color:var(--accent);background:var(--accent);color:#fff}.modifier-side-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.modifier-toggle-prefix{color:var(--text-3);font-size:12px;font-weight:900;line-height:1}.modifier-toggle .modifier-key-label{max-width:100%}.modifier-toggle .modifier-key-side{opacity:.88;font-size:.78em}.modifier-toggle .modifier-key-symbol{font-size:1.42em}.modifier-toggle .modifier-key-symbol.text{font-size:.92em}.modifier-toggle .modifier-key-logo{width:1.16em;height:1.16em}.modifier-toggle:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-bg);box-shadow:0 0 0 2px var(--accent-glow)}.modifier-toggle:active:not(:disabled){transform:translateY(1px)}.modifier-toggle.active{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 0 0 2px var(--accent-glow)}.modifier-toggle.active .modifier-toggle-prefix{color:#ffffffd1}.key-picker-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px;display:grid}.key-picker-section-ime .key-picker-grid{grid-template-columns:repeat(auto-fill,minmax(54px,1fr))}.layer-picker-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.layer-index-picker-grid{grid-template-columns:repeat(auto-fill,minmax(40px,40px))}.mouse-scroll-picker{max-height:none}.mouse-scroll-direction-grid{grid-template-columns:repeat(auto-fill,minmax(40px,40px))}.mouse-scroll-option{min-height:32px;padding:0 4px}.mouse-scroll-step-control{grid-template-columns:auto minmax(92px,128px);align-items:center;gap:10px;display:grid}.mouse-scroll-step-control>span{color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.mouse-scroll-step-control input{width:100%}.key-option{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--key-bg);min-width:0;min-height:32px;color:color-mix(in srgb, var(--text) 84%, var(--text-2));overflow-wrap:anywhere;box-shadow:0 2px 0 var(--key-shadow);place-items:center;padding:0 4px;font-size:11px;font-weight:700;transition:background 80ms,border-color 80ms,color 80ms,box-shadow 80ms,transform 60ms;display:grid}.key-option .key-icon-label{color:var(--text)}.key-picker-section-ime .key-option{min-height:34px;padding:2px 4px;line-height:1.05}.key-picker-section-ime .key-text-label{text-align:center;text-overflow:clip;white-space:pre-line;overflow:visible}.key-option.compact-label .key-text-label{font-size:10px}.layer-option{text-align:left;grid-template-columns:auto minmax(0,1fr);justify-content:start;gap:6px;padding:0 8px}.layer-option-index{background:var(--accent-bg);min-width:20px;height:20px;color:var(--accent);border-radius:999px;place-items:center;font-size:10px;font-weight:900;display:grid}.layer-option-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.key-option:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-bg);box-shadow:0 2px 0 var(--key-shadow), 0 0 0 2px var(--accent-glow)}.key-option:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.key-option.active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.key-picker-empty{border:1px dashed var(--border-2);border-radius:var(--radius-sm);min-height:34px;color:var(--text-3);place-items:center;font-size:12px;font-weight:600;display:grid}.os-behavior-field{grid-column:1/-1}.os-behavior-grid,.meteorite-config-op-grid,.meteorite-os-mod-grid,.meteorite-os-mode-grid,.meteorite-bt-os-profile-grid,.meteorite-bt-os-os-grid{flex-wrap:wrap;gap:6px;display:flex}.meteorite-config-op-grid,.meteorite-os-mod-grid,.meteorite-os-mode-grid,.meteorite-bt-os-profile-grid,.meteorite-bt-os-os-grid{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-3);padding:10px}.meteorite-config-op-grid{align-content:start;gap:8px;display:grid}.meteorite-config-op-group{gap:6px;min-width:0;display:grid}.meteorite-config-op-group-title{color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800;line-height:1.2}.meteorite-config-op-group-items{flex-wrap:wrap;gap:6px;display:flex}.os-behavior-option,.meteorite-config-op-option,.meteorite-os-mod-option,.meteorite-os-mode-option,.meteorite-bt-os-option{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-2);min-height:30px;color:var(--text-2);justify-content:center;align-items:center;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.meteorite-config-op-option,.meteorite-os-mod-option,.meteorite-os-mode-option,.meteorite-bt-os-option{background:var(--key-bg);color:color-mix(in srgb, var(--text) 84%, var(--text-2));box-shadow:0 2px 0 var(--key-shadow);transition:background 80ms,border-color 80ms,color 80ms,box-shadow 80ms,transform 60ms}.meteorite-os-mod-label{justify-content:center;align-items:center;gap:5px;line-height:1;display:inline-flex}.meteorite-os-mod-label.text{gap:6px;line-height:1.1}.meteorite-os-mod-key{justify-content:center;align-items:center;min-width:18px;display:inline-flex}.meteorite-os-mod-text{align-items:center;min-width:0;display:inline-flex}.meteorite-os-mod-separator{background:color-mix(in srgb, currentColor 28%, transparent);border-radius:999px;flex:0 0 1px;align-self:center;width:1px;height:1.15em}.meteorite-os-mod-label .modifier-key-symbol{color:currentColor;font-size:1.3em}.meteorite-os-mod-label .modifier-key-symbol.text{font-size:.9em}.meteorite-os-mod-label .modifier-key-logo{color:currentColor;width:1.14em;height:1.14em}.meteorite-os-mode-option .modifier-key-symbol{color:currentColor;font-size:1.28em}.meteorite-os-mode-option .modifier-key-logo,.meteorite-os-mode-option .key-icon-label svg,.meteorite-bt-os-option .key-icon-label svg{color:currentColor;width:1.16em;height:1.16em}.os-behavior-option:hover:not(:disabled),.meteorite-config-op-option:hover:not(:disabled),.meteorite-os-mod-option:hover:not(:disabled),.meteorite-os-mode-option:hover:not(:disabled),.meteorite-bt-os-option:hover:not(:disabled){border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.meteorite-config-op-option:hover:not(:disabled),.meteorite-os-mod-option:hover:not(:disabled),.meteorite-os-mode-option:hover:not(:disabled),.meteorite-bt-os-option:hover:not(:disabled){box-shadow:0 2px 0 var(--key-shadow), 0 0 0 2px var(--accent-glow)}.meteorite-config-op-option:active:not(:disabled),.meteorite-os-mod-option:active:not(:disabled),.meteorite-os-mode-option:active:not(:disabled),.meteorite-bt-os-option:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.os-behavior-option.active,.meteorite-config-op-option.active,.meteorite-os-mod-option.active,.meteorite-os-mode-option.active,.meteorite-bt-os-option.active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.meteorite-config-op-field,.meteorite-os-mod-field,.meteorite-os-mode-field,.meteorite-bt-os-field{gap:9px;display:grid}.param-editors>.meteorite-config-op-field:only-child,.param-editors>.meteorite-os-mod-field:only-child,.param-editors>.meteorite-os-mode-field:only-child,.param-editors>.meteorite-bt-os-field:only-child{grid-column:1/-1}.bluetooth-param-field{gap:9px;display:grid}.bluetooth-param-field.disabled{opacity:.62}.bluetooth-command-grid{grid-template-columns:repeat(auto-fill,minmax(40px,40px))}.bluetooth-profile-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr))}.bt-command-option{min-height:34px}@media (width<=1100px){.param-editors{grid-template-columns:repeat(2,minmax(210px,1fr))}.combos-workspace{grid-template-columns:var(--editor-left-pane-width) minmax(320px, 1fr)}.combo-list-pane{grid-row:1/span 3}.combo-inspector{grid-area:3/2}}@media (width<=900px){.live-shell{grid-template-rows:auto auto auto;height:auto;min-height:100vh}.live-header{flex-wrap:wrap;gap:10px;padding:10px 16px;display:flex}.header-left{flex-wrap:wrap;gap:8px}.header-actions{flex-wrap:wrap}.header-device{max-width:min(100%,240px)}.live-workspace{grid-template-rows:auto;grid-template-columns:1fr;row-gap:12px}.live-workspace.sidebar-compact{grid-template-columns:1fr}.live-sidebar,.keyboard-pane,.live-inspector{grid-area:auto/1}.workspace-resize-handle{display:none}.live-workspace.sidebar-compact .live-sidebar{align-items:stretch;padding:14px}.live-workspace.sidebar-compact .device-card,.live-workspace.sidebar-compact .live-sidebar .field{display:grid}.live-workspace.sidebar-compact .section-heading span{display:inline}.live-workspace.sidebar-compact .layer-panel input{display:block}.live-workspace.sidebar-compact .layer-name-display,.live-workspace.sidebar-compact .layer-panel-actions{display:flex}.live-workspace.sidebar-compact .section-heading{justify-content:space-between;margin:14px 0 9px;display:flex}.live-workspace.sidebar-compact .layer-list{justify-items:stretch}.live-workspace.sidebar-compact .layer-panel{grid-template-columns:32px minmax(0,1fr) 10px auto;justify-items:stretch;gap:6px;width:auto}.live-workspace.sidebar-compact .icon-row{flex-direction:row;justify-content:flex-start;display:flex}.live-workspace.sidebar-compact .sidebar-bottom{flex-direction:row;justify-content:flex-end;align-items:center}.param-editors,.param-editors.layer-param-editors{grid-template-columns:1fr}.keyboard-preview-stack,.keyboard-frame{min-width:var(--keyboard-frame-mobile-min-width,520px)}.combos-workspace{grid-template-rows:auto auto auto;grid-template-columns:1fr}.combo-list-pane,.combo-layout-pane,.combo-inspector{grid-area:auto/1}.combo-layout-pane{justify-content:start;overflow-x:auto}.combo-layout-pane .combo-layout-frame{min-width:var(--keyboard-frame-mobile-min-width,520px)}.combo-inspector-scroll{grid-template-columns:1fr}.combo-fields{border-right:0;border-bottom:1px solid var(--border);grid-template-columns:1fr}.combo-actions{flex-wrap:wrap}}