/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--spin-angle:0deg}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-sm:var(--radius-sm);--radius-md:var(--radius-md);--radius-lg:var(--radius-lg);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:var(--font-display);--font-body:var(--font-body);--spacing-1:var(--space-1)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.visible\!{visibility:visible!important}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.static\!{position:static!important}.sticky{position:sticky}.end-1{inset-inline-end:var(--spacing-1)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mt-1{margin-top:var(--spacing-1)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}@property --spin-angle{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--bg-app:#0b0b0f;--bg-app-glass:#0b0b0fcc;--bg-sidebar:#111116;--bg-card-solid:#17171e;--bg-card:#17171eb8;--bg-card-soft:#1b1b23;--bg-key:#1a1a21;--bg-key-border:#2c2c35;--border:#252530;--border-soft:#1f1f28;--text-primary:#f3f3f6;--text-secondary:#94949f;--text-tertiary:#5c5c68;--accent-1:#9a6b92;--accent-2:#d5a8cd;--accent-2-soft:#d5a8cd29;--cyan:#57c8ee;--blue:#5b8def;--track:#2a2a34;--green:#3ddc84;--logo-cyan:#00f8fe;--logo-magenta:#fb4f8d;--radius-lg:20px;--radius-md:14px;--radius-sm:8px;--font-display:"Rajdhani", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--glass-blur:20px;--z-base:0;--z-sticky-keyboard-zone:10;--z-sidebar:20;--z-dropdown:30;--z-inspector-scrim:35;--z-elevated-above-scrim:36;--z-mobile-toggle:40;--z-inspector-panel:40;--z-tooltip:60;--z-splash:500}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased}:root{--text-2xs:7px;--text-xs:9px;--text-sm:10.5px;--text-base-sm:11px;--text-body-sm:12px;--text-body:13px;--text-body-lg:14px;--text-title-sm:15.5px;--text-title:16px;--text-display-sm:19px;--text-display:22px;--text-display-lg:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--duration-fast:.15s;--duration-base:.25s;--duration-slow:.35s;--ease-out:ease-out;--ease-out-soft:cubic-bezier(.16, .7, .35, 1);--shadow-sm:0 4px 14px #00000059;--shadow-md:0 10px 26px #00000073;--shadow-lg:0 12px 32px #00000080;--shadow-xl:0 24px 50px #00000059;--blur-glass:var(--glass-blur);--blur-splash-scan:14px;--blur-splash-frame:3px}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body{height:100%;overflow:hidden}body{background:var(--bg-app);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}.bg-video{object-fit:cover;z-index:-1;opacity:.16;filter:blur(2px);pointer-events:none;width:100%;height:100%;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}.bg-video{display:none}}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input{font-family:inherit}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:4px}*{scrollbar-width:thin;scrollbar-color:var(--border-soft) transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-soft);background-clip:padding-box;border:2px solid #0000;border-radius:20px;transition:background .15s}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--accent-1), var(--accent-2));background-clip:padding-box}::-webkit-scrollbar-corner{background:0 0}@media (prefers-reduced-motion:reduce){#splashScreen{transition:none}.splash-frame,.splash-shape,.splash-scanlight,.splash-sheen{animation:none!important}.splash-frame{opacity:0}.splash-shape{fill-opacity:1;stroke-opacity:0;stroke-dashoffset:0}.splash-scanlight{display:none}.splash-sheen{opacity:.08}}.app{--sidebar-inset:16px;--sidebar-rail:252px;--app-gap:16px;--main-left:calc(var(--sidebar-inset) + var(--sidebar-rail) + var(--app-gap));gap:16px;height:100vh;display:flex}.app.sidebar-collapsed{--sidebar-rail:92px}.main{box-sizing:border-box;flex-direction:column;flex:1;gap:24px;min-width:0;height:100vh;padding:24px 32px 24px 0;display:flex;overflow:hidden}.qs-header{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.qs-header-controls{align-items:center;gap:10px;display:flex}.qs-header h2{font-family:var(--font-display);letter-spacing:1px;color:var(--text-primary);font-size:15px;font-weight:700}.page-view{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex;overflow-y:auto}.page-view.compact{padding-left:calc(50% - 550px);padding-right:calc(50% - 550px)}.page-view.compact .card{padding:18px 22px}.page-sub{color:var(--text-secondary);max-width:640px;margin-top:-8px;font-size:12.5px;line-height:1.5}.card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.15);flex-direction:column;padding:24px;display:flex;box-shadow:inset 0 1px #ffffff08}.card-title-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.card-title{align-items:center;gap:6px;font-size:15.5px;font-weight:700;display:flex}.info-dot{color:var(--text-tertiary);cursor:help}.card-desc{color:var(--text-secondary);margin-top:8px;font-size:12.5px;line-height:1.5}.selected-count{color:var(--cyan);margin-top:4px;font-size:11.5px;font-weight:600}.card-footer{color:var(--text-tertiary);margin-top:auto;padding-top:16px;font-size:11.5px}.card-footer .link{color:var(--cyan);cursor:pointer;font-weight:600}.card-footer .link:hover{text-decoration:underline}.card.dimmed .rt-group,.card.dimmed>.stepper,.card.dimmed>.range-input{opacity:.4;pointer-events:none}.remap-layout,.rgb-layout{grid-template-columns:1.5fr 1fr;align-items:stretch;gap:16px;display:grid}.icon-btn{width:28px;height:28px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.icon-btn:hover{background:var(--bg-card-soft);color:var(--text-primary)}.btn-primary-sm{background:linear-gradient(90deg,var(--accent-1),var(--accent-2));color:#fff;text-align:center;border-radius:999px;flex:1;padding:9px;font-size:12px;font-weight:600;transition:opacity .15s}.btn-primary-sm:hover{opacity:.9}.btn-primary-sm:disabled{opacity:.4;cursor:default}.btn-ghost-sm{background:var(--bg-card-soft);border:1px solid var(--border);width:34px;color:var(--text-secondary);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:flex}.btn-ghost-sm:hover{color:var(--text-primary)}.btn-outline{background:var(--bg-card-soft);border:1px solid var(--border);color:var(--text-primary);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600;transition:border-color .15s}.btn-outline:hover{border-color:var(--accent-2)}.dash-profile-actions .btn-ghost-sm{height:32px}.toggle-row{align-items:center;gap:9px;display:flex}.toggle-row span{color:var(--text-secondary);font-size:12px}.switch{flex-shrink:0;width:38px;height:21px;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.switch-track{background:var(--track);cursor:pointer;border-radius:999px;transition:background .18s;position:absolute;inset:0}.switch-track:after{content:"";background:#c7c7d1;border-radius:50%;width:17px;height:17px;transition:transform .18s,background .18s;position:absolute;top:2px;left:2px}.switch input:checked+.switch-track{background:linear-gradient(90deg,var(--accent-1),var(--accent-2))}.switch input:checked+.switch-track:after{background:#fff;transform:translate(17px)}.switch input:disabled+.switch-track{opacity:.45;cursor:not-allowed}.switch-illustration{background:var(--bg-app);border:1px solid var(--border-soft);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:flex-end;width:96px;padding:30px 0 12px;display:flex;position:relative;overflow:hidden}.switch-illustration.testing .sw-stem{animation:1.1s ease-in-out infinite stemTravel}.stepper{align-items:center;gap:10px;margin-top:18px;display:flex}.stepper.small{gap:7px;margin-top:0}.step-btn{background:var(--bg-card-soft);border:1px solid var(--border);width:30px;height:30px;color:var(--text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;transition:background .15s;display:flex}.stepper.small .step-btn{width:22px;height:22px;font-size:13px}.step-btn:hover{background:#242430}.step-btn:active{transform:scale(.9)}.step-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.step-value{text-align:center;background:var(--bg-app);border:1px solid var(--border-soft);font-family:var(--font-display);letter-spacing:.3px;border-radius:10px;flex:1;padding:8px 10px;font-size:15px;font-weight:700}.stepper.small .step-value{border-radius:7px;min-width:76px;padding:4px 8px;font-size:12px}.step-value-edit{cursor:text;justify-content:center;align-items:baseline;gap:4px;display:flex}.step-value-edit.disabled{cursor:not-allowed;opacity:.45}.step-value-edit .step-value-input{text-align:right;width:auto;min-width:3.5ch;max-width:7ch;color:inherit;font:inherit;letter-spacing:inherit;appearance:textfield;background:0 0;border:0;flex:0 auto;padding:0}.step-value-edit .step-value-input:focus{color:var(--cyan,var(--accent-2));outline:none}.step-value-edit:focus-within{border-color:var(--accent-2)}.step-value-edit .step-value-input:disabled{cursor:not-allowed}.step-value-unit{color:var(--text-tertiary);letter-spacing:0;flex-shrink:0;font-size:.85em;font-weight:600}.range-input{appearance:none;background:var(--track);cursor:pointer;border-radius:999px;width:100%;height:6px;margin-top:16px}.range-input::-webkit-slider-thumb{appearance:none;border:3px solid var(--accent-2);cursor:pointer;background:#fff;border-radius:50%;width:18px;height:18px;margin-top:-1px;box-shadow:0 2px 6px #0006}.range-input::-moz-range-thumb{border:3px solid var(--accent-2);cursor:pointer;background:#fff;border-radius:50%;width:16px;height:16px}.range-input::-moz-range-track{background:var(--track);border-radius:999px;height:6px}.range-input:disabled{opacity:.45;cursor:not-allowed}.range-labels{color:var(--text-tertiary);justify-content:space-between;margin-top:9px;font-size:11px;display:flex}.range-labels .mid{position:relative;left:-2%}.range-labels.three{justify-content:space-between;display:flex}.segmented{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:999px;gap:2px;padding:3px;display:flex}.seg-btn{color:var(--text-tertiary);border-radius:999px;padding:7px 18px;font-size:12.5px;font-weight:600;transition:all .15s}.seg-btn.active{background:var(--bg-card-soft);color:var(--text-primary);box-shadow:0 0 0 1px var(--border)}.segmented.full-width{width:100%}.segmented.full-width .seg-btn{text-align:center;flex:1}.select-input{background:var(--bg-card-soft);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:12.5px}.select-input:focus{border-color:var(--accent-2);outline:none}.cef-row select.select-input{flex:1}.dash-stat-select{width:100%;font-family:var(--font-display);color:var(--cyan);cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2357c8ee' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") 100% no-repeat;border:none;margin:0;padding:0 14px 0 0;font-size:14px;font-weight:700}.dash-stat-select:focus{outline:none}.dash-stat-select option{background:var(--bg-card-solid);color:var(--text-primary)}.toast{background:var(--bg-card-soft);border:1px solid var(--border);opacity:0;pointer-events:none;z-index:100;border-radius:999px;align-items:center;gap:9px;padding:12px 20px;font-size:13px;font-weight:600;transition:all .25s;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 12px 32px #00000080}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast .tick{background:var(--accent-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.sidebar{background:var(--bg-sidebar);border:1px solid var(--border-soft);border-radius:var(--radius-lg);z-index:20;flex-direction:column;flex-shrink:0;width:252px;height:calc(100vh - 32px);margin:16px 0 16px 16px;padding:22px 18px;transition:width .28s,padding .28s,transform .25s;display:flex;position:sticky;top:16px;box-shadow:0 24px 50px #00000059}.sidebar.collapsed{width:92px;padding:22px 12px}.sidebar-collapse-btn.has-tip{background:var(--bg-card);border:1px solid var(--border);width:28px;height:28px;color:var(--text-secondary);z-index:25;border-radius:50%;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:flex;position:absolute;top:30px;right:-14px;box-shadow:0 6px 16px #0006}.sidebar-collapse-btn:hover{color:var(--text-primary);border-color:var(--accent-2)}.sidebar-collapse-btn svg{transition:transform .3s}.sidebar.collapsed .sidebar-collapse-btn svg{transform:rotate(180deg)}.label{opacity:1;white-space:nowrap;max-width:180px;transition:opacity .16s,max-width .25s;overflow:hidden}.sidebar.collapsed .label{opacity:0;pointer-events:none;max-width:0}.sidebar-header{align-items:center;gap:10px;min-height:28px;margin-bottom:26px;display:flex}.sidebar.collapsed .sidebar-header{justify-content:center}.logo{width:100%;font-family:var(--font-display);letter-spacing:.3px;align-items:center;gap:0;font-size:19px;font-weight:700;display:flex}.logo-mark{opacity:0;flex-shrink:0;justify-content:center;align-items:center;width:0;height:26px;transition:opacity .16s,width .25s;display:flex;overflow:hidden}.sidebar.collapsed .logo-mark{opacity:1;width:26px}.logo-mark img{object-fit:contain;flex-shrink:0;width:26px;height:26px;display:block}.logo-word-wrap{align-items:center;gap:6px;width:100%;max-width:100%;display:flex}.logo-word{object-fit:contain;object-position:left center;flex-shrink:0;width:100%;height:auto;display:block}.section-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-tertiary);margin:18px 4px 10px;font-size:11px;font-weight:600;transition:all .25s}.sidebar.collapsed .section-label{opacity:1;background:var(--border-soft);max-width:none;height:1px;margin:16px 6px;padding:0;font-size:0;overflow:hidden}.profile-wrap{margin-bottom:8px;position:relative}.profile-card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-md);align-items:center;gap:10px;width:100%;padding:9px 10px;transition:border-color .15s;display:flex}.sidebar.collapsed .profile-card{justify-content:center;gap:0;padding:9px}.profile-card:hover{border-color:var(--border)}.avatar{background:linear-gradient(135deg,var(--cyan),var(--accent-2));color:#0b0b0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:relative}.avatar:after{content:"";border:2px solid var(--bg-card);background:#3ddc84;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.profile-info{text-align:left;flex:1;min-width:0}.profile-name{color:var(--text-secondary);white-space:nowrap;font-size:12.5px}.profile-name b{color:var(--text-primary);font-weight:600}.profile-tag{font-family:var(--font-display);letter-spacing:.4px;background:linear-gradient(90deg,#ffb35c,var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:700}.chevron-btn{color:var(--text-tertiary);flex-shrink:0;transition:transform .15s}.profile-wrap.open .chevron-btn{transform:rotate(180deg)}.sidebar.collapsed .chevron-btn{display:none}.device-status{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-md);align-items:center;gap:10px;width:100%;margin-bottom:16px;padding:9px 10px;display:flex}.sidebar.collapsed .device-status{justify-content:center;gap:0;padding:9px}.device-status-icon{background:var(--bg-app);border:1px solid var(--border-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:relative}.device-status-dot{border:2px solid var(--bg-card);background:#3ddc84;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px;box-shadow:0 0 4px #3ddc84}.device-status-info{text-align:left;flex:1;min-width:0}.device-status-name{font-family:var(--font-display);color:var(--cyan);letter-spacing:.3px;font-size:14px;font-weight:700}.device-status-conn{color:var(--text-secondary);white-space:nowrap;margin-top:1px;font-size:11px}.profile-dropdown{background:var(--bg-card-soft);border:1px solid var(--border);border-radius:var(--radius-md);opacity:0;pointer-events:none;z-index:30;padding:6px;transition:all .15s;position:absolute;top:calc(100% + 6px);left:0;right:0;transform:translateY(-6px);box-shadow:0 12px 28px #00000073}.sidebar.collapsed .profile-dropdown{width:200px;top:0;left:calc(100% + 10px);right:auto}.profile-wrap.open .profile-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.sidebar.collapsed .profile-wrap.open .profile-dropdown{transform:translate(0)}.profile-option{width:100%;color:var(--text-secondary);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;display:flex}.profile-option:hover{background:var(--bg-card);color:var(--text-primary)}.profile-option.selected{color:var(--text-primary)}.profile-option .check{color:var(--accent-2);font-size:12px}.nav-list{flex-direction:column;gap:3px;display:flex}.nav-item{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);text-align:left;align-items:center;gap:11px;padding:10px 12px;font-size:13.5px;font-weight:500;transition:background .15s,color .15s,padding .25s,justify-content .25s;display:flex;position:relative}.sidebar.collapsed .nav-item{justify-content:center;gap:0;padding:10px}.nav-item svg{opacity:.85;flex-shrink:0}.nav-item:hover{background:var(--bg-card-soft);color:var(--text-primary)}.nav-item.active{color:#fff;background:linear-gradient(90deg, transparent -20%, var(--accent-1) 40%, var(--accent-2) 130%);font-weight:600}.nav-item.active svg{opacity:1}.sidebar-footer{margin-top:auto;padding-top:16px}.lang-select-wrap{position:relative}.lang-select{border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:11px;width:100%;padding:10px 12px;font-size:12.5px;transition:justify-content .25s;display:flex}.sidebar.collapsed .lang-select{justify-content:center;gap:0;padding:10px}.sidebar.collapsed .lang-chevron{display:none}.lang-select:hover{background:var(--bg-card-soft);color:var(--text-primary)}.lang-chevron{transition:transform .15s}.lang-select-wrap.open .lang-chevron{transform:rotate(180deg)}.lang-dropdown{background:var(--bg-card-soft);border:1px solid var(--border);border-radius:var(--radius-md);opacity:0;pointer-events:none;z-index:30;padding:6px;transition:all .15s;position:absolute;bottom:calc(100% + 6px);left:0;right:0;transform:translateY(6px);box-shadow:0 -12px 28px #00000073}.sidebar.collapsed .lang-dropdown{width:160px;bottom:0;left:calc(100% + 10px);right:auto}.lang-select-wrap.open .lang-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.sidebar.collapsed .lang-select-wrap.open .lang-dropdown{transform:translate(0)}.lang-option{width:100%;color:var(--text-secondary);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;display:flex}.lang-option:hover{background:var(--bg-card);color:var(--text-primary)}.lang-option.selected{color:var(--text-primary)}.lang-option .check{color:var(--accent-2);font-size:12px}.version{color:var(--text-tertiary);text-align:center;margin-top:12px;font-size:10.5px}.has-tip{position:relative}.tip{border:1px solid var(--border);color:var(--text-primary);white-space:nowrap;opacity:0;pointer-events:none;z-index:60;background:#1c1c24;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:600;transition:opacity .15s,transform .15s;position:absolute;top:50%;left:calc(100% + 14px);transform:translate(-6px,-50%);box-shadow:0 10px 26px #00000073}.tip:before{content:"";border-left:1px solid var(--border);border-bottom:1px solid var(--border);background:#1c1c24;width:8px;height:8px;position:absolute;top:50%;left:-4px;transform:translateY(-50%)rotate(45deg)}.sidebar.collapsed .nav-item.has-tip:hover .tip,.sidebar.collapsed .profile-wrap.has-tip:hover .tip,.sidebar.collapsed .lang-select-wrap.has-tip:hover .tip,.sidebar.collapsed .device-status.has-tip:hover .tip{opacity:1;transform:translateY(-50%)}.sidebar-collapse-btn.has-tip .tip{left:calc(100% + 10px)}.sidebar-collapse-btn.has-tip:hover .tip{opacity:1;transform:translateY(-50%)}.sidebar-toggle{z-index:40;background:var(--bg-card);border:1px solid var(--border);width:38px;height:38px;color:var(--text-primary);border-radius:10px;justify-content:center;align-items:center;transition:left .25s,background .15s,border-color .15s;display:none;position:fixed;top:16px;left:16px}.sidebar-toggle.open{left:194px}.toggle-icon{opacity:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.toggle-icon svg{width:18px;height:18px}.toggle-icon-brand img,.toggle-icon-brand svg{object-fit:contain;width:20px;height:20px;display:block}.toggle-icon-brand{opacity:1}.sidebar-toggle.open .toggle-icon-brand{opacity:0}.sidebar-toggle.open .toggle-icon-close{opacity:1}.sidebar-scrim{display:none}.connection{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-soft);border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 10px;font-size:12px;display:flex}.connection .dot{background:#3ddc84;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #3ddc84}.selection-bar{scrollbar-width:none}.selection-bar::-webkit-scrollbar{display:none}.sticky-keyboard-zone{z-index:var(--z-sticky-keyboard-zone,10);background:var(--bg-app-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(var(--glass-blur));--keyboard-card-pad-x:32px;--keyboard-card-pad-y:32px;--keyboard-max-width:1000px;flex-direction:column;flex-shrink:0;gap:16px;padding:16px;display:flex;position:relative}.keyboard-card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--keyboard-card-pad-y) var(--keyboard-card-pad-x);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.15);flex-direction:column;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #ffffff08}.keyboard{--krow-gap:7px;width:100%;max-width:var(--keyboard-max-width);gap:var(--krow-gap);flex-direction:column;display:flex}.keyboard.mode-rgb-paint .key{cursor:crosshair}.krow{gap:var(--krow-gap);display:flex}.key{background:var(--bg-key);border:1px solid var(--bg-key-border);height:44px;color:var(--text-secondary);-webkit-user-select:none;user-select:none;letter-spacing:.2px;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:500;transition:background .12s,border-color .12s,color .12s,transform 80ms;display:flex;box-shadow:inset 0 -2px #00000059,0 1px #ffffff05}.key:hover{color:var(--text-primary);border-color:#3a3a45}.key:active{transform:translateY(1px)}.key{position:relative}.key.selected{background:linear-gradient(160deg,#e5c0dc,var(--accent-2));color:#fff;border-color:#e8c8e0;font-weight:700;box-shadow:0 0 0 1px #d5a8cd59,0 4px 14px #d5a8cd59,inset 0 -2px #0003}.key.cal-pending{background:var(--bg-key);color:var(--text-tertiary)}.key.cal-active{color:#241300;background:linear-gradient(160deg,#ffd77a,#ff9f43);border-color:#ffce85;font-weight:700;animation:.9s ease-in-out infinite calPulse}.key.cal-done{color:#04210f;background:linear-gradient(160deg,#5be89e,#1f9d5c);border-color:#5be89e;font-weight:600}.key.remap-target{background:linear-gradient(160deg,#8fe2ff,var(--cyan));color:#04202b;border-color:#a5e6ff;font-weight:700;box-shadow:0 0 0 1px #57c8ee73,0 4px 14px #57c8ee59}.key.remap-drop-hover{box-shadow:0 0 0 2px var(--cyan),0 0 18px #57c8ee8c;border-color:#c8f0ff}.keyboard.keyboard--remap-drop .key:not(.remap-drop-hover){opacity:.92}.key .remap-tag{letter-spacing:.2px;color:var(--cyan);text-transform:uppercase;font-size:7px;font-weight:700;position:absolute;bottom:2px;right:4px}.key.adv-pair:not(.remap-target){border-color:var(--cyan)}@supports (color:color-mix(in lab, red, red)){.key.adv-pair:not(.remap-target){border-color:color-mix(in srgb,var(--cyan) 55%,var(--border))}}.key.adv-pair:not(.remap-target){box-shadow:inset 0 0 0 1px var(--cyan)}@supports (color:color-mix(in lab, red, red)){.key.adv-pair:not(.remap-target){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cyan) 22%,transparent)}}.key.adv-pair .remap-tag{color:var(--cyan)}.key.adv-pair-key2:not(.remap-target) .remap-tag{opacity:.9}.key.adv-pair.remap-target{background:linear-gradient(160deg,#8fe2ff,var(--cyan));color:#04202b;border-color:#a5e6ff;font-weight:700;box-shadow:0 0 0 1px #57c8ee73,0 4px 14px #57c8ee59}.key.adv-pair.remap-target .remap-tag{color:#04202b}.key .ktl-act,.key .ktl-press,.key .ktl-release{letter-spacing:-.2px;white-space:nowrap;font-size:7.5px;font-weight:700;line-height:1;position:absolute}.key .ktl-act{color:var(--cyan);top:4px;left:50%;transform:translate(-50%)}.key .ktl-press{color:var(--blue);bottom:4px;left:3px}.key .ktl-release{color:#3ddc84;bottom:4px;right:3px}.keyboard.mode-trigger .key{height:58px}.keyboard.mode-calibration .key{flex-direction:column;justify-content:center;gap:2px;padding:3px 2px;overflow:hidden}.keyboard.mode-calibration .key-cap-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.1;overflow:hidden}.keyboard.mode-calibration .ktl-adc{text-overflow:clip;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.3px;max-width:100%;color:var(--cyan);text-align:center;font-size:10px;font-weight:700;line-height:1;display:block;overflow:hidden}.keyboard.mode-calibration .key.cal-active .ktl-adc{color:#241300}.keyboard.mode-calibration .key.cal-done .ktl-adc{color:#04210f}.keyboard.fx-static .key,.keyboard.fx-breathing .key,.keyboard.fx-reactive .key{background:var(--rgb-color,var(--accent-2));color:#ffffffd9;border-color:#0000}.keyboard.fx-breathing .key{animation:kbBreathe var(--fx-speed,1.8s) ease-in-out infinite}@keyframes kbBreathe{0%,to{opacity:1}50%{opacity:.3}}.keyboard.fx-wave .key{background:var(--rgb-color,var(--accent-2));color:#ffffffd9;animation:kbWaveKey var(--fx-speed,2.2s) ease-in-out infinite;border-color:#0000}@keyframes kbWaveKey{0%,to{opacity:.22}50%{opacity:1}}.keyboard.fx-rainbow .key{border-color:#0000;font-weight:600}.keyboard.fx-off .key{color:var(--text-tertiary);border-color:var(--bg-key-border);background:#141419}.keyboard.fx-reactive .key{background:var(--bg-key);color:var(--text-secondary)}.keyboard.fx-reactive .key.flash{background:var(--rgb-color,var(--accent-2));color:#fff;transition:background 50ms}.keyboard.fx-ripple .key{background:var(--bg-key)}.keyboard.fx-ripple .key.flash{background:var(--rgb-color,var(--accent-2));color:#fff;transition:background .6s ease-out}.keyboard.fx-doublewave .key{background:var(--rgb-color,var(--accent-2));color:#ffffffd9;animation:kbWaveKey var(--fx-speed,2.2s) ease-in-out infinite;border-color:#0000}.keyboard.fx-flow .key{background:var(--rgb-color,var(--accent-2));color:#ffffffd9;animation:flowHue var(--fx-speed,4s) linear infinite;border-color:#0000}.keyboard.fx-clouddrift .key{background:var(--rgb-color,var(--accent-2));color:#ffffffb3;filter:blur(.2px);border-color:#0000;animation:5s ease-in-out infinite cloudPulse}.keyboard.fx-neon .key{background:var(--bg-key);border-color:var(--rgb-color,var(--accent-2));color:var(--rgb-color,var(--accent-2));box-shadow:0 0 8px var(--rgb-color,var(--accent-2)), inset 0 0 6px #ffffff0f;animation:neonFlicker var(--fx-speed,1.8s) ease-in-out infinite;font-weight:700}.keyboard.fx-rotation .key,.keyboard.fx-singlepoint .key,.keyboard.fx-ushape .key{background:var(--bg-key);border-color:var(--bg-key-border);color:var(--text-tertiary)}.keyboard.fx-ushape .key{opacity:.3}.keyboard.fx-rotation .key.on-path,.keyboard.fx-singlepoint .key.sp-path{background:var(--rgb-color,var(--accent-2));color:#fff;animation:chaseBlip var(--fx-speed,3s) linear infinite;border-color:#0000}.keyboard.fx-ushape .key.on-u{background:var(--rgb-color,var(--accent-2));color:#fff;opacity:.55;border-color:#0000}.keyboard.fx-ushape .key.on-u.u-chase{animation:chaseBlip var(--fx-speed,3s) linear infinite;opacity:1}.keyboard.fx-blooming .key,.keyboard.fx-converge .key{background:var(--rgb-color,var(--accent-2));color:#ffffffd9;animation:bloomPulse var(--fx-speed,2.4s) ease-out infinite;border-color:#0000}.keyboard.fx-starry .key{background:var(--bg-key);border-color:var(--bg-key-border);color:var(--text-tertiary)}.keyboard.fx-starry .key.twinkle{background:var(--rgb-color,var(--accent-2));color:#fff;border-color:#0000;animation:2.2s ease-in-out infinite starTwinkle}.keyboard.fx-rain .key{background:var(--bg-key);border-color:var(--bg-key-border);color:var(--text-tertiary)}.keyboard.fx-rain .key.rain-drop{background:var(--rgb-color,var(--accent-2));color:#fff;animation:rainFall var(--fx-speed,1.6s) linear infinite;border-color:#0000}.keyboard-hint{color:var(--text-secondary);box-sizing:border-box;width:100%;max-width:calc(var(--keyboard-max-width) + 2 * var(--keyboard-card-pad-x) + 2px);padding-inline:calc(var(--keyboard-card-pad-x) + 1px);align-items:center;gap:8px;margin-inline:auto;font-size:12px;display:flex}.keyboard-hint .hint-dot{background:var(--cyan);border-radius:50%;flex-shrink:0;width:6px;height:6px}.trigger-value-bar{border-top:1px solid var(--border-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;width:100%;margin-top:16px;margin-bottom:-16px;padding-top:10px;display:flex}.trigger-value-bar[hidden]{display:none}.tvb-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.tvb-item b{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.2px;font-size:13px;font-weight:700}.tvb-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.tvb-actuation .tvb-dot{background:var(--cyan)}.tvb-press .tvb-dot{background:var(--blue)}.tvb-release .tvb-dot{background:#3ddc84}.selection-bar{background:var(--bg-card);border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.15);border-radius:999px;align-items:stretch;gap:4px;padding:4px;display:flex}.selection-bar[hidden]{display:none}.sel-tab{color:var(--text-secondary);border-radius:999px;flex:1.4;padding:11px 20px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.selection-bar .sel-tab:not(:first-child){flex:1;font-weight:500}.sel-tab:hover{color:var(--text-primary)}.sel-tab.active{color:#fff;background:linear-gradient(90deg, #d5a8cd00 -30%, var(--accent-1) 35%, var(--accent-2) 130%)}.selection-bar--vertical{border-radius:16px;flex-direction:column;flex-shrink:0;align-self:stretch;align-items:stretch;gap:4px;width:88px;min-height:240px;padding:6px}.selection-bar--vertical .sel-tab,.selection-bar--vertical .sel-tab:not(:first-child){text-align:center;white-space:normal;border-radius:12px;flex:auto;min-height:36px;padding:8px 6px;font-size:11px;font-weight:600;line-height:1.2}body.adv-inspector-active .sticky-keyboard-zone{z-index:36;position:relative}body.adv-inspector-active:has(.adv-inspector.dual-listening) .sticky-keyboard-zone{z-index:41}.key-picker{margin-top:14px;container-type:inline-size}.key-picker-tabs{margin-bottom:10px}.dks-bind-row .key-picker{margin-top:12px}.keyboard-card{z-index:0;position:relative}.remap-current{background:var(--bg-app);border:1px solid var(--border-soft);border-radius:var(--radius-md);text-align:center;padding:16px}.remap-current .rk-label{color:var(--text-tertiary);letter-spacing:.6px;text-transform:uppercase;font-size:10.5px}.remap-current .rk-value{font-family:var(--font-display);margin-top:6px;font-size:24px;font-weight:700}.remap-current .rk-current{color:var(--cyan);margin-top:6px;font-size:11.5px}.remap-edit-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;display:flex}.remap-edit-info{align-items:center;gap:12px;display:flex}.remap-edit-key{font-family:var(--font-display);letter-spacing:.4px;color:var(--text-primary);font-size:32px;font-weight:700;line-height:1}.remap-listen-hint{background:#57c8ee1a;border:1px solid #57c8ee59;border-radius:10px;align-items:flex-start;gap:10px;max-width:320px;padding:10px 12px;display:flex}.remap-listen-hint__pulse{background:var(--cyan);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px;animation:1.4s ease-out infinite remapListenPulse;box-shadow:0 0 #57c8ee8c}@keyframes remapListenPulse{0%{box-shadow:0 0 #57c8ee8c}70%{box-shadow:0 0 0 8px #57c8ee00}to{box-shadow:0 0 #57c8ee00}}@media (prefers-reduced-motion:reduce){.remap-listen-hint__pulse{animation:none}}.remap-listen-hint__body{min-width:0}.remap-listen-hint__title{color:var(--cyan);letter-spacing:.2px;font-size:12px;font-weight:700}.remap-listen-hint__text{color:var(--text-secondary);margin-top:3px;font-size:11.5px;line-height:1.4}.remap-options{grid-template-columns:repeat(9,minmax(0,1fr));align-content:start;gap:8px;max-height:min(48vh,360px);display:grid;overflow-y:auto}.remap-opt{border:1px solid var(--border-soft);color:var(--text-secondary);text-align:center;background:#ffffff0d;border-radius:6px;padding:8px 10px;font-size:12px;font-weight:600;transition:all .15s}.remap-options .remap-opt{aspect-ratio:1;white-space:normal;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;padding:3px 2px;font-size:clamp(9px,1.4cqi,13px);line-height:1.1;display:inline-flex;overflow:hidden}.remap-opt--draggable{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.remap-opt--draggable:active{cursor:grabbing}.remap-opt:hover{border-color:var(--border);color:var(--text-primary);background:#ffffff14}.remap-opt.selected{background:linear-gradient(160deg,#1a6d85,var(--cyan));color:#04202b;border-color:#0000}.remap-empty{color:var(--text-secondary);text-align:center;padding:30px 10px;font-size:12.5px}.fn-toggle-row{border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;margin-top:2px;padding-top:16px;display:flex}.remap-list{flex-direction:column;gap:6px;max-height:150px;margin-top:14px;display:flex;overflow-y:auto}.remap-row{background:var(--bg-app);border:1px solid var(--border-soft);text-align:left;width:100%;color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:11.5px;transition:border-color .15s,color .15s;display:flex}.remap-row:hover,.remap-row.active{border-color:var(--border);color:var(--text-primary)}.remap-from{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.remap-arrow{color:var(--text-tertiary);flex-shrink:0}.remap-to{color:var(--cyan);text-overflow:ellipsis;white-space:nowrap;text-align:right;min-width:0;margin-left:auto;font-weight:600;overflow:hidden}.remap-options,.remap-list{scrollbar-width:thin}.remap-options::-webkit-scrollbar{width:6px}.remap-list::-webkit-scrollbar{width:6px}.remap-options::-webkit-scrollbar-thumb{border-width:1px;border-radius:999px}.remap-list::-webkit-scrollbar-thumb{border-width:1px;border-radius:999px}.remap-list-item{background:var(--bg-app);border:1px solid var(--border-soft);border-radius:8px;justify-content:space-between;align-items:center;padding:7px 10px;font-size:11.5px;display:flex}.remap-list-item b{color:var(--text-primary)}.remap-list-item .to{color:var(--cyan)}.remap-list-item button{color:var(--text-tertiary);font-size:13px}.remap-list-item button:hover{color:var(--accent-2)}.remap-list-empty{color:var(--text-tertiary);text-align:center;padding:10px 0;font-size:11.5px}.dks-bind-row .remap-options{max-height:min(36vh,280px)}.key-picker .key-picker-tabs .seg-btn{white-space:nowrap;padding:7px 10px;font-size:11.5px}.remap-drag-ghost{z-index:80;pointer-events:none;background:linear-gradient(160deg,#8fe2ff,var(--cyan));color:#04202b;white-space:nowrap;border:1px solid #a5e6ffcc;border-radius:10px;padding:8px 14px;font-size:12px;font-weight:700;position:fixed;transform:translate(-50%,-50%);box-shadow:0 8px 24px #57c8ee59}.remap-drag-ghost__label{display:block}#page-remap.page-view.compact{padding-left:calc(50% - 720px);padding-right:calc(50% - 720px)}#page-remap{gap:8px;overflow:hidden auto}#page-remap .qs-header{justify-content:flex-end}#page-remap.page-view.compact .card{padding:14px 18px}#page-remap .remap-layout>.card:first-child,#page-remap .remap-keyboard-card{padding:10px 14px}#page-remap .remap-keyboard-card{flex-direction:column;gap:10px;display:flex}#page-remap .remap-keyboard-card__picker{border-top:1px solid var(--border-soft);padding-top:10px}#page-remap .remap-keyboard-card__picker .key-picker-tabs{margin-bottom:6px}#page-remap .remap-status-bar{border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:var(--bg-card);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.15);flex-wrap:nowrap;align-items:center;gap:12px;min-width:0;padding:8px 14px;display:flex;box-shadow:inset 0 1px #ffffff08}#page-remap .remap-status-bar__label{color:var(--text-primary);white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:700}#page-remap .remap-status-bar__main{flex:auto;align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}#page-remap .remap-status-bar__hint{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}#page-remap .remap-status-bar__actions{scrollbar-width:none;flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}#page-remap .remap-status-bar__actions::-webkit-scrollbar{display:none}#page-remap .remap-status-bar__actions .btn-outline,#page-remap .remap-status-bar__actions .btn-primary-sm{white-space:nowrap;flex:none;width:auto;max-width:max-content}#page-remap .remap-status-bar__actions .btn-outline{border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600}#page-remap .remap-status-bar__actions .btn-primary-sm{padding:5px 14px;font-size:11px;font-weight:700}#page-remap .remap-layout{flex:auto;align-items:stretch;gap:10px;min-height:min-content}#page-remap .remap-layout--editor-only{grid-template-columns:1fr}#page-remap .remap-layout>.card{flex-direction:column;min-height:0;display:flex;overflow:visible}#page-remap .remap-layout>.card .card-title-row,#page-remap .remap-layout>.card .card-desc,#page-remap .remap-layout>.card .card-footer{flex-shrink:0}#page-remap .remap-edit-key{min-width:36px;font-family:var(--font-display);letter-spacing:.3px;color:var(--text-primary);text-align:center;border:1px solid var(--border-soft);background:#ffffff0a;border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:18px;font-weight:700;line-height:1.2}#page-remap .remap-edit-meta{min-width:0;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;margin:0;font-size:11.5px;line-height:1.3;overflow:hidden}#page-remap .remap-edit-meta b{color:var(--cyan);font-weight:600}#page-remap .remap-listen-hint{border-radius:6px;flex:none;align-items:center;gap:6px;width:max-content;max-width:100%;margin:0;padding:4px 8px}#page-remap .remap-listen-hint__pulse{flex-shrink:0;width:6px;height:6px;margin-top:0}#page-remap .remap-listen-hint__text{color:var(--text-secondary);white-space:nowrap;margin:0;font-size:10.5px;line-height:1.25}#page-remap .remap-empty{padding:16px 8px;font-size:12px}#page-remap .key-picker{margin-top:0}#page-remap .remap-options{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));align-content:start;gap:3px;max-height:none;display:grid;overflow:visible}#page-remap .remap-options .remap-opt{aspect-ratio:unset;white-space:nowrap;text-overflow:ellipsis;word-break:normal;-webkit-hyphens:none;hyphens:none;border-radius:4px;width:auto;height:auto;min-height:26px;padding:3px 4px;font-size:10px;line-height:1.15;overflow:hidden}@media (width<=960px){#page-remap .remap-status-bar{flex-wrap:wrap;padding:8px 12px}#page-remap .remap-status-bar__main{flex:100%;order:2}#page-remap .remap-status-bar__actions{flex:100%;order:3;justify-content:flex-start}#page-remap .remap-listen-hint{width:max-content;max-width:100%}#page-remap .remap-listen-hint__text{white-space:normal}}#page-remap .remap-108-keyboard{width:100%;max-width:none;overflow:visible}#page-remap .remap-108-keyboard__board{gap:var(--krow-gap);flex-direction:column;width:100%;display:flex}#page-remap .remap-108-keyboard__spacer{flex-shrink:0}#page-remap .keyboard .key.key--tall{z-index:1;margin-bottom:calc(-1 * (44px + var(--krow-gap)));align-self:flex-start;position:relative}.adv-inspector{left:var(--main-left,284px);bottom:0;right:20px;top:var(--adv-inspector-top,auto);width:auto;max-width:none;max-height:var(--adv-inspector-max-h,min(78vh,860px));z-index:40;background:var(--bg-card-solid);border:1px solid var(--border-soft);border-bottom:none;border-radius:18px 18px 0 0;flex-direction:column;transition:transform .32s cubic-bezier(.22,1,.36,1),left .28s;display:flex;position:fixed;transform:translateY(100%);box-shadow:0 -24px 56px #00000080}.adv-inspector.open{transform:translateY(0)}.adv-inspector-header{border-bottom:1px solid var(--border-soft);flex-direction:column;flex-shrink:0;padding:10px 22px 14px;display:flex}.adv-inspector-handle{background:var(--border);border-radius:999px;width:40px;height:4px;margin:0 auto 10px}.adv-inspector-header-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.adv-inspector-title{white-space:nowrap;font-family:var(--font-display);flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:10px;font-size:15.5px;font-weight:700;display:flex}.adv-inspector-title .adv-mode-badge{border-radius:6px;flex-shrink:0;height:24px;padding:4px 10px;font-size:11.5px}.adv-inspector-close{background:var(--bg-card-soft);border:1px solid var(--border);width:30px;height:30px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:flex}.adv-inspector-close:hover{color:var(--text-primary);border-color:var(--border)}.adv-inspector-body{flex:1;min-height:0;padding:22px 24px 32px;overflow-y:auto}.adv-sheet-layout{grid-template-columns:minmax(180px,240px) minmax(0,1fr);align-items:start;gap:24px 32px;display:grid}.adv-sheet-layout.dks{grid-template-columns:minmax(180px,220px) minmax(0,1fr)}.adv-sheet-layout.dual-key{grid-template-columns:minmax(0,1fr)}.adv-sheet-layout.dual-key .adv-sheet-main{width:100%;max-width:720px;margin:0 auto}.adv-sheet-aside{background:var(--bg-card-solid);border:1px solid var(--border-soft);border-radius:12px;flex-direction:column;gap:16px;padding:16px;display:flex;position:sticky;top:0}.adv-sheet-actions{flex-direction:column;gap:8px;margin-top:4px;display:flex}.adv-sheet-actions .btn-primary-sm,.adv-sheet-actions .btn-outline{width:100%;padding:9px 12px;font-size:12.5px;font-weight:700}.adv-sheet-mode{flex-direction:column;gap:12px;display:flex}.adv-sheet-mode .adv-mode-badge{border-radius:8px;align-self:flex-start;width:auto;padding:6px 14px}.adv-sheet-mode-full{color:var(--text-primary);font-size:14px;font-weight:700}.adv-sheet-mode-meta .card-desc{margin-top:6px}.adv-trigger-slot{aspect-ratio:1;width:56px;height:56px;font-family:var(--font-display);letter-spacing:.5px;background:linear-gradient(145deg, var(--bg-card-soft), #ffffff05);border:1.5px solid var(--border);color:var(--text-primary);border-radius:12px;justify-content:center;align-items:center;margin:0 auto;font-size:16px;font-weight:700;display:flex;box-shadow:inset 0 2px 4px #0003}.adv-trigger-slot.empty{color:var(--text-secondary);border:1.5px dashed var(--accent-2);background:0 0}button.adv-trigger-slot{cursor:pointer;font:inherit;padding:0}button.adv-trigger-slot:hover{border-color:var(--border);background:#ffffff0f}button.adv-trigger-slot.active{border-color:var(--cyan)}@supports (color:color-mix(in lab, red, red)){button.adv-trigger-slot.active{border-color:color-mix(in srgb, var(--cyan) 70%, var(--border))}}button.adv-trigger-slot.active{box-shadow:0 0 0 1px var(--cyan), inset 0 2px 4px #0003}@supports (color:color-mix(in lab, red, red)){button.adv-trigger-slot.active{box-shadow:0 0 0 1px color-mix(in srgb, var(--cyan) 35%, transparent), inset 0 2px 4px #0003}}button.adv-trigger-slot.active{color:var(--cyan)}.adv-sheet-main{min-width:0}.adv-sheet-placeholder{border:1px dashed var(--border-soft);background:#ffffff05;border-radius:12px;justify-content:center;align-items:center;min-height:220px;padding:32px;display:flex}.adv-inspector-scrim{inset:0;left:var(--main-left,284px);z-index:35;opacity:0;pointer-events:none;background:#00000047;transition:opacity .3s ease-out,left .28s;position:fixed}.adv-inspector-scrim.open{opacity:1;pointer-events:auto}#advModesCard{z-index:36;position:relative}.adv-mode-badge{width:100%;height:32px;font-family:var(--font-display);letter-spacing:.5px;background:var(--bg-key-border);color:var(--cyan);border-radius:7px;justify-content:center;align-items:center;font-size:12.5px;font-weight:700;transition:all .15s;display:flex}.effect-card.active .adv-mode-badge{background:linear-gradient(90deg,var(--accent-1),var(--accent-2));color:#fff}.adv-param-panel{border-top:none;margin-top:0;padding-top:0}.adv-param-group{margin-top:20px}.adv-param-group:first-child{margin-top:0}.adv-param-group-label{letter-spacing:.6px;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:8px;font-size:11px;font-weight:700}.socd-resolution-list{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.socd-res-option{text-align:left;background:var(--bg-card);border:1px solid var(--border-soft);width:100%;min-width:0;color:var(--text-secondary);border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;transition:border-color .15s,background .15s,color .15s;display:flex}.socd-res-option:hover{border-color:var(--border);color:var(--text-primary)}.socd-res-option.active{background:var(--bg-card-soft);border-color:var(--cyan);color:var(--text-primary);box-shadow:0 0 0 1px var(--cyan)}@supports (color:color-mix(in lab, red, red)){.socd-res-option.active{box-shadow:0 0 0 1px color-mix(in srgb,var(--cyan) 35%,transparent)}}.socd-res-title{letter-spacing:.2px;font-size:13px;font-weight:700}.socd-res-desc{font-size:var(--fs-tip);color:var(--text-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.socd-res-option.active .socd-res-desc{color:var(--text-secondary)}@media (height<=1080px){.adv-inspector.mode-socd .adv-inspector-header{padding:8px 18px 10px}.adv-inspector.mode-socd .adv-inspector-body{padding:14px 18px 16px;overflow:hidden}.adv-inspector.mode-socd .dual-key-panel-layout{gap:16px;margin-bottom:0}.adv-inspector.mode-socd .dual-key-col{gap:10px}.adv-inspector.mode-socd .dual-key-col>.card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden;font-size:13px!important}.adv-inspector.mode-socd .rs-key-box{border-radius:10px;width:48px;height:48px;font-size:15px}.adv-inspector.mode-socd .rs-key-swap{width:34px;height:34px;margin-top:6px;font-size:14px}.adv-inspector.mode-socd .dual-key-prompt-box{gap:10px;padding:10px 12px}.adv-inspector.mode-socd .dual-key-prompt-text{font-size:13px;line-height:1.35}.adv-inspector.mode-socd .dual-key-prompt-subtext{font-size:11.5px}.adv-inspector.mode-socd .adv-param-group{margin-top:10px}.adv-inspector.mode-socd .adv-param-group>.card-desc{-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:2px;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}.adv-inspector.mode-socd .socd-resolution-list{gap:6px;margin-top:6px}.adv-inspector.mode-socd .socd-res-option{border-radius:8px;padding:7px 10px}.adv-inspector.mode-socd .socd-res-title{font-size:12px}.adv-inspector.mode-socd .socd-res-desc{-webkit-line-clamp:2;font-size:10.5px;line-height:1.3}.adv-inspector.mode-socd .dual-key-actions{margin-top:10px;padding-top:10px}.adv-inspector.mode-socd .dual-key-actions .btn-primary-sm{padding:7px 18px;font-size:12px}}@media (height<=800px){.adv-inspector.mode-socd .adv-inspector-body{padding:10px 14px 12px}.adv-inspector.mode-socd .socd-res-desc{-webkit-line-clamp:1}.adv-inspector.mode-socd .dual-key-prompt-subtext{display:none}}.dks-setup-title{color:var(--text-primary);margin-bottom:6px;font-size:14px;font-weight:700}.dks-board{--dks-press:#ff7a1a;--dks-release:#3ddc84;--dks-node:22px;--dks-zone-pad-x:8px;flex-direction:column;gap:0;margin-top:14px;display:flex}.dks-board-head,.dks-board-meta,.dks-board-row{grid-template-columns:56px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:0;display:grid}.dks-board-col-title,.dks-board-meta-spacer,.dks-bind-chip{margin-right:10px}.dks-board-head{margin-bottom:8px}.dks-board-col-title,.dks-board-zone-title{letter-spacing:.04em;text-align:center;color:var(--text-secondary);font-size:12px;font-weight:700}.dks-board-zone-title.press{color:var(--dks-press)}.dks-board-zone-title.release{color:var(--dks-release)}.dks-board-zone-title.press{border-radius:14px 0 0}.dks-board-zone-title.release{border-radius:0 14px 0 0}.dks-board-meta{margin-bottom:0}.dks-board-meta-zone{border:1px solid var(--border-soft);padding:10px var(--dks-zone-pad-x,8px) 4px;background:#ffffff08;border-bottom:0;grid-template-columns:1fr 1fr;gap:0;display:grid}.dks-board-meta-zone.press{border-right:0;border-radius:14px 0 0}.dks-board-meta-zone.release{border-radius:0 14px 0 0}.dks-board-meta-col{flex-direction:column;align-items:center;gap:6px;display:flex}.dks-board-mm{color:var(--text-secondary);font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:2px;display:flex}.dks-board-mm input{text-align:center;width:52px;color:var(--text-primary);font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:0 0;border:0;padding:2px 0;font-size:13px;font-weight:700}.dks-board-mm input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.dks-board-mm input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dks-board-mm input:focus{color:var(--cyan);outline:none}.dks-board-mm span{color:var(--text-tertiary);font-size:11px}.dks-travel-icon{justify-content:center;align-items:center;width:28px;height:28px;display:flex}.dks-travel-icon.press{color:var(--dks-press)}.dks-travel-icon.release{color:var(--dks-release)}.dks-board-row{min-height:52px}.dks-board-row .dks-board-track{grid-column:2/-1}.dks-board-row:last-child .dks-board-track-bg.press{border-radius:0 0 0 14px}.dks-board-row:last-child .dks-board-track-bg.release{border-radius:0 0 14px}.dks-board-row:last-child .dks-board-track{min-height:66px;padding-bottom:14px}.dks-board-row:last-child .dks-board-track-bg{border-bottom:1px solid var(--border-soft)}.dks-bind-chip{border:1.5px solid var(--border);background:var(--bg-card-soft);width:40px;height:40px;color:var(--text-primary);font-family:var(--font-display);border-radius:10px;justify-content:center;justify-self:center;align-items:center;margin-top:6px;margin-bottom:6px;font-size:15px;font-weight:700;transition:border-color .15s,background .15s,color .15s,box-shadow .15s;display:flex}.dks-bind-chip.empty{color:#0000;background:0 0;border-style:solid;border-color:#ffffff24}.dks-bind-chip.active{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan)}@supports (color:color-mix(in lab, red, red)){.dks-bind-chip.active{box-shadow:0 0 0 1px color-mix(in srgb,var(--cyan) 40%,transparent)}}.dks-board-track{--dks-zone-pad-x:8px;min-height:52px;padding:4px var(--dks-zone-pad-x);grid-template-columns:repeat(4,minmax(0,1fr));place-items:center;gap:0;display:grid;position:relative}.dks-board-track-layer{pointer-events:none;z-index:0;position:absolute;inset:0}.dks-board-track-bg{background:#ffffff08;border-top:0;width:50%;position:absolute;top:0;bottom:0}.dks-board-track-bg.press{border-left:1px solid var(--border-soft);border-right:0;left:0}.dks-board-track-bg.release{border-left:1px solid var(--border-soft);border-right:1px solid var(--border-soft);right:0}.dks-board-row+.dks-board-row .dks-board-track-bg{border-top:0}.dks-board-track-rail{pointer-events:none;z-index:0;border-radius:2px;width:2px;position:absolute;top:0;bottom:0}.dks-board-track-rail.p0{left:calc(var(--dks-zone-pad-x) + (100% - 2 * var(--dks-zone-pad-x)) * .125);background:var(--dks-press);transform:translate(-50%)}.dks-board-track-rail.p1{left:calc(var(--dks-zone-pad-x) + (100% - 2 * var(--dks-zone-pad-x)) * .375);background:var(--dks-press);transform:translate(-50%)}.dks-board-track-rail.p2{left:calc(var(--dks-zone-pad-x) + (100% - 2 * var(--dks-zone-pad-x)) * .625);background:var(--dks-release);transform:translate(-50%)}.dks-board-track-rail.p3{left:calc(var(--dks-zone-pad-x) + (100% - 2 * var(--dks-zone-pad-x)) * .875);background:var(--dks-release);transform:translate(-50%)}.dks-node{z-index:1;width:var(--dks-node);height:var(--dks-node);color:#ffffffd9;background:#2a2a2e;border:1.5px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;font-size:14px;font-weight:600;line-height:1;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,border-radius .12s,width .12s;display:flex;position:relative}.dks-node span{pointer-events:none;transform:translateY(-.5px)}.dks-node:hover{border-color:#fff6}.dks-node.press.active{background:var(--dks-press);border-color:var(--dks-press);color:#111;box-shadow:0 0 10px var(--dks-press)}@supports (color:color-mix(in lab, red, red)){.dks-node.press.active{box-shadow:0 0 10px color-mix(in srgb,var(--dks-press) 45%,transparent)}}.dks-node.release.active{background:var(--dks-release);border-color:var(--dks-release);color:#111;box-shadow:0 0 10px var(--dks-release)}@supports (color:color-mix(in lab, red, red)){.dks-node.release.active{box-shadow:0 0 10px color-mix(in srgb,var(--dks-release) 45%,transparent)}}.dks-node.active.hold-left,.dks-node.active.hold-right{box-shadow:none}.dks-node.active.hold-right:not(.hold-left){width:calc(50% + var(--dks-node) / 2 + 1px);margin-left:calc(50% - var(--dks-node) / 2);border-radius:999px 0 0 999px;justify-self:start;margin-right:-1px}.dks-node.active.hold-left:not(.hold-right){width:calc(50% + var(--dks-node) / 2 + 1px);margin-right:calc(50% - var(--dks-node) / 2);border-radius:0 999px 999px 0;justify-self:end;margin-left:-1px}.dks-node.active.hold-left.hold-right{border-radius:0;justify-self:stretch;width:calc(100% + 2px);margin-left:-1px;margin-right:-1px}.dks-node.press.active.hold-left,.dks-node.press.active.hold-right,.dks-node.press.active.hold-left.hold-right{background:var(--dks-press);border-color:var(--dks-press)}.dks-node.release.active.hold-left,.dks-node.release.active.hold-right,.dks-node.release.active.hold-left.hold-right{background:var(--dks-release);border-color:var(--dks-release)}.dks-bind-picker{background:var(--bg-card-solid);border:1px solid var(--border-soft);border-radius:12px;flex-direction:column;gap:8px;min-width:0;min-height:0;padding:12px;display:flex}.dks-bind-picker .key-picker{flex-direction:column;flex:1;min-height:0;margin-top:4px;display:flex;container-type:inline-size}#page-advanced .remap-options{grid-template-columns:repeat(18,minmax(0,1fr));gap:4px}#page-advanced .remap-options .remap-opt{border-radius:4px;font-size:clamp(8px,1.1cqi,11px)}#page-advanced .adv-param-panel>.adv-param-group .key-picker{width:calc(66.6667% - 13.3333px);max-width:100%}.dks-bind-picker .remap-options{flex:1;grid-template-columns:repeat(18,minmax(0,1fr));gap:4px;min-height:180px;max-height:min(52vh,480px);overflow-y:auto}.dks-workspace{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:16px 20px;display:grid}.dks-workspace-main{min-width:0;max-width:100%}@media (width<=980px){.dks-workspace{grid-template-columns:1fr}.dks-bind-picker .remap-options{max-height:240px}#page-advanced .adv-param-panel>.adv-param-group .key-picker{width:100%}}@media (width<=720px){.dks-board-head,.dks-board-meta,.dks-board-row{grid-template-columns:48px 1fr}.dks-board-zone-title.release,.dks-board-meta-zone.release{grid-column:2}.dks-board-meta{flex-direction:column;gap:0;display:flex}.dks-board-meta-spacer{display:none}.dks-board-row .dks-board-track{grid-column:2;gap:8px 0}.dks-board-track{grid-template-columns:repeat(2,minmax(0,1fr))}}.dual-key-panel-layout{grid-template-columns:1fr 1fr;align-items:start;gap:32px;margin-bottom:8px;display:grid}@media (width<=900px){.dual-key-panel-layout{grid-template-columns:1fr;gap:20px}}.dual-key-col{flex-direction:column;gap:20px;display:flex}.dual-key-col>.adv-param-group{margin-top:0;margin-bottom:0}.dual-key-actions{border-top:1px solid var(--border-soft);flex-direction:row;justify-content:flex-end;max-width:none;margin-top:16px;padding-top:16px;display:flex}.dual-key-actions .btn-primary-sm{width:auto;padding:9px 24px}.rs-key-bind-row{justify-content:center;align-items:flex-start;gap:12px;margin:0;display:flex}.rs-key-slot{flex-direction:column;align-items:center;gap:6px;min-width:72px;display:flex;position:relative}.rs-key-box{border:1px solid var(--border);background:var(--bg-card-soft);width:60px;height:60px;font-family:var(--font-display);color:var(--text-primary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:border-color .15s,box-shadow .15s,background .15s,color .15s;display:flex}.rs-key-box.empty{color:var(--text-tertiary);background:var(--bg-card)}.rs-key-box.static{cursor:default}.rs-key-box:not(.static):hover{border-color:var(--border);background:#ffffff0f}.rs-key-box.active{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 0 2px var(--cyan)}@supports (color:color-mix(in lab, red, red)){.rs-key-box.active{box-shadow:0 0 0 2px color-mix(in srgb,var(--cyan) 35%,transparent)}}.rs-key-box.active{background:var(--cyan)}@supports (color:color-mix(in lab, red, red)){.rs-key-box.active{background:color-mix(in srgb,var(--cyan) 12%,var(--bg-card-soft))}}.rs-key-slot-label{letter-spacing:.5px;text-transform:uppercase;color:var(--text-tertiary);font-size:10px;font-weight:700}.rs-key-slot:has(.rs-key-box.active) .rs-key-slot-label{color:var(--cyan)}.rs-key-clear{background:var(--accent-2);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;line-height:1;display:flex;position:absolute;top:0;right:-4px}.rs-key-swap{border:1px solid var(--border);background:var(--bg-card-soft);width:40px;height:40px;color:var(--text-primary);border-radius:50%;align-self:center;margin-top:10px;font-size:16px;transition:transform .15s,background .15s}.rs-key-swap:hover:not(:disabled){background:var(--bg-hover);transform:scale(1.05)}.rs-key-swap:disabled{opacity:.35;cursor:not-allowed}.dual-key-prompt-box{border:1px solid var(--border-soft);background:#ffffff08;border-radius:12px;align-items:flex-start;gap:12px;margin:0;padding:14px 16px;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex}.dual-key-prompt-box.active{background:linear-gradient(135deg,#57c8ee14,#57c8ee05);border-color:#57c8ee4d;box-shadow:0 8px 32px #00000026,inset 0 1px 1px #ffffff0d}.dual-key-prompt-icon{background:var(--bg-card-soft);width:24px;height:24px;color:var(--text-tertiary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.dual-key-prompt-box.active .dual-key-prompt-icon{background:var(--cyan);color:#000;box-shadow:0 0 12px #57c8ee66}.dual-key-prompt-content{flex-direction:column;flex:1;justify-content:center;gap:6px;min-height:24px;display:flex}.dual-key-prompt-text{color:var(--text-primary);letter-spacing:.3px;font-size:15.5px;font-weight:600;line-height:1.45}.dual-key-prompt-subtext{color:var(--cyan);font-size:13px;font-weight:500;animation:2s infinite pulse-text}@keyframes pulse-text{0%{opacity:.7}50%{opacity:1;text-shadow:0 0 8px #57c8ee4d}to{opacity:.7}}.mpt-workspace{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:16px 20px;display:grid}.mpt-workspace-main{min-width:0;max-width:100%}.mpt-stage-keys{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:8px;display:grid}.mpt-stage-key{min-width:0}@media (width<=980px){.mpt-workspace{grid-template-columns:1fr}}#page-macro.page-view{gap:10px;overflow:hidden}#page-macro .qs-header{flex:none;justify-content:flex-end;margin-top:0}#page-macro .macro-workspace{flex-direction:column;flex:1;gap:10px;min-width:0;min-height:0;display:flex;overflow:hidden}#page-macro .macro-status-bar{border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:var(--bg-card);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.15);flex-wrap:nowrap;flex:none;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:8px 14px;display:flex;box-shadow:inset 0 1px #ffffff08}#page-macro .macro-status-bar__actions{scrollbar-width:none;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}#page-macro .macro-status-bar__actions--start{flex:auto;justify-content:flex-start;min-width:0}#page-macro .macro-status-bar__actions:not(.macro-status-bar__actions--start){justify-content:flex-end;margin-left:auto}#page-macro .macro-status-bar__actions::-webkit-scrollbar{display:none}#page-macro .macro-status-bar__actions .btn-outline,#page-macro .macro-status-bar__actions .btn-primary-sm{white-space:nowrap;flex:none;width:auto;max-width:max-content}#page-macro .macro-status-bar__actions .btn-outline{border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600}#page-macro .macro-status-bar__actions .btn-primary-sm{padding:5px 14px;font-size:11px;font-weight:700}#page-macro .macro-layout-3col{flex:1;grid-template-columns:minmax(200px,220px) minmax(0,1fr) minmax(220px,260px);align-items:stretch;gap:12px;width:100%;min-width:0;min-height:0;display:grid}#page-macro .macro-layout-3col>.card{flex-direction:column;min-width:0;max-width:100%;height:100%;min-height:0;display:flex;overflow:hidden}#page-macro.page-view.compact .macro-layout-3col>.card{padding:14px 16px}#page-macro .macro-empty-card{grid-column:2/-1;justify-content:center;align-items:center;min-height:0;display:flex}#page-macro .macro-list-card .card-title-row,#page-macro .macro-list-card .card-desc,#page-macro .macro-list-card .macro-new-btn{flex:none}#page-macro .macro-list-card .card-desc{margin-bottom:0}#page-macro .macro-new-btn{text-align:center;width:100%;margin-top:8px;display:block}#page-macro .macro-list{flex-direction:column;flex:1;gap:6px;min-height:0;margin-top:10px;display:flex;overflow:hidden auto}#page-macro .macro-item{text-align:left;background:var(--bg-app);border:1px solid var(--border-soft);width:100%;min-width:0;color:var(--text-secondary);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;transition:border-color .15s,color .15s,background .15s;display:flex}#page-macro .macro-item:hover:not(:disabled){border-color:var(--border);color:var(--text-primary)}#page-macro .macro-item--draggable{cursor:grab}#page-macro .macro-item--draggable:active{cursor:grabbing}#page-macro .macro-item:disabled{opacity:.55;cursor:not-allowed}#page-macro .macro-item.active{border-color:var(--cyan);background:var(--cyan)}@supports (color:color-mix(in lab, red, red)){#page-macro .macro-item.active{background:color-mix(in srgb, var(--cyan) 12%, var(--bg-app))}}#page-macro .macro-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}#page-macro .macro-item-meta{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}#page-macro .macro-editor-card .card-title-row{flex:none}#page-macro .macro-editor{flex-direction:column;flex:1;gap:10px;min-width:0;min-height:0;display:flex;overflow:hidden}#page-macro .macro-toolbar{flex:none;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px 10px;min-width:0;display:grid}#page-macro .macro-field{flex-direction:column;gap:4px;min-width:0;display:flex}#page-macro .macro-field>span:first-child{color:var(--text-secondary);font-size:11.5px}#page-macro .macro-field .select-input{box-sizing:border-box;width:100%}#page-macro .macro-field--compact{min-width:0}#page-macro .macro-field-input-row{align-items:center;gap:6px;min-width:0;display:flex}#page-macro .macro-field-input-row .select-input{flex:1;min-width:0}#page-macro .macro-unit{color:var(--text-tertiary);flex-shrink:0;font-size:11px}#page-macro .macro-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}#page-macro .macro-seq{flex-direction:column;flex:1;min-width:0;max-width:100%;min-height:0;display:flex;overflow:hidden}#page-macro .macro-seq-head{flex:none;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}#page-macro .macro-seq-head-meta{color:var(--text-tertiary);font-size:11px;font-weight:500}#page-macro .macro-seq .remap-empty{flex:1;justify-content:center;align-items:center;margin:0;display:flex}#page-macro .macro-seq-track-wrap{flex:1;width:100%;max-width:100%;min-height:0;padding-bottom:2px;overflow:hidden auto}#page-macro .macro-seq-track{flex-wrap:wrap;align-content:flex-start;gap:5px;width:100%;min-height:0;display:flex}#page-macro .macro-seq-item{min-width:40px;color:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:none;align-items:center;gap:1px;padding:0;display:flex}#page-macro .macro-seq-arrow{color:var(--text-tertiary);letter-spacing:-.04em;font-size:9px;line-height:1}#page-macro .macro-seq-item--tap .macro-seq-arrow{color:var(--cyan);font-size:10px}#page-macro .macro-seq-chip{border:1px solid var(--border-soft);background:var(--bg-app);border-radius:7px;flex-direction:column;justify-content:center;align-items:center;min-width:40px;min-height:34px;padding:4px 5px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}#page-macro .macro-seq-delay{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;max-width:4.5em;font-size:9px;font-weight:500;line-height:1.1;overflow:hidden}#page-macro .macro-seq-hint{color:var(--text-tertiary);flex:none;margin:8px 0 0;font-size:11.5px;line-height:1.35}#page-macro .macro-seq-key-replace{flex-wrap:wrap;gap:6px;max-height:120px;padding-top:2px;display:flex;overflow-y:auto}#page-macro .macro-seq-item--tap .macro-seq-chip{border-color:var(--cyan)}@supports (color:color-mix(in lab, red, red)){#page-macro .macro-seq-item--tap .macro-seq-chip{border-color:color-mix(in srgb, var(--cyan) 35%, var(--border-soft))}}#page-macro .macro-seq-item--tap .macro-seq-chip{background:var(--cyan)}@supports (color:color-mix(in lab, red, red)){#page-macro .macro-seq-item--tap .macro-seq-chip{background:color-mix(in srgb, var(--cyan) 8%, var(--bg-app))}}#page-macro .macro-seq-item--selected .macro-seq-chip{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan)}#page-macro .macro-seq-key{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:4.5em;font-size:11px;font-weight:700;line-height:1.15;overflow:hidden}#page-macro .macro-seq-editor{border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--bg-app);margin-top:8px;padding:10px}@supports (color:color-mix(in lab, red, red)){#page-macro .macro-seq-editor{background:color-mix(in srgb, var(--bg-app) 80%, transparent)}}#page-macro .macro-seq-editor{flex-direction:column;flex:none;gap:8px;min-width:0;max-height:40%;display:flex;overflow-y:auto}#page-macro .macro-seq-editor-label{color:var(--text-primary);font-size:12px;font-weight:600}#page-macro .macro-seq-field{align-items:center;gap:8px;margin-top:0;display:flex}#page-macro .macro-seq-field .select-input{width:96px}#page-macro .macro-seq-editor-actions{flex-wrap:wrap;gap:6px;display:flex}#page-macro .macro-ops-card .card-title-row{flex:none}#page-macro .macro-ops-tabs{width:100%}#page-macro .macro-ops-insert-hint{color:var(--text-tertiary);margin:0 0 2px;font-size:11.5px;line-height:1.35}#page-macro .macro-ops-panel{flex-direction:column;gap:10px;min-width:0;display:flex}#page-macro .macro-ops-panel--hidden{display:none}#page-macro .macro-sidebar{flex-direction:column;flex:1;gap:10px;min-width:0;min-height:0;display:flex;overflow:hidden auto}#page-macro .macro-sidebar-block{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--bg-app);flex:none;min-width:0;padding:10px}#page-macro .macro-sidebar-block .card-title{margin-bottom:8px;font-size:12px}#page-macro .macro-chip-row{flex-wrap:wrap;gap:6px;display:flex}#page-macro .macro-chip{aspect-ratio:auto;justify-content:center;align-items:center;width:auto;min-width:0;min-height:0;padding:6px 9px;font-size:11px;display:inline-flex}#page-macro .macro-key-popover{grid-template-columns:repeat(8,minmax(0,1fr));align-content:start;gap:6px;max-height:min(28vh,200px);margin-top:8px;display:grid;overflow-y:auto;container-type:inline-size}#page-macro .macro-key-popover .macro-chip{aspect-ratio:1;white-space:normal;word-break:break-word;width:100%;padding:3px 2px;font-size:clamp(9px,1.4cqi,12px);line-height:1.1;overflow:hidden}#page-macro .macro-move-row{flex-wrap:wrap;align-items:flex-end;gap:8px;margin-top:8px;display:flex}#page-macro .macro-move-row .macro-field{flex:64px;min-width:64px}#page-macro .macro-move-row .select-input{box-sizing:border-box;width:100%}#page-macro .macro-move-row .btn-outline{flex:100%}#page-macro .macro-recorder-hint{color:var(--text-tertiary);margin:0 0 8px;font-size:11.5px;line-height:1.35}#page-macro .macro-recorder,#page-macro .macro-mouse-recorder{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#page-macro .macro-mouse-mode-row{width:100%}#page-macro .macro-recorder-status{color:var(--cyan);font-size:11.5px}@media (width<=1100px){#page-macro .macro-layout-3col{grid-template-columns:minmax(200px,220px) minmax(0,1fr)}#page-macro .macro-ops-card{grid-column:1/-1;height:auto;max-height:36vh}#page-macro .macro-empty-card{grid-column:2/-1}}@media (width<=800px){#page-macro.page-view{overflow-y:auto}#page-macro .macro-workspace{flex:none;min-height:auto;overflow:visible}#page-macro .macro-status-bar{flex-wrap:wrap;row-gap:8px}#page-macro .macro-status-bar__actions--start,#page-macro .macro-status-bar__actions:not(.macro-status-bar__actions--start){justify-content:flex-start;width:100%;margin-left:0}#page-macro .macro-layout-3col{flex:none;grid-template-columns:minmax(0,1fr);min-height:auto}#page-macro .macro-layout-3col>.card{height:auto;max-height:none}#page-macro .macro-list{flex:none;max-height:220px}#page-macro .macro-seq-track-wrap{flex:none;max-height:280px}#page-macro .macro-ops-card,#page-macro .macro-empty-card{grid-column:1/-1;max-height:none}}@keyframes flowHue{0%{filter:hue-rotate()}to{filter:hue-rotate(340deg)}}@keyframes cloudPulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes neonFlicker{0%,19%,21%,23%,54%,56%,to{opacity:1}20%,22%,55%{opacity:.4}}@keyframes chaseBlip{0%,92%,to{opacity:.15}96%{opacity:1}}@keyframes bloomPulse{0%{opacity:.15;transform:scale(.86)}30%{opacity:1;transform:scale(1.04)}to{opacity:.15;transform:scale(.86)}}@keyframes starTwinkle{0%,to{opacity:.12}50%{opacity:1}}@keyframes rainFall{0%,80%,to{opacity:.12}90%{opacity:1}}.effect-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px;display:grid}.effect-card{background:var(--bg-app);border:1px solid var(--border-soft);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:8px;padding:11px;transition:all .15s;display:flex}.effect-card:hover{border-color:var(--border)}.effect-card.active{border-color:var(--accent-2);box-shadow:0 0 0 1px var(--accent-2)}.effect-swatch{border-radius:7px;width:100%;height:32px}.effect-card span{font-size:11px;font-weight:600}.swatch-static{background:var(--rgb-color,var(--accent-2))}.swatch-breathing{background:var(--rgb-color,var(--accent-2));animation:1.6s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:1}50%{opacity:.25}}.swatch-wave{background:linear-gradient(90deg,#d5a8cd,#57c8ee,#ffd36e,#d5a8cd) 0 0/300% 100%;animation:2.4s linear infinite waveMove}@keyframes waveMove{0%{background-position:0 0}to{background-position:100% 0}}.swatch-rainbow{background:linear-gradient(90deg,#ff4d4d,#ffa64d,#ffe14d,#66e08c,#4dc9ff,#8f7bff,#ff6fd8)}.swatch-reactive{background:var(--bg-key-border);position:relative;overflow:hidden}.swatch-reactive:after{content:"";background:var(--rgb-color,var(--accent-2));opacity:.5;animation:1.4s ease-in-out infinite reactivePulse;position:absolute;inset:0}@keyframes reactivePulse{0%,to{opacity:.15}50%{opacity:.7}}.swatch-ripple{background:radial-gradient(circle at 50% 50%, var(--rgb-color,var(--accent-2)) 0%, var(--bg-key-border) 72%)}.swatch-off{background:var(--bg-key-border)}.swatch-neon{background:var(--bg-key-border);box-shadow:inset 0 0 0 2px var(--rgb-color,var(--accent-2)), 0 0 10px var(--rgb-color,var(--accent-2));animation:1.8s ease-in-out infinite neonFlicker}.swatch-flow{background:var(--rgb-color,var(--accent-2));animation:3s linear infinite flowHue}.swatch-chase{background:var(--bg-key-border);position:relative;overflow:hidden}.swatch-chase:after{content:"";background:var(--rgb-color,var(--accent-2));filter:blur(2px);width:30%;animation:1.6s linear infinite chaseSweep;position:absolute;top:0;bottom:0;left:-30%}@keyframes chaseSweep{0%{left:-30%}to{left:100%}}.swatch-rotate{background:var(--bg-key-border);position:relative;overflow:hidden}.swatch-rotate:after{content:"";background:conic-gradient(from 0deg, transparent 0deg, var(--rgb-color,var(--accent-2)) 55deg, transparent 130deg, transparent 360deg);animation:1.8s linear infinite swatchRotate;position:absolute;inset:-60%}@keyframes swatchRotate{to{transform:rotate(360deg)}}.swatch-single{background:var(--bg-key-border);position:relative;overflow:hidden}.swatch-single:after{content:"";background:var(--rgb-color,var(--accent-2));border-radius:50%;width:10px;height:10px;animation:1.3s ease-in-out infinite swatchSingleBlip;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes swatchSingleBlip{0%,to{opacity:.2;box-shadow:0 0 0 var(--rgb-color,var(--accent-2))}50%{opacity:1;box-shadow:0 0 10px var(--rgb-color,var(--accent-2))}}.swatch-starry{background:#141419;position:relative}.swatch-starry:before,.swatch-starry:after{content:"";background:var(--rgb-color,var(--accent-2));border-radius:50%;width:4px;height:4px;animation:1.6s ease-in-out infinite starTwinkle;position:absolute}.swatch-starry:before{top:6px;left:20%}.swatch-starry:after{animation-delay:.6s;top:16px;left:65%}.swatch-rain{background:var(--bg-key-border);position:relative;overflow:hidden}.swatch-rain:after{content:"";background:repeating-linear-gradient(180deg, var(--rgb-color,var(--accent-2)) 0 3px, transparent 3px 10px);animation:1s linear infinite rainSwatch;position:absolute;inset:-10px 0 0}@keyframes rainSwatch{0%{transform:translateY(0)}to{transform:translateY(10px)}}.effect-card{position:relative}.effect-card.is-custom{border-style:dashed}.effect-card .custom-badge{background:var(--accent-2-soft);width:14px;height:14px;color:var(--accent-2);border-radius:50%;justify-content:center;align-items:center;font-size:9px;display:flex;position:absolute;top:5px;right:5px}.effect-card .remove-custom{width:16px;height:16px;color:var(--text-secondary);background:#00000080;border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:none;position:absolute;top:4px;left:4px}.effect-card.is-custom:hover .remove-custom{display:flex}.effect-card .remove-custom:hover{color:#fff;background:#ff3c3c}.effect-card.add-custom{color:var(--text-tertiary);cursor:pointer;border-style:dashed;justify-content:center;min-height:79px}.effect-card.add-custom:hover{border-color:var(--accent-2);color:var(--accent-2)}.custom-effect-form{border-radius:var(--radius-md);background:var(--bg-app);border:1px solid var(--border-soft);flex-direction:column;gap:12px;margin-top:14px;padding:14px;display:flex}.cef-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.cef-row label{color:var(--text-secondary);flex-shrink:0;font-size:12px}.cef-row input[type=text]{background:var(--bg-card-soft);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;flex:1;padding:8px 10px;font-size:12.5px}.cef-row input[type=text]:focus{border-color:var(--accent-2);outline:none}.cef-row input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;width:40px;height:30px}.cef-actions{justify-content:flex-end;gap:8px;display:flex}.side-light-frame{border-radius:calc(var(--radius-lg) + 6px);z-index:-2;pointer-events:none;opacity:0;filter:blur(3px);transition:opacity .3s;position:absolute;inset:-6px}.side-light-mask{border-radius:var(--radius-lg);z-index:-1;pointer-events:none;background:var(--bg-card-solid);position:absolute;inset:0}.side-light-frame.sl-active{opacity:1}.side-light-frame.sl-solid{background:var(--side-color,var(--accent-2))}.side-light-frame.sl-breathing{background:var(--side-color,var(--accent-2));animation:breathe var(--side-speed,2s) ease-in-out infinite}.side-light-frame.sl-chase{background:conic-gradient(from var(--spin-angle,0deg), transparent 0deg, var(--side-color,var(--accent-2)) 30deg, transparent 80deg, transparent 360deg);animation:slSpin var(--side-speed,3s) linear infinite}.side-light-frame.sl-rainbow{background:conic-gradient(from var(--spin-angle,0deg), red,orange,#ffe14d,limegreen,cyan,blue,violet,red);animation:slSpin var(--side-speed,4s) linear infinite}.side-light-frame.sl-wave{background:linear-gradient(90deg, transparent, var(--side-color,var(--accent-2)), transparent);animation:slWaveMove var(--side-speed,2.5s) linear infinite;background-size:200% 100%}@keyframes slSpin{to{--spin-angle:360deg}}@keyframes slWaveMove{0%{background-position:0 0}to{background-position:200% 0}}.control-row{margin-top:16px}.control-row:first-child{margin-top:0}.control-row--disabled{opacity:.45;pointer-events:none}.control-row>label{color:var(--text-secondary);justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.control-row>label b{color:var(--text-primary);font-weight:600}.color-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;display:flex}.color-swatches{flex-wrap:wrap;align-items:center;gap:9px;min-height:28px;display:flex}.color-controls__sep{background:var(--border-soft);flex-shrink:0;width:1px;height:18px}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:28px;height:28px;transition:transform .12s}.color-swatch:hover{transform:scale(1.12)}.color-swatch.selected{box-shadow:0 0 0 2px var(--bg-card);border-color:#fff}.color-picker{box-sizing:border-box;cursor:pointer;background:conic-gradient(from 180deg,red,#ffe14d,#0f0,#0ff,#00f,#f0f,red);border:2px solid #0000;border-radius:7px;flex-shrink:0;width:28px;height:28px;margin:0;padding:0;font-size:0;line-height:0;transition:transform .12s,border-color .12s,box-shadow .12s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000059}.color-picker:hover{transform:scale(1.08)}.color-picker.selected{box-shadow:0 0 0 2px var(--bg-card),inset 0 0 0 1px #00000059;border-color:#fff}.color-picker__preview{background:var(--bg-card-soft);pointer-events:none;border-radius:3px;position:absolute;inset:4px;box-shadow:inset 0 0 0 1px #ffffff1f}.color-picker input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}#page-dashboard{overflow:hidden}.dashboard-grid{flex:auto;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(4,1fr);grid-template-areas:"hero hero rgb travel""hero hero keymap travel""stats profiles advkeys macros";gap:16px;min-height:0;padding-bottom:0;display:grid;overflow:hidden}.dashboard-grid>.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;min-height:0;transition:transform .3s,border-color .3s;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff05,0 8px 24px #0003}.dashboard-grid>.card:hover{border-color:#ffffff1a}.dash-hero{grid-area:hero;justify-content:space-between;position:relative;overflow:hidden}.dash-profiles{grid-area:profiles}.dash-stats{grid-area:stats}.dash-rgb{grid-area:rgb}.dash-travel{grid-area:travel}.dash-keymap{grid-area:keymap}.dash-advkeys{grid-area:advkeys}.dash-macros{grid-area:macros}.dash-hero:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 0,#57c8ee26,#0000 60%),radial-gradient(circle at 80% 100%,#ff3c781a,#0000 50%);position:absolute;inset:0}.dash-hero-content{z-index:1;flex-direction:column;height:100%;padding:24px;display:flex;position:relative}.dash-hero-header{justify-content:space-between;align-items:flex-start;display:flex}.dash-hero-title{font-family:var(--font-display);letter-spacing:1px;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;font-size:32px;font-weight:800}.dash-hero-sub{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:2px;margin-top:4px;font-size:13px}.dash-hero-image-wrap{flex:1;justify-content:center;align-items:center;min-height:0;margin:20px 0;display:flex}.dash-hero-image-wrap img{object-fit:contain;filter:drop-shadow(0 20px 30px #0006);max-width:90%;max-height:100%;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.dash-hero:hover .dash-hero-image-wrap img{transform:translateY(-5px)scale(1.03)}.dash-hero-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.dash-hero .conn-tabs{background:#0003;border:1px solid #ffffff0d;border-radius:12px;flex-shrink:0;gap:8px;padding:6px;display:flex}.dash-hero .conn-tab{color:var(--text-tertiary);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.dash-hero .conn-tab.active{background:var(--accent-2);color:#fff;box-shadow:0 4px 12px #57c8ee4d}.dash-hero .conn-tab.disabled{opacity:.4;cursor:not-allowed}.dash-hero-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.dash-hero-fw{flex-shrink:1;min-width:0;max-width:min(260px,100%);margin-top:0;padding:8px 10px}.dash-hero-fw .dash-fw-text{white-space:nowrap}.dash-hero-fw.outdated .dash-fw-text{white-space:normal}.dash-hero-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.dash-hero-actions .btn-outline{white-space:nowrap;padding:8px 12px;font-size:11px}.dash-hero .connection{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.dash-hero .connection .dot{background:#3ddc84;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #3ddc84}.dash-hero .connection.disconnected .dot{background:var(--text-tertiary);box-shadow:none}.card-title-row{padding:16px 16px 0}.card-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);font-size:12px;font-weight:700}.card-desc{color:var(--text-tertiary);margin-top:4px;padding:0 16px;font-size:11px}.dash-keymap .remap-list,.dash-advkeys .remap-list,.dash-macros .remap-list{flex-direction:column;flex:1;gap:6px;padding:12px 16px;display:flex;overflow-y:auto}.dash-keymap .remap-list::-webkit-scrollbar{display:none}.dash-advkeys .remap-list::-webkit-scrollbar{display:none}.dash-macros .remap-list::-webkit-scrollbar{display:none}.remap-row{background:#ffffff08;border:1px solid #ffffff05;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.remap-from{color:var(--text-primary);font-weight:700}.remap-arrow{color:var(--text-tertiary);font-size:10px}.remap-to{color:var(--accent-2);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.card-footer{margin-top:auto;padding:12px 16px 16px}.card-footer .btn-outline{background:#ffffff05;border:1px solid #ffffff1a;border-radius:6px;width:100%;padding:8px;font-size:11px}.card-footer .btn-outline:hover{background:#ffffff0d}.dash-travel .card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-shrink:0;display:-webkit-box;overflow:hidden}.dash-travel .effect-body{flex-direction:row;flex:1;justify-content:space-evenly;align-items:stretch;gap:16px;min-height:0;padding:16px;display:flex}.dash-travel .effect-body__viz{flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.dash-travel .effect-switch{width:min(72px,28%);max-width:72px}.dash-travel .effect-gauge{flex-shrink:0;justify-content:center;align-self:stretch;min-height:0;display:flex}.dash-travel .effect-gauge__track,.dash-travel .effect-gauge__scale{height:100%;min-height:0}.dash-stats-content{flex-direction:column;flex:1;gap:14px;min-height:0;padding:12px 16px 0;display:flex}.dash-control-block{flex-direction:column;gap:8px;display:flex}.dash-control-block .card-title{padding:0}.dash-segmented{background:#0003;border-radius:10px;gap:2px;padding:4px;display:flex}.dash-segmented .seg-btn{white-space:nowrap;border-radius:6px;flex:1;padding:8px 0;font-size:11px}.dash-segmented .seg-btn.active{color:#fff;background:#ffffff1a}.dash-fw-status{color:var(--text-secondary);background:#3ddc8414;border:1px solid #3ddc8438;border-radius:10px;align-items:center;gap:10px;margin-top:2px;padding:10px 12px;font-size:12px;line-height:1.4;display:flex}.dash-fw-status.outdated{background:#ffb35c14;border-color:#ffb35c59}.dash-fw-dot{background:#3ddc84;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 8px #3ddc848c}.dash-fw-status.outdated .dash-fw-dot{background:#ffb35c;box-shadow:0 0 8px #ffb35c8c}.dash-fw-status.checking .dash-fw-dot{background:#ffb35c;animation:.8s ease-in-out infinite calPulse}.dash-fw-text{flex-wrap:wrap;align-items:baseline;gap:6px;min-width:0;display:flex}.dash-fw-version{font-family:var(--font-display);letter-spacing:.3px;color:var(--cyan);font-size:12px;font-weight:700}.dash-fw-status.outdated .dash-fw-text{color:#ffb35c}.dash-stats-actions{gap:8px;margin-top:auto;padding:12px 16px 16px;display:flex}.dash-stats>.dash-stats-actions{flex-direction:column}.dash-stats-actions-row{gap:8px;display:flex}.dash-stats-actions-row button,.dash-stats-actions>button{flex:1;padding:8px;font-size:11px}.dash-fw-action{color:#ffb35c;border-color:#ffb35c4d}.dash-factory-action{color:#ff7a7a;border-color:#ff3c3c4d}.dash-profiles-content{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex}.dash-profile-slots{background:#0003;border-radius:10px;gap:4px;padding:4px;display:flex}.dash-profile-slots .seg-btn{border-radius:6px;flex:1;padding:8px 0;font-size:12px}.dash-profile-slots .seg-btn.active{color:#fff;background:#ffffff1a}.dash-profiles .control-row{flex-direction:column;gap:6px;display:flex}.dash-profiles .control-row label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;font-size:11px}.dash-profiles .select-input{color:#fff;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:8px 12px;font-size:13px}.dash-system-mode .segmented{background:#0003;border-radius:10px;padding:4px;display:flex}.dash-system-mode .seg-btn{border-radius:6px;flex:1;padding:8px 0;font-size:12px}.dash-system-mode .seg-btn.active{color:#fff;background:#ffffff1a}.dash-rgb-swatch-wrap{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.dash-rgb-swatch{background:var(--accent-2);width:72px;height:72px;box-shadow:0 0 0 4px var(--bg-app), 0 0 28px -4px var(--rgb-color,var(--accent-2)), inset 0 -8px 18px #00000040;border-radius:50%;flex-shrink:0;transition:background .2s}.dash-rgb-meta{flex-wrap:wrap;justify-content:center;gap:6px;padding:0 16px 16px;display:flex}.dash-rgb-meta .chip{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:20px;padding:4px 10px;font-size:11px}.dash-rgb-meta .chip b{color:var(--text-primary)}@media (width<=1024px){#page-dashboard{overflow:hidden auto}.dashboard-grid{grid-template:"hero hero""rgb travel""stats travel""keymap keymap""profiles advkeys""macros macros"/1fr 1fr;height:auto;min-height:min-content;padding-bottom:16px;overflow:visible}}@media (width<=560px){.dashboard-grid{grid-template-columns:1fr;grid-template-areas:"hero""rgb""stats""travel""keymap""profiles""advkeys""macros"}}#page-presets.page-view{justify-content:center;align-items:center}.presets-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;display:grid}.preset-card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.15);flex-direction:column;gap:12px;min-height:200px;padding:22px 20px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.preset-card.active{border-color:var(--accent-2);box-shadow:0 0 0 1px var(--accent-2),0 10px 26px #d5a8cd29}.preset-card h3{font-family:var(--font-display);padding-right:52px;font-size:17px;font-weight:700}.preset-badge{letter-spacing:.5px;background:var(--accent-2-soft);color:var(--accent-2);border-radius:999px;padding:3px 8px;font-size:9.5px;font-weight:700;position:absolute;top:20px;right:20px}.preset-desc{color:var(--text-secondary);flex:1;min-height:40px;font-size:13px;line-height:1.55}.preset-chips{flex-wrap:wrap;gap:6px;display:flex}.chip{color:var(--text-secondary);background:var(--bg-app);border:1px solid var(--border-soft);border-radius:6px;padding:5px 9px;font-size:11px}.preset-actions{gap:8px;margin-top:auto;padding-top:8px;display:flex}.preset-name-input{border:none;border-bottom:1px dashed var(--border);color:var(--text-primary);font-family:var(--font-display);background:0 0;width:100%;padding:0 0 3px;font-size:15px;font-weight:700}.preset-name-input:focus{border-color:var(--accent-2);outline:none}@media (width<=900px){.presets-grid{grid-template-columns:1fr}}.trigger-page{gap:12px;overflow:hidden}.trigger-shell{flex:1;align-items:stretch;gap:14px;min-height:0;display:flex}.trigger-body{flex-direction:column;flex:1;gap:12px;min-width:0;min-height:0;display:flex;overflow:hidden}.trigger-body .remap-layout{flex:1 1 0;gap:12px;min-height:0}.trigger-body .card{flex-direction:column;min-height:0;display:flex;overflow:hidden}.effect-body{flex:1;align-items:stretch;gap:clamp(6px,.8vw,10px);min-height:0;margin-top:12px;display:flex}.effect-body__viz{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:0;display:flex}.effect-badge{color:var(--cyan);background:#57c8ee1f;border:1px solid #57c8ee59;border-radius:999px;justify-content:center;align-items:center;padding:3px 10px;font-size:12px;font-weight:500;line-height:1.2;display:inline-flex;box-shadow:0 0 12px #57c8ee33}.effect-switch{aspect-ratio:1;filter:drop-shadow(0 4px 12px #00000073);background-image:url(/zhouti.png);background-repeat:no-repeat;background-size:7000% 100%;background-position:calc(var(--frame) * 256 / (17920 - 256) * 100%) 0;flex-shrink:0;width:clamp(52px,4.8vw,72px);overflow:hidden}.effect-bar{background:#ffffff14;border-radius:3px;width:min(100%,140px);height:6px;position:relative;overflow:hidden}.effect-bar__fill{width:var(--fill,0%);background:linear-gradient(90deg,var(--accent-1),var(--cyan));border-radius:3px;position:absolute;inset:0 auto 0 0}.effect-caption{border:1px solid var(--border-soft);border-radius:var(--radius-sm);width:max-content;max-width:100%;color:var(--text-secondary);text-align:center;white-space:nowrap;background:#00000047;padding:4px 8px;font-size:11px;line-height:1.3}.effect-gauge{flex-shrink:0;align-self:stretch;align-items:stretch;gap:6px;min-height:0;padding-block:4px;display:flex}.effect-gauge__track{background:#ffffff14;border-radius:14px;width:28px;height:100%;min-height:0;position:relative;overflow:hidden}.effect-gauge__fill{background:linear-gradient(180deg,var(--cyan),#57c8eebf);border-radius:14px 14px 0 0;position:absolute;top:0;left:0;right:0}.effect-gauge__actuation-mark{pointer-events:none;z-index:1;background:#ffb020;height:2px;margin-top:-1px;position:absolute;left:0;right:0;box-shadow:0 0 6px #ffb020a6}.effect-gauge__scale{width:42px;height:100%;min-height:0;position:relative}.effect-gauge__tick{color:#ffffff73;white-space:nowrap;align-items:center;gap:4px;font-size:9px;line-height:1;display:flex;position:absolute;left:0;transform:translateY(-50%)}.effect-gauge__tick i{background:#ffffff40;flex-shrink:0;width:6px;height:1px;display:block}.effect-gauge__tick--major i{background:#fff6;width:8px}.effect-gauge__tick--minor{color:#0000;gap:0;font-size:0}.effect-gauge__tick--minor i{background:#ffffff2e;width:4px}.rt-group{margin-top:14px}.rt-group:first-of-type{margin-top:12px}.rt-row-header{justify-content:space-between;align-items:center;display:flex}.rt-label{color:var(--cyan);font-size:13px;font-weight:600}@keyframes calPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.96)}}.perf-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.polling-options{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.polling-options.vertical{flex-flow:column}.polling-opt{background:var(--bg-app);border:1px solid var(--border-soft);font-family:var(--font-display);color:var(--text-secondary);border-radius:10px;padding:10px 15px;font-size:13px;font-weight:700;transition:all .15s}.polling-options.vertical .polling-opt{width:100%}.polling-opt.active{background:linear-gradient(90deg,var(--accent-1),var(--accent-2));color:#fff;border-color:#0000}.polling-opt:hover:not(.active){border-color:var(--border);color:var(--text-primary)}.latency-chart{align-items:flex-end;gap:3px;height:64px;margin-top:14px;display:flex}.latency-bar{background:linear-gradient(180deg,var(--accent-2),var(--accent-1));opacity:.9;border-radius:3px 3px 0 0;flex:1;transition:height .25s}.latency-caption{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.latency-caption span{color:var(--text-tertiary);font-size:11px}.latency-caption .avg{font-family:var(--font-display);color:var(--cyan);font-size:13px;font-weight:700}.cal-layout{grid-template-rows:auto minmax(220px,1fr);grid-template-columns:1fr;align-items:stretch;gap:16px;min-height:0;display:grid}.cal-controls{flex-direction:column;gap:0;min-width:0;display:flex}.cal-controls .card-title-row{align-items:center}.cal-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.cal-metric{border-radius:var(--radius-sm);background:var(--bg-app);border:1px solid var(--border-soft);flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;padding:14px 10px;display:flex}.cal-metric__value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1.1}.cal-metric__label{color:var(--text-tertiary);white-space:nowrap;font-size:11px}.cal-metric--done .cal-metric__value{color:var(--green)}.cal-metric--active .cal-metric__value{color:#ff9f43}.cal-metric--pending .cal-metric__value{color:var(--text-secondary)}.cal-controls-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.cal-legend{flex-wrap:wrap;gap:16px;margin:0;display:flex}.cal-legend span{color:var(--text-tertiary);align-items:center;gap:6px;font-size:11px;display:flex}.legend-dot{background:0 0;border:1.5px solid #0000;border-radius:3px;flex-shrink:0;width:9px;height:9px}.legend-dot--done{border-color:var(--green);background:#3ddc842e}.legend-dot--active{background:#ff9f432e;border-color:#ff9f43}.legend-dot--pending{border-color:var(--text-tertiary);background:#ffffff0a}.cal-progress{flex:1;align-items:center;gap:10px;min-width:140px;max-width:260px;margin-left:auto;display:flex}.cal-progress__label{color:var(--text-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:11px}.cal-progress__track{background:var(--track);border-radius:999px;flex:1;min-width:48px;height:6px;overflow:hidden}.cal-progress__fill{border-radius:inherit;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));height:100%;transition:width .18s linear;display:block}.cal-stat{border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.cal-stat:first-child{border-top:none}.cal-stat-label{color:var(--text-secondary);font-size:12.5px}.cal-stat-value{font-family:var(--font-display);font-size:14px;font-weight:700}.progress-track{background:var(--track);border-radius:999px;height:8px;margin-top:14px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--accent-1),var(--accent-2));border-radius:999px;width:0%;height:100%;transition:width .18s linear}.progress-caption{color:var(--text-tertiary);justify-content:space-between;margin-top:8px;font-size:11.5px;display:flex}.cal-chart-card{flex-direction:column;min-width:0;min-height:260px;display:flex}.cal-chart{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.cal-chart__head{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cal-chart__titles{flex-direction:column;gap:2px;min-width:0;display:flex}.cal-chart__title{font-size:13.5px;font-weight:700}.cal-chart__subtitle{color:var(--text-tertiary);font-size:11px}.cal-chart__meta{align-items:center;gap:8px;display:flex}.cal-chart__badge{font-family:var(--font-display);color:var(--cyan);background:var(--bg-app);border:1px solid var(--border-soft);font-variant-numeric:tabular-nums;border-radius:999px;flex-shrink:0;padding:5px 12px;font-size:13px;font-weight:700}.cal-chart__canvas-wrap{border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:var(--bg-app);flex:1;min-height:180px;position:relative;overflow:hidden}@media (height<=1080px){.cal-layout{grid-template-rows:auto minmax(240px,1fr);gap:12px}.cal-chart-card{min-height:280px;padding:16px 18px}.cal-chart__canvas-wrap{min-height:200px}.cal-stats-grid{gap:8px;margin-top:10px}.cal-metric{padding:10px 8px}.cal-metric__value{font-size:18px}.cal-controls-foot{margin-top:12px}}@media (height<=800px){.cal-layout{grid-template-rows:auto minmax(200px,1fr);gap:10px}.cal-chart-card{min-height:240px;padding:14px 16px}.cal-chart__canvas-wrap{min-height:160px}.cal-chart__head,.cal-chart{gap:8px}}.cal-chart__canvas{width:100%;height:100%;display:block}.cal-chart__foot{color:var(--text-tertiary);font-variant-numeric:tabular-nums;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.cal-chart__stats{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cal-chart__stat-val{text-align:right;font-variant-numeric:tabular-nums;min-width:3.5ch;display:inline-block}.cal-chart__status{letter-spacing:.4px;color:var(--text-tertiary);align-items:center;gap:6px;font-weight:700;display:inline-flex}.cal-chart__status-dot{background:var(--text-tertiary);border-radius:50%;width:6px;height:6px}.cal-chart__status--on{color:var(--cyan)}.cal-chart__status--on .cal-chart__status-dot{background:var(--cyan);box-shadow:0 0 6px var(--cyan);animation:.9s ease-in-out infinite calPulse}@media (width<=720px){.cal-stats-grid{grid-template-columns:1fr;gap:8px}.cal-controls-foot{flex-direction:column;align-items:stretch}.cal-progress{max-width:none;margin-left:0}.cal-chart-card{min-height:240px}}.row-toggle{border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.row-toggle:first-child{border-top:none;padding-top:16px}.row-toggle-label{font-size:13px;font-weight:600}.row-toggle-desc{color:var(--text-tertiary);max-width:340px;margin-top:3px;font-size:11.5px;line-height:1.4}.debounce-row{justify-content:space-between;align-items:center;padding-top:16px;display:flex}.device-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:20px;display:grid}.device-about-card,.device-memory-card{flex-direction:column;height:100%;display:flex}.device-cable-stat{border-top:none;margin-top:4px;padding-top:12px}.device-memory-card .control-row{margin-top:14px}.device-id-row{align-items:center;gap:14px;margin-top:4px;display:flex}.device-thumb{filter:drop-shadow(0 8px 12px #00000026);flex-shrink:0;width:140px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.device-thumb:hover{transform:translateY(-4px)scale(1.02)}.device-thumb img{width:100%;height:auto;display:block}.device-meta{color:var(--text-secondary);font-size:12.5px;line-height:1.6}.device-meta b{color:var(--text-primary);font-size:14px;font-weight:700}.fw-status{background:var(--bg-app);border:1px solid var(--border-soft);border-radius:var(--radius-sm);align-items:center;gap:10px;margin-top:20px;padding:14px 16px;font-size:13px;display:flex}.fw-status .fw-dot{background:#3ddc84;border-radius:50%;flex-shrink:0;width:9px;height:9px}.fw-status.checking .fw-dot{background:#ffb35c;animation:.8s ease-in-out infinite calPulse}.fw-status.outdated{background:#ffb35c14;border-color:#ffb35c73}.fw-status.outdated .fw-dot{background:#ffb35c}.fw-update-actions{border-radius:var(--radius-sm);background:#ffb35c0d;border:1px solid #ffb35c33;flex-direction:column;align-items:flex-start;gap:12px;margin-top:16px;padding:16px;display:flex}.fw-upgrade-guide{background:var(--bg-card-soft,#ffffff08);border:1px solid var(--border-soft);border-radius:8px;width:100%;padding:12px 14px}.fw-upgrade-guide-title{color:var(--text-primary);margin-bottom:8px;font-size:12px;font-weight:700}.fw-upgrade-guide-list{color:var(--text-secondary);flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:11.5px;line-height:1.45;display:flex}.fw-upgrade-guide-list li::marker{color:var(--accent-2)}.fw-upgrade-auth-hint{color:#ffb35c;margin:0 0 20px;font-size:12px;font-weight:600;line-height:1.45}.confirm-dialog.confirm-dialog-auth,.confirm-dialog.confirm-dialog-upgrade{border-color:#ffb35c59}.fw-upgrade-progress-panel{text-align:left;flex-direction:column;gap:8px;margin:16px 0 14px;display:flex}.fw-upgrade-progress-track{background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;width:100%;height:10px;overflow:hidden}.fw-upgrade-progress-fill{border-radius:inherit;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));width:0;height:100%;transition:width .2s ease-out}.fw-upgrade-progress-meta{color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:right;font-size:12px;font-weight:700}.fw-upgrade-warn{color:#ffb35c}.confirm-dialog-upgrade .fw-upgrade-warn{margin:4px 0 0}.confirm-dialog-icon-auth{color:#ffb35c;background:#ffb35c1f;border-color:#ffb35c66}.confirm-dialog-actions .confirm-dialog-auth-action{background:linear-gradient(90deg,var(--accent-1),var(--accent-2));color:#fff;border:none;border-radius:10px;flex:1;min-width:0;padding:10px 14px;font-size:13px;font-weight:600}.confirm-dialog-actions .confirm-dialog-auth-action:disabled{opacity:.55;cursor:not-allowed}.confirm-dialog-actions .confirm-dialog-auth-action:not(:disabled):hover{filter:brightness(1.06)}.danger-zone{border-top:1px dashed var(--border-soft);margin-top:auto;padding-top:20px}.danger-zone p{color:var(--text-tertiary);margin-bottom:12px;font-size:12px;line-height:1.5}.btn-danger{color:#ff7a7a;background:#ff3c3c1a;border:1px solid #ff3c3c59;border-radius:999px;padding:9px 16px;font-size:12px;font-weight:600;transition:all .15s}.btn-danger:hover{background:#ff3c3c2e}.btn-danger.confirming{color:#fff;background:#ff3c3c;border-color:#ff3c3c}.confirm-dialog-overlay{z-index:1200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;justify-content:center;align-items:center;padding:24px;animation:.18s ease-out confirmOverlayIn;display:flex;position:fixed;inset:0}@keyframes confirmOverlayIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:var(--bg-card,#1a1d24);text-align:center;border:1px solid #ff3c3c47;border-radius:16px;width:min(420px,100%);padding:28px 24px 20px;animation:.2s cubic-bezier(.2,.8,.2,1) confirmDialogIn;box-shadow:0 24px 64px #00000073,inset 0 0 0 1px #ffffff0a}@keyframes confirmDialogIn{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:none}}.confirm-dialog-icon{color:#ff7a7a;background:#ff3c3c1f;border:1px solid #ff3c3c59;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 14px;font-size:22px;font-weight:800;line-height:1;display:flex}.confirm-dialog-title{font-family:var(--font-display);color:var(--text-primary);margin:0 0 10px;font-size:18px;font-weight:700}.confirm-dialog-desc{color:var(--text-secondary);margin:0 0 8px;font-size:13px;line-height:1.5}.confirm-dialog-warn{color:#ff7a7a;margin:0 0 20px;font-size:12px;font-weight:600;line-height:1.45}.confirm-dialog-actions{justify-content:center;gap:10px;display:flex}.confirm-dialog-actions .btn-outline,.confirm-dialog-actions .btn-danger{border-radius:10px;flex:1;min-width:0;padding:10px 14px;font-size:13px}#page-help.manual-page{gap:14px;padding-bottom:8px}.manual-topbar{border-radius:var(--radius-lg);border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.2);background:linear-gradient(135deg,#d5a8cd1a 0%,#17171ebf 42%,#57c8ee14 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;animation:.45s both manual-enter;display:flex}.manual-topbar-brand{align-items:center;gap:14px;min-width:0;display:flex}.manual-mark{background:linear-gradient(180deg, var(--logo-magenta), var(--logo-cyan));border-radius:999px;flex-shrink:0;width:10px;height:36px;box-shadow:0 0 18px #fb4f8d59}.manual-topbar h2{font-family:var(--font-display);letter-spacing:1.2px;color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.manual-subtitle{color:var(--text-secondary);margin:2px 0 0;font-size:12px;line-height:1.4}.manual-search-wrap{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-soft);min-width:min(280px,100%);height:40px;color:var(--text-tertiary);align-items:center;gap:8px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.manual-search-wrap:focus-within{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 0 3px #57c8ee1f}.manual-search{min-width:0;height:100%;color:var(--text-primary);background:0 0;border:0;outline:none;flex:1;font-size:13px}.manual-search::placeholder{color:var(--text-tertiary)}.manual-shell{flex:1;grid-template-columns:minmax(200px,240px) minmax(0,1fr);gap:14px;min-height:0;animation:.55s 60ms both manual-enter;display:grid}.manual-toc{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-soft);min-height:0;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.15);flex-direction:column;display:flex;overflow:hidden}.manual-toc-title{font-family:var(--font-display);letter-spacing:1.6px;text-transform:uppercase;color:var(--cyan);border-bottom:1px solid var(--border-soft);padding:14px 16px 10px;font-size:12px}.manual-toc-nav{flex-direction:column;flex:1;gap:2px;min-height:0;padding:8px;display:flex;overflow-y:auto}.manual-toc-empty{color:var(--text-tertiary);padding:16px 12px;font-size:12px}.manual-toc-item{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;align-items:flex-start;gap:8px;padding:8px 10px;font-size:12.5px;line-height:1.35;transition:background .18s,color .18s,border-color .18s;display:flex}.manual-toc-item.is-h3{color:var(--text-tertiary);padding-left:22px;font-size:12px}.manual-toc-item:hover{background:var(--bg-card-soft);color:var(--text-primary)}.manual-toc-item.active{background:var(--accent-2-soft);color:var(--text-primary);border-color:#d5a8cd47}.manual-toc-item.active .manual-toc-dot{background:var(--accent-2);box-shadow:0 0 10px #d5a8cd8c}.manual-toc-dot{background:var(--border);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:5px;transition:background .18s,box-shadow .18s}.manual-toc-text{min-width:0}.manual-prose{border-radius:var(--radius-lg);background:radial-gradient(1200px 400px at 10% -10%, #d5a8cd12, transparent 55%), radial-gradient(900px 360px at 100% 0%, #57c8ee0f, transparent 50%), var(--bg-card);border:1px solid var(--border-soft);min-height:0;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.15);overflow-y:auto}.manual-prose-inner{max-width:820px;margin:0 auto;padding:28px 32px 48px}.manual-h{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.4px;scroll-margin-top:16px;font-weight:700}.manual-h1{letter-spacing:1px;background:linear-gradient(90deg, var(--text-primary) 40%, var(--cyan));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 14px;font-size:28px}.manual-h2{border-bottom:1px solid var(--border);margin:32px 0 12px;padding-bottom:8px;font-size:20px;position:relative}.manual-h2:after{content:"";background:linear-gradient(90deg, var(--accent-2), var(--cyan));border-radius:2px;width:56px;height:2px;position:absolute;bottom:-1px;left:0}.manual-h3{color:var(--cyan);letter-spacing:.6px;margin:22px 0 8px;font-size:15px}.manual-h4,.manual-h5,.manual-h6{color:var(--text-primary);margin:16px 0 6px;font-size:13.5px}.manual-p{color:var(--text-secondary);margin:0 0 12px;font-size:13.5px;line-height:1.7}.manual-quote{border-left:3px solid var(--accent-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);background:#d5a8cd0f;margin:14px 0;padding:12px 16px;font-size:13px;line-height:1.65}.manual-hr{background:linear-gradient(90deg, transparent, var(--border), transparent);border:0;height:1px;margin:22px 0}.manual-pre{border-radius:var(--radius-md);border:1px solid var(--border);color:var(--logo-cyan);background:#0b0b0fb8;margin:12px 0 16px;padding:14px 16px;font-size:12px;line-height:1.55;overflow-x:auto}.manual-code-inline{color:var(--cyan);background:#57c8ee1a;border:1px solid #57c8ee2e;border-radius:5px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.manual-link{color:var(--cyan);border-bottom:1px solid #57c8ee59;text-decoration:none;transition:color .15s,border-color .15s}.manual-link:hover{color:var(--accent-2);border-bottom-color:#d5a8cd80}.manual-list{color:var(--text-secondary);margin:0 0 14px;padding-left:1.25em;font-size:13.5px;line-height:1.65}.manual-list li{margin:4px 0}.manual-list li::marker{color:var(--accent-2)}.manual-check{color:var(--cyan);margin-right:6px}.manual-table-wrap{border-radius:var(--radius-md);border:1px solid var(--border-soft);margin:12px 0 18px;overflow-x:auto}.manual-table{border-collapse:collapse;width:100%;font-size:12.5px;line-height:1.45}.manual-table th{text-align:left;color:var(--text-primary);font-family:var(--font-display);letter-spacing:.4px;border-bottom:1px solid var(--border);white-space:nowrap;background:#57c8ee14;padding:10px 12px;font-weight:700}.manual-table td{color:var(--text-secondary);border-bottom:1px solid var(--border-soft);vertical-align:top;padding:9px 12px}.manual-table tr:last-child td{border-bottom:0}.manual-table tbody tr:hover td{background:#ffffff05}@keyframes manual-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=980px){.manual-shell{grid-template-columns:1fr}.manual-toc{max-height:180px}.manual-prose-inner{padding:20px 18px 36px}.manual-h1{font-size:22px}}@media (height<=1080px){.main{gap:14px;padding-top:16px;padding-bottom:16px}.sticky-keyboard-zone{--keyboard-card-pad-x:20px;--keyboard-card-pad-y:16px;gap:10px;padding:10px}.keyboard{--krow-gap:5px}.key{height:42px}.keyboard.mode-trigger .key{height:46px}.trigger-value-bar{gap:18px;margin-top:10px;margin-bottom:-10px;padding-top:8px}.tvb-item{gap:6px;font-size:11px}.tvb-item b{font-size:12px}.trigger-page{gap:8px}.trigger-shell{gap:10px}.trigger-body{gap:8px;overflow:hidden}.trigger-body .remap-layout{flex:1 1 0;gap:8px;min-height:0}.page-view.compact.trigger-page .card{padding:10px 14px}.trigger-body .card-title{font-size:13px}.trigger-body .card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:11.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.trigger-body .card-footer{padding-top:8px;font-size:11px}.trigger-body .stepper,.trigger-body .rt-group{margin-top:8px}.trigger-body .rt-group:first-of-type{margin-top:6px}.trigger-body .fn-toggle-row{margin-top:0;padding-top:8px}.trigger-body .range-labels{margin-top:6px;font-size:10.5px}.effect-body{gap:clamp(4px,.6vw,8px);margin-top:6px}.effect-gauge__track,.effect-gauge__scale,.dash-travel .effect-gauge__track,.dash-travel .effect-gauge__scale{height:100%;min-height:0}.effect-switch{width:clamp(40px,3.6vw,52px)}.dash-travel .effect-switch{width:min(56px,26%)}.selection-bar--vertical{width:76px;min-height:0;padding:4px}.selection-bar--vertical .sel-tab,.selection-bar--vertical .sel-tab:not(:first-child){min-height:28px;padding:6px 4px;font-size:10.5px}#page-remap{gap:8px}#page-remap .remap-layout{gap:10px}#page-remap.page-view.compact .card{padding:12px 16px}#page-remap .remap-status-bar{padding:8px 12px}#page-remap .remap-edit-key{font-size:16px}#page-remap .card-footer{padding-top:8px}#page-dashboard{gap:10px;overflow:hidden}#page-dashboard .qs-header{margin-top:0}#page-dashboard .dashboard-grid{grid-template-rows:repeat(3,minmax(0,1fr));gap:10px;min-height:0;padding-bottom:0;overflow:hidden}#page-dashboard .dash-hero-content{padding:16px}#page-dashboard .dash-hero-title{font-size:24px}#page-dashboard .dash-hero-image-wrap{margin:10px 0}#page-dashboard .card-title-row{padding:10px 12px 0}#page-dashboard .card-desc{padding:0 12px}#page-dashboard .card-footer{padding:8px 12px 12px}#page-dashboard .dash-stats-content{gap:8px;padding:8px 12px 0}#page-dashboard .dash-stats-actions{padding:8px 12px 12px}#page-dashboard .dash-profiles-content{gap:10px;padding:10px}#page-dashboard .dash-rgb-swatch{width:56px;height:56px}#page-dashboard .dash-rgb-meta{padding:0 12px 12px}#page-dashboard .dash-travel .effect-body{gap:10px;padding:10px}#page-dashboard .dash-travel .card-desc{margin-top:4px}}@media (height<=800px){.main{gap:10px;padding-top:10px;padding-bottom:10px}.sticky-keyboard-zone{--keyboard-card-pad-x:16px;--keyboard-card-pad-y:12px;gap:8px;padding:8px}.keyboard{--krow-gap:4px}.key,.keyboard.mode-trigger .key{height:38px;font-size:11px}.trigger-value-bar{gap:12px;margin-top:8px;margin-bottom:-8px;padding-top:6px}.trigger-page{gap:6px}.trigger-shell{gap:8px}.trigger-body{gap:6px;overflow:hidden}.trigger-body .remap-layout{flex:1 1 0;gap:6px;min-height:0}.page-view.compact.trigger-page .card{padding:8px 12px}.trigger-body .card-title{font-size:12.5px}.trigger-body .card-desc{margin-top:2px;font-size:11px}.trigger-body .stepper,.trigger-body .rt-group{margin-top:6px}.trigger-body .rt-group:first-of-type{margin-top:4px}.trigger-body .fn-toggle-row{padding-top:6px}.trigger-body .range-labels{margin-top:4px;font-size:10px}.effect-body{margin-top:4px}.effect-gauge__track,.effect-gauge__scale,.dash-travel .effect-gauge__track,.dash-travel .effect-gauge__scale{height:100%;min-height:0}.effect-switch{width:clamp(36px,3.2vw,44px)}.dash-travel .effect-switch{width:min(44px,24%)}.selection-bar--vertical{width:68px}.selection-bar--vertical .sel-tab,.selection-bar--vertical .sel-tab:not(:first-child){min-height:24px;padding:4px;font-size:10px}#page-remap{gap:6px}#page-remap .page-sub{margin-top:-4px;font-size:11.5px;line-height:1.3}#page-remap .remap-layout{gap:8px}#page-remap.page-view.compact .card{padding:8px 12px}#page-remap .remap-status-bar{gap:8px;padding:6px 10px}#page-remap .remap-edit-key{font-size:15px}#page-remap .remap-listen-hint{padding:4px 6px}#page-remap .remap-listen-hint__text{white-space:normal;font-size:10px}#page-remap .remap-empty{padding:12px 8px}#page-remap .remap-options{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:2px}#page-remap .remap-options .remap-opt{min-height:22px;padding:2px 3px;font-size:9px}#page-remap .remap-status-bar__actions{gap:4px}#page-remap .remap-status-bar__actions .btn-outline{padding:4px 8px;font-size:10px}#page-remap .remap-status-bar__actions .btn-primary-sm{padding:4px 10px;font-size:10px}#page-remap .card-footer{padding-top:6px}#page-dashboard{gap:6px;overflow:hidden}#page-dashboard .dashboard-grid{grid-template-rows:repeat(3,minmax(0,1fr));gap:6px;min-height:0;padding-bottom:0;overflow:hidden}#page-dashboard .dash-hero-content{padding:10px}#page-dashboard .dash-hero-title{font-size:20px}#page-dashboard .dash-hero-sub{letter-spacing:1px;font-size:10px}#page-dashboard .dash-hero-image-wrap{margin:6px 0}#page-dashboard .dash-hero .conn-tab{padding:5px 10px;font-size:10.5px}#page-dashboard .dash-hero .connection{padding:5px 10px;font-size:11px}#page-dashboard .card-title-row{padding:8px 10px 0}#page-dashboard .card-desc{padding:0 10px;font-size:10px}#page-dashboard .card-footer{padding:6px 10px 10px}#page-dashboard .dash-stats-content{gap:6px;padding:6px 10px 0}#page-dashboard .dash-segmented .seg-btn{padding:5px 0;font-size:10px}#page-dashboard .dash-fw-status{padding:6px 8px;font-size:10.5px}#page-dashboard .dash-stats-actions{gap:5px;padding:6px 10px 10px}#page-dashboard .dash-stats-actions-row button,#page-dashboard .dash-stats-actions>button{padding:5px;font-size:10px}#page-dashboard .dash-profiles-content{gap:8px;padding:8px}#page-dashboard .dash-profile-slots .seg-btn{padding:5px 0;font-size:10.5px}#page-dashboard .dash-profiles .select-input{padding:5px 8px;font-size:11px}#page-dashboard .dash-rgb-swatch{width:44px;height:44px}#page-dashboard .dash-rgb-meta{gap:4px;padding:0 10px 10px}#page-dashboard .dash-rgb-meta .chip{padding:2px 7px;font-size:10px}#page-dashboard .dash-travel .effect-body{gap:8px;padding:8px}#page-dashboard .dash-keymap .remap-list,#page-dashboard .dash-advkeys .remap-list,#page-dashboard .dash-macros .remap-list{padding:6px 10px}#page-dashboard .remap-row{padding:5px 8px;font-size:10.5px}}@media (height<=700px){#page-remap .remap-options .remap-opt{min-height:20px}#page-dashboard{overflow:hidden auto}#page-dashboard .dashboard-grid{grid-template-rows:auto auto auto;height:auto;min-height:min-content;padding-bottom:8px;overflow:visible}.trigger-body{overflow:hidden auto}.trigger-body .remap-layout{flex:auto;min-height:min-content}.trigger-body .card{overflow:visible}.effect-gauge__track,.effect-gauge__scale{min-height:88px}}@media (width<=860px){.splash-stage{width:78vw}.adv-inspector{border-radius:16px 16px 0 0;width:auto;left:0;right:0;transform:translateY(100%)}.adv-inspector.open{transform:translateY(0)}.adv-inspector-scrim{left:0}.adv-sheet-layout,.adv-sheet-layout.dks{grid-template-columns:1fr;gap:16px}.adv-sheet-aside{position:static}}@media (width<=1180px){.perf-grid,.cal-layout,.remap-layout,.rgb-layout,.device-grid{grid-template-columns:1fr}}@media (width<=860px){html,body{height:auto;overflow:visible}.app{height:auto}.main{height:auto;overflow:visible}.page-view{flex:none;min-height:0;overflow-y:visible}.sticky-keyboard-zone{flex-shrink:1;padding:0}.key .ktl-act,.key .ktl-press,.key .ktl-release,.key .ktl-adc{display:none}.keyboard.mode-trigger .key{height:44px}.keyboard.mode-calibration .key{flex-direction:row;gap:0;padding:0}.keyboard.mode-calibration .key-cap-label{max-width:none}.sidebar{border-radius:0;width:250px;margin:0;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar.collapsed{width:250px;padding:22px 18px}.sidebar.collapsed .label{opacity:1;pointer-events:auto;max-width:180px}.sidebar.collapsed .section-label{background:0 0;height:auto;margin:18px 4px 10px;padding:0;font-size:11px}.sidebar.collapsed .nav-item{justify-content:flex-start;gap:11px;padding:10px 12px}.sidebar.collapsed .profile-card,.sidebar.collapsed .device-status{justify-content:flex-start;gap:10px;padding:9px 10px}.sidebar.collapsed .lang-select{justify-content:flex-start;gap:11px}.sidebar.collapsed .chevron-btn,.sidebar.collapsed .lang-chevron{display:inline-flex}.sidebar-collapse-btn.has-tip{display:none}.sidebar-toggle{display:flex}.sidebar-scrim{z-index:15;background:#0000008c;display:none;position:fixed;inset:0}.sidebar-scrim.show{display:block}.main{padding:70px 20px 40px}.help-cta{flex-direction:column;align-items:flex-start}.remap-options{grid-template-columns:repeat(6,minmax(0,1fr))}#page-advanced .remap-options{grid-template-columns:repeat(12,minmax(0,1fr))}#page-macro .macro-key-popover{grid-template-columns:repeat(6,minmax(0,1fr))}.selection-bar{scrollbar-width:none;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20px calc(100% - 20px),#0000);mask-image:linear-gradient(90deg,#0000,#000 20px calc(100% - 20px),#0000)}.selection-bar::-webkit-scrollbar{display:none}.selection-bar.at-scroll-start{-webkit-mask-image:linear-gradient(90deg,#000,#000 calc(100% - 20px),#0000);mask-image:linear-gradient(90deg,#000,#000 calc(100% - 20px),#0000)}.selection-bar.at-scroll-end{-webkit-mask-image:linear-gradient(90deg,#0000,#000 20px,#000);mask-image:linear-gradient(90deg,#0000,#000 20px,#000)}.selection-bar.at-scroll-start.at-scroll-end{-webkit-mask-image:none;mask-image:none}.trigger-shell{flex-direction:column}.selection-bar--vertical{flex-direction:row;align-self:stretch;width:100%;overflow-x:auto}.selection-bar--vertical .sel-tab,.selection-bar--vertical .sel-tab:not(:first-child){white-space:nowrap;flex:none;padding:10px 14px}.trigger-page,.trigger-body{overflow:visible}.effect-gauge__track,.effect-gauge__scale{min-height:clamp(100px,12vh,150px)}.dash-travel .effect-gauge__track,.dash-travel .effect-gauge__scale{height:100%;min-height:0}.effect-gauge__track{border-radius:12px;width:24px}.effect-gauge__scale{width:36px}}.entry{--app-min-w:1366px;--app-min-h:900px;--c-bg:#09090b;--c-accent:#00a3ff;--c-accent-dim:#00a3ff26;--c-white:#fff;--c-muted:#888;--c-border:#ffffff38;--c-border-dim:#ffffff1f;--font:"PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--r-sm:4px;--r-md:6px;--r-lg:8px;--space-page:14px;--panel-fs:13px;--panel-fs-desc:12px;--panel-fs-caption:11px;--panel-control-h:32px;--panel-control-h-sm:28px;--entry-pad-top:32px;--entry-pad-bottom:28px;--entry-stage-w:2160px;--entry-stage-offset-top:clamp(12px, 4vh, 40px);--entry-keyboard-w:1860px;--entry-cable-h:108px;--entry-cable-gap:16px;--entry-hero-gap:24px;--entry-panel-w:360px;--entry-hint-fs:17px;--entry-btn-fs:16px;--entry-btn-pad-y:16px;--entry-btn-pad-x:14px;--entry-logo-h:44px;--entry-keyboard-max-h:636px;--entry-demo-fs:14px;--entry-lang-fs:13px;--entry-lang-menu-fs:13px;--entry-lang-pad-y:10px;--entry-lang-pad-x:14px;--entry-lang-min-w:8.75rem;--entry-lang-icon:16px;font-family:var(--font);color:var(--c-white);-webkit-font-smoothing:antialiased;font-size:clamp(12px,1.2vw,13px)}:where(.entry) *,:where(.entry) :before,:where(.entry) :after{box-sizing:border-box}:where(.entry) button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0}@media (height<=1080px){.entry{--space-page:12px;--entry-pad-top:24px;--entry-pad-bottom:20px;--entry-stage-offset-top:clamp(8px, 3vh, 28px);--entry-stage-w:1920px;--entry-keyboard-w:1560px;--entry-keyboard-max-h:536px;--entry-cable-h:88px;--entry-cable-gap:12px;--entry-hero-gap:18px;--entry-panel-w:400px;--entry-hint-fs:16px;--entry-btn-fs:15px;--entry-btn-pad-y:14px;--entry-btn-pad-x:24px;--entry-demo-fs:13px;--entry-lang-fs:12px;--entry-lang-menu-fs:12px;--entry-lang-pad-y:9px;--entry-lang-pad-x:12px;--entry-lang-min-w:8.25rem;--entry-lang-icon:15px}}@media (width>=1920px) and (height>=1081px){.entry{--space-page:clamp(10px, 2vw, 24px);--entry-pad-top:36px;--entry-pad-bottom:clamp(52px, 7vh, 88px);--entry-stage-w:2580px;--entry-stage-offset-top:clamp(12px, 2.5vh, 28px);--entry-keyboard-w:2280px;--entry-cable-h:140px;--entry-cable-gap:22px;--entry-hero-gap:14px;--entry-panel-w:480px;--entry-hint-fs:18px;--entry-btn-fs:17px;--entry-btn-pad-y:18px;--entry-btn-pad-x:32px;--entry-demo-fs:15px;--entry-logo-h:52px;--entry-lang-fs:14px;--entry-lang-menu-fs:14px;--entry-lang-pad-y:11px;--entry-lang-pad-x:16px;--entry-lang-min-w:9.25rem;--entry-lang-icon:17px;--entry-keyboard-max-h:min(834px, 50vh)}}@media (width>=1920px) and (height>=1200px){.entry{--panel-fs:15px;--panel-fs-desc:14px;--panel-fs-caption:13px;--panel-control-h:38px;--panel-control-h-sm:36px}}@media (width>=2560px){.entry{--panel-fs:16px;--panel-fs-desc:15px;--panel-fs-caption:14px;--panel-control-h:40px;--panel-control-h-sm:38px}}.entry{width:100vw;min-width:var(--app-min-w);height:100dvh;min-height:var(--app-min-h);padding:var(--entry-pad-top) var(--space-page) var(--entry-pad-bottom);background-color:var(--c-bg);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.entry__bg{pointer-events:none;position:fixed;inset:0}.entry__bg--hills{z-index:0;pointer-events:none}.entry__bg--hills .entry__bg-canvas{width:100%;height:100%;display:block}.entry__bg--vignette{z-index:2;background:radial-gradient(80% 70% at 50% 42%,#0000 0%,#09090b59 58%,#09090be0 100%),linear-gradient(#09090b33 0%,#0000 28%,#09090b8c 100%)}.entry__bg--grain{z-index:3;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.entry__header{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;max-height:64px;display:flex;position:fixed;top:clamp(14px,2.2vh,22px);left:clamp(14px,2.2vw,22px);right:clamp(14px,2.2vw,22px)}.entry__header>*{pointer-events:auto}.entry__brand{opacity:.94;align-items:center;text-decoration:none;transition:opacity .15s;display:flex}.entry__brand:hover{opacity:1}.entry__stage{z-index:5;min-height:0;width:min(var(--entry-stage-w), 100%);flex-direction:column;flex:auto;justify-content:center;align-items:center;margin-top:0;display:flex;position:relative}.entry__hero{flex-direction:column;flex:none;align-items:center;width:100%;display:flex}.entry__keyboard{width:min(calc(var(--entry-keyboard-w) * .5), 100%);aspect-ratio:1547/506;flex-shrink:0;min-height:0;position:relative}.entry__slide{opacity:0;pointer-events:none;will-change:opacity, transform;position:absolute;inset:0;transform:translate(8%)}.entry__slide.is-active{z-index:2;opacity:1;transition:opacity .95s cubic-bezier(.22,1,.36,1),transform .95s cubic-bezier(.22,1,.36,1);transform:translate(0)}.entry__slide.is-prev{z-index:1;opacity:0;transition:opacity .95s cubic-bezier(.22,1,.36,1),transform .95s cubic-bezier(.22,1,.36,1);transform:translate(-8%)}.entry__slide picture{z-index:2;width:100%;height:100%;display:block;position:relative}.entry__keyboard-glow{z-index:1;pointer-events:none;filter:saturate(1.9)brightness(1.15);opacity:0;mix-blend-mode:screen;will-change:background-position, filter, opacity;background:linear-gradient(100deg,#ff2d6f 0%,#ff9a3d 14%,#ffe14d 26%,#4dff88 40%,#34d3ff 54%,#6a5bff 68%,#ff48d0 84%,#ff2d6f 100%) 0 0/280% 100%;border-radius:26px;transition:opacity .45s;animation:none;position:absolute;inset:1%;overflow:hidden}.entry__keyboard-glow--ready{opacity:1;animation:7s linear infinite kb-rgb-flow,2.8s ease-in-out infinite kb-glow-brightness}.entry__keyboard-glow:before{content:"";border-radius:inherit;opacity:.65;mix-blend-mode:screen;background:linear-gradient(100deg,#ff2d6f 0%,#ff9a3d 14%,#ffe14d 26%,#4dff88 40%,#34d3ff 54%,#6a5bff 68%,#ff48d0 84%,#ff2d6f 100%) 0 0/280% 100%;animation:none;position:absolute;inset:0}.entry__keyboard-glow--ready:before{animation:5s linear infinite reverse kb-rgb-flow,2.8s ease-in-out infinite kb-glow-pulse}.entry__keyboard-glow:after{content:"";border-radius:inherit;opacity:.55;mix-blend-mode:screen;will-change:transform, opacity;background:radial-gradient(55% 75%,#ffffffd9 0%,#b4dcff73 42%,#0000 72%);animation:none;position:absolute;inset:0}.entry__keyboard-glow--ready:after{animation:3.2s ease-in-out infinite alternate kb-glow-sweep}@keyframes kb-rgb-flow{0%{background-position:0%}to{background-position:200%}}@keyframes kb-glow-pulse{0%,to{opacity:.25}50%{opacity:.95}}@keyframes kb-glow-brightness{0%,to{filter:saturate(1.6)brightness()}50%{filter:saturate(2.2)brightness(1.45)}}@keyframes kb-glow-sweep{0%{opacity:.35;transform:translate(-32%)}to{opacity:.9;transform:translate(32%)}}.entry__slide--alt .entry__keyboard-glow{inset:3.5% 7%}.entry__slide--alt picture{transform-origin:50%;transform:scale(1)}.entry__slide--alt .entry__keyboard-glow:after{background:radial-gradient(62% 90% at 50% 78%,#fffc 0%,#b4dcff66 45%,#0000 74%)}.entry__keyboard-glow--static,.entry__keyboard-glow--static:before,.entry__keyboard-glow--static:after{animation:none!important}.entry__slide img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.entry__panel{width:min(var(--entry-panel-w), 100%);border:1px solid var(--c-border-dim);border-radius:var(--r-md);background:#ffffff05;flex-direction:column;flex:none;align-items:stretch;gap:8px;margin-top:calc(clamp(40px,8vh,120px));padding:clamp(8px,1vh,10px);display:flex;position:relative}.entry__hint{font-size:var(--panel-fs-desc);letter-spacing:.01em;text-align:center;color:var(--c-muted);margin:0;padding:2px 4px 4px;font-weight:400;line-height:1.4}.entry__actions{flex-direction:column;align-items:stretch;gap:6px;width:100%;display:flex}.entry__connect{width:100%;min-width:0;min-height:var(--panel-control-h);padding:0 var(--entry-btn-pad-x);border:1px solid var(--c-border-dim);border-radius:var(--r-sm);color:var(--c-white);font-size:var(--panel-fs);letter-spacing:.02em;white-space:nowrap;background:#ffffff05;justify-content:center;align-items:center;font-weight:500;transition:color .12s,border-color .12s,background .12s;display:flex}.entry__connect:hover:not(:disabled){color:var(--c-accent);border-color:var(--c-border)}.entry__connect:active:not(:disabled){background:#ffffff0a}.entry__connect--pending{color:var(--c-accent);background:var(--c-accent-dim);border-color:#00a3ff59}.entry__connect:disabled{opacity:.45;cursor:not-allowed}.entry__connect:focus-visible,.entry__demo:focus-visible{outline-offset:2px;outline:2px solid #00a3ff8c}.entry__error{border-radius:var(--r-sm);color:#ffc8c8f2;font-size:var(--panel-fs-caption);letter-spacing:.01em;text-align:center;background:#ff505014;border:1px solid #ff787859;margin:0;padding:8px 10px;line-height:1.4}.entry__demo{min-height:var(--panel-control-h-sm);border:1px solid var(--c-border-dim);border-radius:var(--r-sm);color:var(--c-muted);font-size:var(--panel-fs-caption);letter-spacing:.02em;white-space:nowrap;background:0 0;align-self:stretch;padding:0 12px;font-weight:500;text-decoration:none;transition:color .12s,border-color .12s,background .12s}.entry__demo:hover:not(:disabled){color:var(--c-white);border-color:var(--c-border);background:#ffffff0a}.entry__demo:active:not(:disabled){background:#ffffff05}.entry__demo:disabled{opacity:.4;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.entry__keyboard-glow,.entry__keyboard-glow:before,.entry__keyboard-glow:after{animation:none!important}.entry__slide.is-active,.entry__slide.is-prev{transition:none!important}}@media (width<=640px){.entry__keyboard{width:min(100%,1560px)}.entry__slide{transform:translate(5%)}.entry__slide.is-prev{transform:translate(-5%)}.entry__connect{width:100%}}@media (height<=1080px){.entry__panel{width:min(380px,100%)}.entry__hint{line-height:1.45}}.brand-logo{object-fit:contain;width:auto;display:block}.brand-logo--entry{height:var(--entry-logo-h)}.brand-logo--side-nav{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:clamp(32px,6vh,44px)}.entry-lang{flex-shrink:0;display:inline-flex;position:relative}.entry-lang__trigger{min-width:var(--entry-lang-min-w);padding:var(--entry-lang-pad-y) var(--entry-lang-pad-x);padding-left:calc(var(--entry-lang-pad-x) - 2px);border:1px solid var(--c-border-dim);color:var(--c-white);font-size:var(--entry-lang-fs);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:linear-gradient(#ffffff0d 0%,#ffffff05 100%);border-radius:999px;align-items:center;gap:8px;font-weight:600;transition:color .15s,border-color .15s,background .15s,box-shadow .15s,transform .12s;display:inline-flex}.entry-lang__globe{width:var(--entry-lang-icon);height:var(--entry-lang-icon);color:var(--c-muted);flex-shrink:0;transition:color .15s;display:inline-flex}.entry-lang__value{text-align:left;flex:auto}.entry-lang__chev{border-top:4px solid var(--c-muted);border-left:4px solid #0000;border-right:4px solid #0000;flex-shrink:0;width:0;height:0;margin-left:2px;transition:transform .18s,border-top-color .15s}.entry-lang--open .entry-lang__chev{border-top-color:var(--c-accent);transform:rotate(180deg)}.entry-lang__trigger:hover,.entry-lang--open .entry-lang__trigger{color:var(--c-accent);border-color:#00a3ff59;box-shadow:0 0 16px #00a3ff1f}.entry-lang__trigger:hover .entry-lang__globe,.entry-lang--open .entry-lang__globe{color:var(--c-accent)}.entry-lang__trigger:active{transform:scale(.98)}.entry-lang__trigger:focus-visible{outline-offset:2px;outline:2px solid #00a3ff8c}.entry-lang__menu{z-index:40;min-width:calc(var(--entry-lang-min-w) + .5rem);border-radius:var(--r-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0e12f5;border:1px solid #00a3ff38;margin:0;padding:6px;list-style:none;animation:.16s ease-out both entry-lang-in;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 16px 40px #00000073,inset 0 1px #ffffff0a}@keyframes entry-lang-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.entry-lang__option{width:100%;padding:calc(var(--entry-lang-pad-y) - 1px) calc(var(--entry-lang-pad-x) - 2px);border-radius:calc(var(--r-sm) - 2px);color:var(--c-muted);font-size:var(--entry-lang-menu-fs);letter-spacing:.06em;text-transform:uppercase;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;font-weight:600;transition:color .12s,background .12s,border-color .12s,transform .12s;display:flex}.entry-lang__option:hover{color:var(--c-white);background:#ffffff0a}.entry-lang__option:active{transform:scale(.98)}.entry-lang__option--active{color:var(--c-accent);background:var(--c-accent-dim);border-color:#00a3ff47}.entry-lang__option:focus-visible{outline-offset:-2px;outline:2px solid #00a3ff8c}@media (prefers-reduced-motion:reduce){.entry-lang__menu{animation:none}.entry-lang__trigger,.entry-lang__option{transition:none}}html,body,#root{height:100%;margin:0}#root{display:contents}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}