:root{--c-bg: #000000;--c-accent: #00a3ff;--c-accent-dim: rgba(0, 163, 255, .15);--c-white: #ffffff;--c-muted: #888888;--c-border: rgba(255, 255, 255, .22);--c-border-dim: rgba(255, 255, 255, .12);--font: "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--r-sm: 4px;--r-md: 6px;--r-lg: 8px;--header-h: 44px;--sidebar-w: 196px;--panel-min-h: 340px;--panel-remap-min-h: 360px;--space-page: 14px;--space-panel: 10px;--app-kb-row: minmax(0, .72fr);--app-panel-row: minmax(var(--panel-min-h), 1.28fr);--app-remap-panel-row: minmax(var(--panel-remap-min-h), 1.28fr);--perf-block-min-h: 0;--cal-chart-min-h: 80px;--panel-fs: 13px;--panel-fs-title: 13px;--panel-fs-desc: 12px;--panel-fs-caption: 11px;--panel-fs-micro: 10px;--panel-fs-value: 20px;--panel-fs-value-md: 14px;--panel-fs-value-lg: 22px;--panel-control-h: 32px;--panel-control-h-sm: 28px;--panel-tab-h: 32px;--side-nav-tab-h: 44px;--panel-icon: 15px;--panel-icon-sm: 13px;--panel-slider-thumb: 14px;--perf-col-trigger: 1fr;--perf-col-effect: .52fr;--perf-col-effect-min: 220px;--perf-col-rt: .88fr;--entry-pad-top: 56px;--entry-pad-bottom: 24px;--entry-stage-w: 720px;--entry-keyboard-w: 620px;--entry-cable-h: 108px;--entry-cable-gap: 16px;--entry-hero-gap: 20px;--entry-panel-gap: 14px;--entry-hint-fs: 15px;--entry-btn-fs: 15px;--entry-btn-pad-y: 12px;--entry-btn-pad-x: 36px;--entry-logo-h: 32px;--entry-keyboard-max-h: 212px;--entry-demo-fs: 12px}@media(max-height:1080px){:root{--entry-pad-top: 48px;--entry-pad-bottom: 20px;--entry-keyboard-w: 580px;--entry-cable-h: 96px;--entry-cable-gap: 14px;--entry-hero-gap: 16px;--entry-panel-gap: 12px;--side-nav-tab-h: 40px;--perf-col-effect-min: 200px}}@media(min-width:1920px)and (min-height:1081px){:root{--header-h: clamp(44px, 6vh, 48px);--sidebar-w: clamp(176px, 18vw, 224px);--panel-min-h: clamp(280px, 38vh, 400px);--panel-remap-min-h: clamp(300px, 42vh, 460px);--space-page: clamp(10px, 2vw, 24px);--space-panel: clamp(10px, 1.5vw, 18px);--app-kb-row: minmax(0, .82fr);--app-panel-row: minmax(var(--panel-min-h), 1.18fr);--app-remap-panel-row: minmax(var(--panel-remap-min-h), 1.18fr);--perf-block-min-h: clamp(210px, 24vh, 236px);--cal-chart-min-h: 120px;--entry-pad-top: 72px;--entry-pad-bottom: 36px;--entry-stage-w: 860px;--entry-keyboard-w: 760px;--entry-cable-h: 140px;--entry-cable-gap: 22px;--entry-hero-gap: 28px;--entry-panel-gap: 18px;--entry-hint-fs: 16px;--entry-btn-fs: 16px;--entry-btn-pad-y: 14px;--entry-btn-pad-x: 42px;--entry-logo-h: 38px;--entry-keyboard-max-h: 278px}}@media(min-width:1920px)and (min-height:1200px){:root{--panel-min-h: clamp(300px, 36vh, 440px);--space-panel: clamp(14px, 1.2vw, 22px);--panel-fs: 15px;--panel-fs-title: 15px;--panel-fs-desc: 14px;--panel-fs-caption: 13px;--panel-fs-micro: 12px;--panel-fs-value: 24px;--panel-fs-value-md: 16px;--panel-fs-value-lg: 26px;--panel-control-h: 38px;--panel-control-h-sm: 36px;--panel-tab-h: 40px;--side-nav-tab-h: 52px;--panel-icon: 17px;--panel-icon-sm: 15px;--panel-slider-thumb: 16px}}@media(min-width:2560px){:root{--panel-fs: 16px;--panel-fs-title: 16px;--panel-fs-desc: 15px;--panel-fs-caption: 14px;--panel-fs-micro: 13px;--panel-fs-value: 26px;--panel-fs-value-md: 17px;--panel-fs-value-lg: 28px;--panel-control-h: 40px;--panel-control-h-sm: 38px;--panel-tab-h: 42px;--side-nav-tab-h: 56px;--panel-icon: 18px;--panel-icon-sm: 16px;--panel-slider-thumb: 17px}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;height:100dvh;margin:0;overflow:hidden}body{font-family:var(--font);font-size:clamp(12px,1.2vw,13px);color:var(--c-white);background:var(--c-bg);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none;padding:0}input{font:inherit;color:inherit}.entry{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;max-height:100dvh;padding:var(--entry-pad-top) var(--space-page) var(--entry-pad-bottom);background:var(--c-bg);overflow:hidden}.entry__brand{position:fixed;top:clamp(16px,2.5vh,24px);left:clamp(16px,2.5vw,24px);z-index:2;display:flex;align-items:center;text-decoration:none;opacity:.92;transition:opacity .15s ease}.entry__brand:hover{opacity:1}.brand-logo{display:block;width:auto;object-fit:contain}.brand-logo--entry{height:var(--entry-logo-h)}.brand-logo--side-nav{width:100%;max-width:100%;height:auto;max-height:clamp(32px,6vh,44px);object-fit:contain}.side-nav__brand{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:clamp(6px,1vh,10px) clamp(2px,.4vw,4px) clamp(10px,1.4vh,14px);border-bottom:1px solid var(--c-border-dim)}.entry__stage{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:0;width:min(var(--entry-stage-w),100%)}.entry__hero{display:flex;flex-direction:column;align-items:center;flex-shrink:1;min-height:0;width:100%;margin-bottom:var(--entry-hero-gap)}.entry__cable{display:flex;justify-content:center;flex-shrink:0;height:var(--entry-cable-h);margin-bottom:var(--entry-cable-gap)}.entry__cable img{display:block;height:100%;width:auto;object-fit:contain;-webkit-user-select:none;user-select:none}.entry__keyboard{width:min(var(--entry-keyboard-w),100%);max-height:var(--entry-keyboard-max-h);flex-shrink:1;min-height:0}.entry__keyboard img{display:block;width:100%;height:auto;max-height:var(--entry-keyboard-max-h);object-fit:contain;-webkit-user-select:none;user-select:none}.entry__panel{display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:var(--entry-panel-gap);width:min(420px,100%);text-align:center}.entry__hint{margin:0;font-size:var(--entry-hint-fs);line-height:1.55;color:#ffffffb8}.entry__connect{min-width:min(280px,100%);padding:var(--entry-btn-pad-y) var(--entry-btn-pad-x);border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#ffffff0f;color:var(--c-white);font-size:var(--entry-btn-fs);font-weight:500;letter-spacing:.08em;transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease}.entry__connect:hover:not(:disabled){border-color:#ffffff80;background:#ffffff1a;transform:translateY(-1px);box-shadow:0 10px 28px #00000059}.entry__connect:disabled{opacity:.6;cursor:not-allowed}.entry__connect--busy{border-color:#00a3ff73;background:#00a3ff1f}.entry__connect:focus-visible,.entry__demo:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}.entry__error{margin:0;padding:12px 14px;border:1px solid rgba(232,93,93,.45);border-radius:var(--r-md);background:#e85d5d1a;color:#e85d5d;font-size:14px;line-height:1.5;text-align:center}.entry__demo{padding:0;border:0;background:transparent;color:var(--c-muted);font-size:var(--entry-demo-fs);text-decoration:underline;text-underline-offset:3px;opacity:.75;transition:opacity .15s ease,color .15s ease}.entry__demo:hover:not(:disabled){opacity:1;color:#ffffffd1}.entry__demo:disabled{opacity:.4;cursor:not-allowed}@media(max-width:640px){.entry__cable{height:clamp(72px,12vh,120px)}.entry__keyboard{width:min(100%,520px)}.entry__connect{width:100%}}.app{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);height:100dvh;width:100vw;background:var(--c-bg);overflow:hidden}.app-main{display:grid;grid-template-rows:var(--header-h) var(--app-kb-row) var(--app-panel-row);min-height:0;min-width:0;overflow:hidden}.app-main--remap{grid-template-rows:var(--header-h) var(--app-kb-row) var(--app-remap-panel-row)}.side-nav{display:flex;flex-direction:column;gap:clamp(8px,1.2vh,12px);padding:clamp(8px,1.2vh,12px) clamp(8px,1vw,10px);border-right:1px solid var(--c-border-dim);min-height:0;overflow:hidden}.side-nav__actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.side-nav__back{width:100%;padding:8px 6px;border:1px solid var(--c-border-dim);border-radius:var(--r-sm);font-size:inherit;color:var(--c-muted);text-align:center;transition:color .12s,border-color .12s}.side-nav__back:hover{color:var(--c-white);border-color:var(--c-border)}.side-nav__connect{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 6px;border:1px solid var(--c-border-dim);border-radius:var(--r-sm);color:var(--c-white);font-size:inherit;transition:color .12s,border-color .12s}.side-nav__connect:hover:not(:disabled){color:var(--c-accent);border-color:var(--c-border)}.side-nav__connect--online{color:var(--c-accent);border-color:#00a3ff59}.side-nav__connect:disabled{opacity:.45;cursor:not-allowed}.side-nav__tabs{display:flex;flex-direction:column;gap:4px;flex:1;min-height:0;overflow-y:auto;padding-top:4px;border-top:1px solid var(--c-border-dim)}.side-nav__tab{display:flex;align-items:center;gap:6px;width:100%;min-height:var(--side-nav-tab-h);padding:0 12px;border:1px solid var(--c-border-dim);border-radius:var(--r-sm);color:var(--c-muted);font-size:inherit;background:#ffffff05;transition:color .12s,border-color .12s,background .12s}.side-nav__tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-nav__tab svg{width:14px;height:14px;flex-shrink:0}.side-nav__tab:hover{color:var(--c-white);border-color:var(--c-border)}.side-nav__tab--active{color:var(--c-accent);border-color:var(--c-accent);background:var(--c-accent-dim)}.side-nav__meta{display:flex;flex-direction:column;gap:4px;flex-shrink:0;margin-top:auto}.side-nav__meta-item{padding:4px 6px;border:1px solid var(--c-border-dim);border-radius:var(--r-sm);font-size:var(--panel-fs-caption);color:var(--c-muted);text-align:center;white-space:nowrap}.side-nav__meta-item--accent{color:var(--c-accent);border-color:#00a3ff59;background:var(--c-accent-dim)}.topbar{display:flex;align-items:stretch;height:var(--header-h);min-height:var(--header-h);border-bottom:1px solid var(--c-border-dim);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;flex-shrink:0}.topbar::-webkit-scrollbar{display:none}.topbar__seg{display:flex;align-items:center;gap:clamp(4px,1vw,8px);padding:0 clamp(10px,1.5vw,16px);border-right:1px solid var(--c-border-dim);white-space:nowrap;flex-shrink:0}.topbar__seg--grow{flex:1 1 auto;justify-content:center;min-width:48px}.topbar__seg--right{border-right:none;border-left:1px solid var(--c-border-dim)}.topbar__seg--hide-sm{display:flex}.topbar__demo-badge{margin-left:8px;padding:2px 8px;border:1px solid var(--c-accent);border-radius:var(--r-sm);font-size:10px;font-weight:500;letter-spacing:.08em;color:var(--c-accent);text-transform:uppercase}.topbar__model{font-size:clamp(13px,1.4vw,14px);font-weight:500;letter-spacing:.04em}.topbar__fw{margin-left:8px;font-size:11px;font-weight:400;color:var(--c-muted);letter-spacing:.02em}.topbar__pill-group{display:flex;align-items:center;gap:3px}.topbar__pill{min-width:clamp(30px,4vw,36px);height:clamp(26px,4vh,28px);padding:0 clamp(6px,1vw,10px);border:1px solid transparent;border-radius:var(--r-sm);color:var(--c-white);font-size:inherit;transition:border-color .12s,color .12s}.topbar__pill:hover{border-color:var(--c-border)}.topbar__pill--active{border-color:var(--c-accent);color:var(--c-accent)}.topbar__stat{display:flex;align-items:center;gap:6px;color:var(--c-muted);font-size:inherit}.topbar__stat--accent{color:var(--c-accent)}.topbar__stat--offline{color:var(--c-muted);opacity:.65}.topbar__stat--error{color:#e85d5d}.topbar__dropdown{position:absolute;top:100%;right:8px;background:#111;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:8px 12px;z-index:10;font-size:12px}.topbar__dropdown-item{display:flex;gap:6px;cursor:pointer}.topbar__stat svg{flex-shrink:0}.topbar__menu{display:flex;align-items:center;justify-content:center;width:clamp(32px,5vw,36px);height:clamp(32px,5vw,36px);color:var(--c-white);border-radius:var(--r-sm)}.topbar__menu:hover{background:#ffffff0f}.kb-main{display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;padding:clamp(6px,1vh,12px) var(--space-page);overflow:hidden}.kb-frame{width:fit-content;max-width:min(100%,1400px);height:fit-content;max-height:100%;border:1px solid var(--c-border);border-radius:var(--r-lg);padding:3px;display:flex;flex-direction:column;align-items:stretch;min-height:0;min-width:0}.kb-frame__inner{flex:0 0 auto;width:fit-content;height:fit-content;max-width:100%;max-height:100%;border:1px solid var(--c-border);border-radius:var(--r-md);padding:clamp(8px,1.5vh,18px);display:flex;align-items:center;justify-content:center}.kb-canvas-host{flex:0 0 auto;max-width:100%;max-height:100%;overflow:hidden}.kb-canvas{display:block;flex-shrink:0;cursor:default}.kb-canvas--readonly{pointer-events:none;cursor:default}.kb-stage{position:relative;width:fit-content;max-width:100%;max-height:100%;min-width:0;min-height:0}.kb-stage--with-rail .kb-layer-rail{position:absolute;left:calc(100% + clamp(6px,.8vw,10px));top:50%;transform:translateY(-50%)}.kb-layer-rail{z-index:2;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:4px;flex-shrink:0;padding:clamp(8px,1vh,12px) clamp(6px,.8vw,10px);border:1px solid var(--c-border-dim);border-radius:var(--r-md);background:#0c0c0eeb;pointer-events:auto}.kb-layer-rail__btn{min-width:52px;height:clamp(30px,4.2vh,34px);padding:0 12px;border:1px solid transparent;border-radius:var(--r-sm);color:var(--c-white);font-size:var(--panel-fs-caption);font-weight:500;transition:border-color .12s,color .12s,background .12s}.kb-layer-rail__btn:hover:not(:disabled){border-color:var(--c-border);background:#ffffff0a}.kb-layer-rail__btn--active{border-color:var(--c-accent);color:var(--c-accent);background:var(--c-accent-dim)}.kb-layer-rail__btn--loading{opacity:.7;cursor:wait}.kb-layer-rail__btn:disabled{opacity:.45;cursor:not-allowed}.bottom-panel{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;font-size:var(--panel-fs)}.panel-body{flex:1;margin:clamp(6px,1vh,10px) var(--space-page);padding:clamp(8px,1.2vh,12px);min-height:0;overflow-x:hidden;overflow-y:auto}.panel-body--calibration{display:flex;flex-direction:column;align-items:center;overflow:hidden}.panel-body--calibration .cal-grid{flex:1;min-height:0;width:var(--kb-frame-w, 100%)}.panel-body--performance,.panel-body--presets,.panel-body--remap,.panel-body--lighting,.panel-body--device,.panel-body--calibration{display:flex;flex-direction:column;overflow:hidden}.panel-body--performance,.panel-body--lighting{align-items:center;overflow-y:auto;scrollbar-gutter:stable both-edges}.panel-body--performance .perf-grid,.panel-body--presets .preset-panel,.panel-body--remap .remap-panel,.panel-body--device .device-panel{flex:1;min-height:0}.panel-body--performance .perf-grid{flex:0 0 auto;width:var(--kb-frame-w, 100%)}.panel-body--lighting .lighting-panel{flex:0 0 auto;width:min(100%,var(--kb-frame-w, 100%))}.panel-body--remap{align-items:stretch;overflow:hidden;margin:clamp(4px,.6vh,8px) var(--space-page);padding:clamp(4px,.6vh,8px)}.panel-body--remap .remap-panel{flex:1;height:100%;width:100%;max-width:var(--kb-frame-w, 100%);margin-inline:auto}.panel-body--device{align-items:center;overflow:hidden}.panel-body--device .device-panel{flex:1;min-height:0;width:min(100%,var(--kb-frame-w, 100%));overflow:hidden}.panel-body--lighting::-webkit-scrollbar,.lighting-effect-grid::-webkit-scrollbar{width:6px;height:6px}.panel-body--lighting::-webkit-scrollbar-thumb,.lighting-effect-grid::-webkit-scrollbar-thumb{border-radius:999px;background:#ffffff29}.panel-body--lighting::-webkit-scrollbar-track,.lighting-effect-grid::-webkit-scrollbar-track{background:transparent}.preset-panel{display:flex;flex-direction:column;align-items:center;height:100%;min-height:0;width:100%}.preset-panel .perf-block--presets{flex:1;min-height:0;display:flex;flex-direction:column;width:min(100%,var(--kb-frame-w, 100%))}.preset-confirm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.preset-confirm__card{width:min(100%,380px);padding:clamp(14px,2vh,18px);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface, #14161a);box-shadow:0 12px 40px #00000073}.preset-confirm__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.preset-confirm__title{font-size:var(--panel-fs-title);color:var(--c-white);font-weight:600}.preset-confirm__subtitle{font-size:var(--panel-fs-caption);color:var(--c-accent);font-weight:500}.preset-confirm__desc{font-size:var(--panel-fs-desc);color:var(--c-muted);line-height:1.45;margin-bottom:8px}.preset-confirm__warn{font-size:var(--panel-fs-caption);color:#ffb020;line-height:1.4;margin-bottom:8px}.preset-confirm__preview{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.preset-confirm__offline{font-size:var(--panel-fs-caption);color:#ff6b6b;margin-bottom:10px}.preset-confirm__actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.preset-confirm__btn{height:32px;padding:0 14px;border-radius:var(--r-sm);font-size:var(--panel-fs-caption);font-weight:500;transition:background .12s,color .12s,border-color .12s}.preset-confirm__btn--ghost{border:1px solid var(--c-border-dim);color:var(--c-muted);background:transparent}.preset-confirm__btn--ghost:hover:not(:disabled){color:var(--c-white);border-color:var(--c-border)}.preset-confirm__btn--primary{border:1px solid var(--c-accent);color:var(--c-white);background:var(--c-accent-dim)}.preset-confirm__btn--primary:hover:not(:disabled){background:#00a3ff47}.preset-confirm__btn:disabled{opacity:.45;cursor:not-allowed}.perf-grid{display:grid;grid-template-columns:minmax(0,var(--perf-col-trigger)) minmax(max(180px,var(--perf-col-effect-min)),var(--perf-col-effect));grid-template-rows:auto auto;gap:clamp(6px,.8vh,8px);height:auto;min-height:100%;align-content:start;align-items:stretch}.perf-stack-presets{grid-column:1;grid-row:1 / 3;display:flex;flex-direction:column;gap:clamp(6px,.8vh,8px);min-height:0;min-width:0}.perf-stack-presets .perf-block--presets{flex:1;min-height:0}.perf-block--presets{padding:clamp(12px,1.4vh,16px);gap:clamp(10px,1.2vh,14px);font-size:calc(var(--panel-fs) * 1.06)}.perf-block--presets .perf-block__head{margin-bottom:0}.perf-block--presets .perf-block__title{font-size:calc(var(--panel-fs-title) + 1px)}.perf-block--presets .perf-block__desc{margin:12px 0 0;font-size:var(--panel-fs-desc);line-height:1.4}.perf-block--presets .perf-block__recommend{font-size:var(--panel-fs-desc)}.perf-block--presets .perf-block__status{font-size:var(--panel-fs-caption);padding:3px 9px}.perf-block--presets .perf-block__preview{margin-bottom:0}.perf-block--presets .perf-block__body{flex:1;min-height:0;display:flex;flex-direction:column;margin:12px 0 0}.perf-block--presets .perf-block__foot{margin-top:auto;padding-top:clamp(8px,1vh,10px);flex-shrink:0}.preset-params{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:1px;border-radius:var(--r-sm);background:var(--c-border-dim);overflow:hidden;margin-top:24px}.preset-params__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;padding:9px 6px;background:#00000073;text-align:center}.preset-params__label{font-size:var(--panel-fs-micro);color:#ffffff6b;line-height:1.2;white-space:nowrap}.preset-params__value{font-size:var(--panel-fs-desc);font-weight:500;font-variant-numeric:tabular-nums;color:var(--c-white);line-height:1.2;white-space:nowrap}.preset-params__value small{margin-left:1px;font-size:var(--panel-fs-micro);font-weight:400;color:#ffffff6b}.preset-params__value--actuation,.preset-params__value--actuation small{color:#00f8ff}.preset-params__value--rt-press,.preset-params__value--rt-press small{color:#00d4ff}.preset-params__value--rt-release,.preset-params__value--rt-release small{color:#65e58a}.preset-params--confirm{margin-bottom:10px}.preset-preview{display:flex;flex-wrap:wrap;gap:4px}.preset-preview__chip{padding:4px 9px;border:1px solid var(--c-border-dim);border-radius:var(--r-sm);font-size:var(--panel-fs-caption);color:var(--c-muted);background:#00000040;line-height:1.25}.preset-preview__chip--accent{color:var(--c-accent);border-color:#00a3ff4d;background:var(--c-accent-dim)}.perf-block--trigger{grid-column:1;grid-row:1}.perf-block--effect{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-height:0;min-width:0;padding:clamp(6px,.8vh,8px);border:1px solid var(--c-border-dim);border-radius:var(--r-md);background:#ffffff05}.perf-block--rt{grid-column:1;grid-row:2;min-height:0}.perf-block--apply{flex-shrink:0;padding:clamp(6px,.8vh,8px)}.perf-block--advanced{grid-column:2;grid-row:2;display:flex;flex-direction:column;justify-content:flex-start;gap:0;min-height:0;min-width:0;padding:clamp(8px,1vh,10px);border:1px solid var(--c-border-dim);border-radius:var(--r-md);background:#ffffff05}.perf-block{display:flex;flex-direction:column;min-height:0;min-width:0;padding:clamp(6px,.8vh,8px);border:1px solid var(--c-border-dim);border-radius:var(--r-md);background:#ffffff05;gap:0}.perf-block.perf-block--trigger,.perf-block.perf-block--effect{min-height:var(--perf-block-min-h)}.perf-block__head{flex-shrink:0;margin-bottom:4px}.perf-block__title{font-size:var(--panel-fs-title);font-weight:500;color:var(--c-white);letter-spacing:.02em}.perf-block__preview{flex-shrink:0;margin-bottom:4px}.perf-block__desc{flex-shrink:0;margin:0 0 6px;font-size:var(--panel-fs-caption);line-height:1.35;color:var(--c-muted);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.perf-block__body{flex-shrink:0}.perf-block__foot{margin-top:auto;padding-top:6px;border-top:1px solid var(--c-border-dim);display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 8px;flex-shrink:0}.perf-block__status-row{display:flex;flex-wrap:wrap;gap:4px}.perf-block__recommend{font-size:var(--panel-fs-caption);color:var(--c-muted);line-height:1.35}.perf-block__recommend em{color:#ffffff9e;font-style:normal}.perf-block__status{display:inline-flex;align-items:center;width:fit-content;max-width:100%;padding:2px 7px;border-radius:var(--r-sm);font-size:var(--panel-fs-micro);line-height:1.3;background:#ffffff0a;word-break:break-all}.perf-block__status--ok{color:var(--c-accent);background:var(--c-accent-dim)}.perf-block__status--warn{color:#ffb020;background:#ffb0201f}.perf-block__status--error{color:#ff6b6b;background:#ff6b6b1f}.perf-block__status--muted{color:var(--c-muted)}.perf-preview{padding:5px 7px;border:1px solid var(--c-border-dim);border-radius:var(--r-sm);background:#00000059}.perf-preview--preset{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;text-align:center}.perf-preview-stat__val{display:block;font-size:var(--panel-fs-title);font-weight:500;color:var(--c-accent);line-height:1.2}.perf-preview-stat__key{display:block;margin-top:2px;font-size:var(--panel-fs-micro);color:var(--c-muted);line-height:1.2}.travel-preview__labels{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--panel-fs-micro);color:var(--c-muted);margin-bottom:4px}.travel-preview__current{font-size:var(--panel-fs-caption);font-weight:500;color:var(--c-accent)}.travel-preview__track{position:relative;height:8px;border-radius:4px;background:#ffffff14;overflow:hidden}.travel-preview__fill{position:absolute;inset:0 auto 0 0;width:var(--mark, 30%);background:linear-gradient(90deg,var(--c-accent-dim),var(--c-accent));border-radius:4px;opacity:.85}.travel-preview__mark{position:absolute;top:-3px;bottom:-3px;left:var(--mark, 30%);width:2px;margin-left:-1px;background:var(--c-white);border-radius:1px;box-shadow:0 0 6px var(--c-accent)}.polling-preview{display:flex;align-items:center;justify-content:space-between;gap:8px}.polling-preview__hz{display:flex;align-items:baseline;gap:4px;color:var(--c-accent)}.polling-preview__hz svg{width:var(--panel-icon-sm);height:var(--panel-icon-sm);flex-shrink:0}.polling-preview__hz span{font-size:var(--panel-fs-value);font-weight:500;line-height:1}.polling-preview__hz small,.polling-preview__interval small{font-size:var(--panel-fs-micro);color:var(--c-muted)}.polling-preview__interval{text-align:right}.polling-preview__interval span{display:block;font-size:var(--panel-fs-value-md);font-weight:500;color:var(--c-white);line-height:1.2}.trigger-preview{display:flex;flex-direction:column;gap:8px}.trigger-preview__sep,.trigger-stack__sep{height:1px;background:var(--c-border-dim);flex-shrink:0}.trigger-stack{display:flex;flex-direction:column;gap:10px}.trigger-stack__part{display:flex;flex-direction:column;gap:6px}.trigger-stack__head{font-size:var(--panel-fs-caption);font-weight:500;color:#ffffffb8}.trigger-row__body{display:flex;align-items:center;gap:10px}.trigger-row__main{flex:1;min-width:0}.trigger-row__body--disabled .slider-input{cursor:not-allowed;opacity:.45}.dz-stepper--disabled .dz-stepper__val{opacity:.55}.effect-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;margin-bottom:6px}.effect-head__title{display:flex;align-items:center;gap:8px;font-size:var(--panel-fs-title);font-weight:500;color:var(--c-white);letter-spacing:.02em}.effect-head__title:before{content:"";display:block;width:3px;height:14px;border-radius:1px;background:var(--c-accent);box-shadow:0 0 8px #00a3ff73}.effect-head__tools{display:flex;align-items:center;gap:6px;flex-shrink:0}.effect-head__bolt{color:#ffb020;flex-shrink:0}.effect-head__tool-label{font-size:var(--panel-fs-caption);color:#ffffffb8;white-space:nowrap}.effect-body{display:flex;align-items:stretch;gap:clamp(6px,.8vw,10px);flex:1;min-height:0}.effect-body__viz{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.effect-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border-radius:999px;border:1px solid rgba(0,163,255,.35);background:#00a3ff1f;box-shadow:0 0 12px #00a3ff33;font-size:var(--panel-fs-caption);font-weight:500;color:var(--c-accent);line-height:1.2}.effect-switch{width:clamp(46px,4.2vw,62px);height:auto;flex-shrink:0;filter:drop-shadow(0 4px 12px rgba(0,0,0,.45))}.effect-bar{position:relative;width:min(100%,140px);height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.effect-bar__fill{position:absolute;inset:0 auto 0 0;width:var(--fill, 0%);background:linear-gradient(90deg,var(--c-accent-dim),var(--c-accent));border-radius:3px}.effect-caption{width:min(100%,140px);padding:4px 8px;border:1px solid var(--c-border-dim);border-radius:var(--r-sm);background:#00000047;font-size:var(--panel-fs-micro);color:var(--c-muted);text-align:center;line-height:1.3}.effect-gauge{display:flex;align-items:stretch;gap:6px;flex-shrink:0;padding-block:4px}.effect-gauge__actuation-mark{position:absolute;left:0;right:0;height:2px;margin-top:-1px;background:#ffb020;box-shadow:0 0 6px #ffb020a6;pointer-events:none;z-index:1}.effect-gauge__track{position:relative;width:28px;min-height:clamp(88px,11vh,128px);border-radius:14px;background:#ffffff14;overflow:hidden}.effect-gauge__fill{position:absolute;top:0;left:0;right:0;background:linear-gradient(180deg,var(--c-accent),rgba(0,163,255,.75));border-radius:14px 14px 0 0;transition:height .06s linear}.effect-gauge__scale{position:relative;width:42px;min-height:clamp(88px,11vh,128px)}.effect-gauge__tick{position:absolute;left:0;display:flex;align-items:center;gap:4px;transform:translateY(-50%);font-size:9px;color:#ffffff73;line-height:1;white-space:nowrap}.effect-gauge__tick i{display:block;width:6px;height:1px;background:#ffffff40;flex-shrink:0}.adv-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:clamp(8px,1vh,12px) 0}.adv-row+.adv-row{border-top:1px solid var(--c-border-dim)}.adv-row__text{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0;flex:1}.adv-row__title{font-size:var(--panel-fs-title);font-weight:500;color:var(--c-white);white-space:nowrap}.adv-row__desc{font-size:var(--panel-fs-caption);color:var(--c-muted);line-height:1.45;flex:1;min-width:160px}.adv-deadzone-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1vh,10px);margin-top:clamp(8px,1vh,10px);padding-top:clamp(10px,1.2vh,14px);border-top:1px solid var(--c-border-dim)}.perf-block--advanced .adv-row{gap:8px;padding:6px 0}.perf-block--advanced .adv-row:first-child{padding-top:0}.perf-block--advanced .adv-row__text{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:2px}.perf-block--advanced .adv-row__desc{width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perf-block--advanced .adv-deadzone-grid{grid-template-columns:1fr;gap:6px;margin-top:6px;padding-top:8px}.perf-block--advanced .dz-card{padding:6px}.perf-block--advanced .dz-card__body{flex-direction:column;align-items:stretch;gap:6px;min-height:0}.perf-block--advanced .dz-card__slider-row{gap:4px}.perf-block--advanced .dz-card__slider-wrap{flex:1 1 auto;padding-bottom:16px}.perf-block--advanced .dz-stepper{justify-content:center;padding:3px 4px;width:100%}.dz-card{min-width:0;padding:clamp(8px,1vh,10px);border:1px solid var(--c-border-dim);border-radius:var(--r-sm);background:#00000038}.dz-card--disabled{opacity:.45;pointer-events:none}.dz-card--disabled .slider-input{cursor:not-allowed}.dz-card__body{display:flex;align-items:center;gap:10px;min-height:40px}.dz-card__title{flex-shrink:0;font-size:var(--panel-fs-caption);font-weight:500;color:#ffffffd1;white-space:nowrap}.dz-card__slider-row{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:0}.dz-card__bound{flex-shrink:0;font-size:var(--panel-fs-micro);color:var(--c-muted);line-height:1}.dz-card__slider-wrap{position:relative;flex:1 1 220px;width:auto;min-width:0;max-width:100%;padding-bottom:18px}.dz-card__bubble{position:absolute;top:18px;min-width:36px;padding:2px 6px;border:1px solid var(--c-border-dim);border-radius:var(--r-sm);background:#00000073;font-size:var(--panel-fs-micro);color:var(--c-muted);text-align:center;line-height:1.3;pointer-events:none}.dz-stepper{display:flex;align-items:center;gap:4px;flex-shrink:0;padding:4px 6px;border:1px solid var(--c-border);border-radius:var(--r-sm);background:#ffffff08}.dz-stepper__btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--r-sm);color:var(--c-muted);font-size:14px;line-height:1;transition:color .12s,background .12s}.dz-stepper__btn:hover{color:var(--c-white);background:#ffffff14}.dz-stepper__val{min-width:52px;font-size:var(--panel-fs-caption);color:var(--c-white);text-align:center;white-space:nowrap}.rt-preview{display:flex;flex-direction:column;gap:5px}.rt-preview--off{opacity:.45}.rt-preview__row{display:grid;grid-template-columns:42px 1fr 36px;align-items:center;gap:6px;font-size:var(--panel-fs-micro);color:var(--c-muted)}.rt-preview__row>span:last-child{text-align:right;color:var(--c-accent);font-size:var(--panel-fs-caption)}.rt-preview__bar{height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.rt-preview__bar span{display:block;height:100%;border-radius:3px}.rt-preview__bar--press span{background:var(--c-accent)}.rt-preview__bar--release span{background:#00a3ff73}.apply-bar{display:flex;align-items:center;gap:10px;padding:4px 0}.apply-bar__info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.apply-bar__count{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-sm);background:var(--c-accent-dim);border:1px solid rgba(0,163,255,.35);font-size:var(--panel-fs-value-md);font-weight:600;color:var(--c-accent)}.apply-bar__text{display:flex;flex-direction:column;gap:2px;min-width:0}.apply-bar__label{font-size:var(--panel-fs-caption);color:var(--c-white);font-weight:500}.apply-bar__detail{font-size:var(--panel-fs-micro);color:var(--c-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apply-bar__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;height:var(--panel-control-h);padding:0 16px;border:1px solid var(--c-accent);border-radius:var(--r-sm);background:var(--c-accent-dim);color:var(--c-accent);font-size:var(--panel-fs-desc);font-weight:500;transition:background .12s,color .12s,box-shadow .12s}.apply-bar__btn svg{width:16px;height:16px}.apply-bar__btn:hover{background:#00a3ff47;color:var(--c-white);box-shadow:0 0 16px #00a3ff33}.apply-compact{display:flex;flex-direction:column;gap:6px}.apply-scope{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;border:1px solid var(--c-border-dim);border-radius:var(--r-sm);background:#ffffff05}.apply-scope__btn{height:24px;border-radius:calc(var(--r-sm) - 2px);font-size:var(--panel-fs-micro);color:var(--c-muted);transition:color .12s,background .12s}.apply-scope__btn:hover:not(:disabled){color:var(--c-white);background:#ffffff0f}.apply-scope__btn--active{color:var(--c-white);background:#00a3ff38;box-shadow:inset 0 0 0 1px #00a3ff59}.apply-scope__btn:disabled{opacity:.35;cursor:not-allowed}.apply-compact__main{display:flex;align-items:center;gap:8px;min-width:0}.apply-compact__count{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--r-sm);background:var(--c-accent-dim);border:1px solid rgba(0,163,255,.35);font-size:var(--panel-fs-desc);font-weight:600;color:var(--c-accent);line-height:1}.apply-compact__text{display:flex;flex-direction:column;gap:1px;min-width:0}.apply-compact__label{font-size:var(--panel-fs-caption);color:var(--c-white);font-weight:500;line-height:1.25}.apply-compact__keys{font-size:var(--panel-fs-micro);color:var(--c-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.apply-compact__btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:100%;height:28px;padding:0 10px;border:1px solid var(--c-accent);border-radius:var(--r-sm);background:var(--c-accent-dim);color:var(--c-accent);font-size:var(--panel-fs-caption);font-weight:500;transition:background .12s,color .12s}.apply-compact__btn svg{width:14px;height:14px;flex-shrink:0}.apply-compact__btn:hover{background:#00a3ff47;color:var(--c-white)}.apply-compact__foot{display:flex;align-items:center;justify-content:space-between;gap:4px;padding-top:4px;border-top:1px solid var(--c-border-dim)}.apply-compact__hint{font-size:var(--panel-fs-micro);color:var(--c-muted);line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apply-compact__status{flex-shrink:0;padding:1px 6px;border-radius:var(--r-sm);font-size:var(--panel-fs-micro);line-height:1.3;background:#ffffff0a}.apply-compact__status--ok{color:var(--c-accent);background:var(--c-accent-dim)}.apply-compact__status--warn{color:#ffb020;background:#ffb0201f}.apply-compact__status--error{color:#ff6b6b;background:#ff6b6b1f}.apply-compact__status--muted{color:var(--c-muted)}.apply-preview{display:flex;flex-direction:column;gap:4px}.apply-preview__keys{display:flex;align-items:baseline;gap:4px}.apply-preview__count{font-size:var(--panel-fs-value-lg);font-weight:500;color:var(--c-accent);line-height:1}.apply-preview__label{font-size:var(--panel-fs-caption);color:var(--c-muted)}.apply-preview__detail{font-size:var(--panel-fs-micro);color:#ffffff8c;line-height:1.35;word-break:break-all}.preset-actions{display:flex;align-items:stretch;gap:clamp(10px,1.2vw,14px);flex:1;width:100%;min-height:0;min-width:0}.preset-effect{flex:0 0 auto;align-self:stretch;width:auto;height:auto;aspect-ratio:360 / 200;display:flex;align-items:center;justify-content:center;border:1px solid var(--c-border-dim);border-radius:var(--r-sm);background:#00000059;overflow:hidden}.preset-effect__video{display:block;width:100%;height:100%;object-fit:contain}.perf-block--presets .preset-list{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;gap:10px;margin-top:0}.perf-block--presets .preset-btn{flex:1;width:100%;min-height:0;flex-direction:column;align-items:flex-start;justify-content:center;padding:8px 10px;font-size:var(--panel-fs-caption);gap:4px}.perf-block--presets .preset-btn svg{width:15px;height:15px}.perf-block--presets .preset-btn__tag{margin-left:0;font-size:var(--panel-fs-micro)}.perf-block--trigger .slider-wrap{padding-bottom:0}.perf-block--trigger .rate-chips{gap:5px;grid-template-columns:repeat(6,minmax(0,1fr))}.perf-block--rt .rt-control{display:flex;flex-direction:column;gap:12px}.rt-slider-stack{display:flex;flex-direction:column;gap:10px}.rt-slider-block{display:flex;flex-direction:column;gap:4px}.rt-slider-block__label{font-size:var(--panel-fs-micro);font-weight:500;color:var(--c-muted);line-height:1.25}.rt-slider-block__label--press{color:#00a3ffd9}.rt-slider-block__label--release{color:#ffffff9e}.slider-input--rt::-webkit-slider-thumb{border-color:#00a3ff8c}.slider-input--rt::-moz-range-thumb{border-color:#00a3ff8c}.perf-block--rt .perf-block__head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.perf-block--rt .perf-block__head .rt-header{padding:0}.perf-block--rt .perf-block__preview{margin-bottom:6px}.perf-block--rt .perf-block__desc{margin-bottom:6px;-webkit-line-clamp:1;line-clamp:1}.perf-block--rt .perf-block__body{flex-shrink:0;display:flex;flex-direction:column;min-height:0;margin-top:0;margin-bottom:0}.perf-block--rt .perf-block__foot{margin-top:auto;padding-top:5px;flex-shrink:0;flex-direction:row;align-items:center;gap:4px 8px}.perf-block--rt .perf-block__recommend{font-size:var(--panel-fs-caption);line-height:1.35;width:100%}.perf-block--rt .perf-block__status-row{width:100%}.perf-block--rt .perf-block__status{font-size:var(--panel-fs-micro);padding:2px 7px;max-width:100%;word-break:normal;white-space:normal}.perf-block--rt .rt-preview{gap:6px}.perf-block--rt .rt-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.perf-block--rt .rt-header{min-height:0;padding:2px 0 4px}.perf-block--rt .rt-field{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3px;min-height:0;height:auto;padding:6px 8px;border-radius:var(--r-sm);cursor:default;pointer-events:none}.perf-block--rt .rt-field--press{border:1px solid rgba(0,163,255,.22);background:#00a3ff12}.perf-block--rt .rt-field--release{border:1px solid rgba(255,255,255,.1);background:#ffffff08}.perf-block--rt .rt-field__label{font-size:var(--panel-fs-micro);color:var(--c-muted);line-height:1.25}.perf-block--rt .rt-field__val{font-size:var(--panel-fs-desc);font-weight:500;color:var(--c-accent);line-height:1.2}.rt-control__label{font-size:var(--panel-fs-caption);color:var(--c-muted)}.preset-btn__tag{margin-left:auto;font-size:var(--panel-fs-micro);color:var(--c-muted);line-height:1.1}.preset-btn--active .preset-btn__tag{color:var(--c-accent);opacity:.75}.perf-col__label{display:block;margin-bottom:clamp(6px,1vh,10px);font-size:var(--panel-fs-title);color:var(--c-muted)}.preset-list{display:flex;flex-direction:column;gap:4px}.preset-btn{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;min-height:30px;height:30px;padding:0 10px;border:1px solid var(--c-border);border-radius:var(--r-sm);color:var(--c-white);font-size:var(--panel-fs-caption);text-align:left;transition:border-color .12s,color .12s,background .12s}.preset-btn svg{width:14px;height:14px;flex-shrink:0}.preset-btn:hover{border-color:#ffffff59}.preset-btn--active{border-color:var(--c-accent);color:var(--c-accent)}.rate-chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.rate-chip{min-width:0;height:var(--panel-control-h-sm);padding:0 2px;border:1px solid var(--c-border);border-radius:var(--r-sm);color:var(--c-white);font-size:var(--panel-fs-caption);transition:border-color .12s,color .12s,background .12s}.rate-chip:hover{border-color:#ffffff59}.rate-chip--active{border-color:var(--c-accent);color:var(--c-accent);background:var(--c-accent-dim)}.actuation-value{font-size:clamp(20px,3.5vw,28px);font-weight:500;color:var(--c-accent);line-height:1;margin-bottom:clamp(8px,1.5vh,12px);letter-spacing:-.02em}.actuation-value span{font-size:clamp(13px,2vw,16px);font-weight:400}.slider-wrap{position:relative;padding-bottom:clamp(12px,2vh,18px)}.slider-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:linear-gradient(to right,var(--c-accent) 0%,var(--c-accent) var(--pct, 30%),rgba(255,255,255,.15) var(--pct, 30%),rgba(255,255,255,.15) 100%);outline:none;cursor:pointer}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:var(--panel-slider-thumb);height:var(--panel-slider-thumb);border-radius:50%;background:var(--c-white);box-shadow:0 0 0 2px var(--c-bg);cursor:pointer}.slider-input::-moz-range-thumb{width:var(--panel-slider-thumb);height:var(--panel-slider-thumb);border:none;border-radius:50%;background:var(--c-white);cursor:pointer}.slider-ticks{display:flex;justify-content:space-between;margin-top:6px;font-size:var(--panel-fs-caption);color:var(--c-muted)}.rt-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:0}.rt-title{font-size:inherit;color:var(--c-white)}.toggle{position:relative;width:40px;height:22px;border-radius:11px;background:#ffffff26;transition:background .15s;flex-shrink:0}.toggle--on{background:var(--c-accent)}.toggle__knob{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--c-white);transition:transform .15s}.toggle--on .toggle__knob{transform:translate(18px)}.rt-fields{display:flex;flex-direction:column;gap:10px}.rt-field{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:70px;height:70px;padding:0 14px;border:1px solid var(--c-border);border-radius:var(--r-sm);font-size:var(--panel-fs-desc);color:var(--c-muted)}.rt-field__val{color:var(--c-accent);font-size:inherit;white-space:nowrap}.rt-field__val--online{color:var(--c-accent)}.device-panel{display:flex;flex-direction:column;align-items:center;height:100%;min-height:0;width:100%;overflow:hidden}.device-grid{display:grid;grid-template-columns:minmax(0,var(--perf-col-trigger)) minmax(max(180px,var(--perf-col-effect-min)),var(--perf-col-effect));grid-template-rows:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(4px,.6vh,6px);width:100%;height:100%;min-height:0;overflow:hidden}.perf-block--device-rate{grid-column:1;grid-row:1}.perf-block--device-info{grid-column:2;grid-row:1}.perf-block--device-rate,.perf-block--device-info,.perf-block--device-settings{min-height:0;height:100%;overflow:hidden;padding:clamp(8px,1vh,12px);gap:clamp(6px,.8vh,10px)}.perf-block--device-rate .perf-block__head,.perf-block--device-info .perf-block__head,.perf-block--device-settings .perf-block__head{margin-bottom:0}.perf-block--device-rate .perf-block__desc,.perf-block--device-info .perf-block__desc,.perf-block--device-settings .perf-block__desc{-webkit-line-clamp:1;line-clamp:1;margin:0}.perf-block--device-rate .perf-block__preview{margin:0;padding:clamp(4px,.6vh,8px) 0}.perf-block--device-rate .perf-block__body,.perf-block--device-info .perf-block__body{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(4px,.6vh,8px) 0}.perf-block--device-rate .perf-block__foot,.perf-block--device-info .perf-block__foot{margin-top:auto;padding-top:clamp(6px,.8vh,10px)}.perf-block--device-settings{grid-column:1 / -1;grid-row:2;display:flex;flex-direction:column}.perf-block--device-rate .device-polling__chips{width:100%;max-width:none;flex:1;align-items:stretch;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.perf-block--device-rate .rate-chip{width:100%;height:100%;min-height:var(--panel-control-h-sm);padding:0 6px}.device-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(8px,1vh,12px) 10px;flex:1;min-height:0;align-content:stretch}.device-info__item{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:clamp(8px,1vh,12px) 10px;border:1px solid var(--c-border-dim);border-radius:var(--r-sm);background:#ffffff05}.device-info__label{font-size:var(--panel-fs-micro);color:var(--c-muted)}.device-info__value{font-size:var(--panel-fs-value-md);font-weight:500;color:var(--c-white);line-height:1.2}.device-info__value--accent{color:var(--c-accent)}.device-settings__system{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:clamp(2px,.4vh,6px) 0}.device-settings__system-label{flex-shrink:0;font-size:var(--panel-fs-caption);font-weight:500;color:#ffffffb8;white-space:nowrap}.perf-block--device-settings .device-settings__system-chips{flex:1;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr))}.device-settings__toggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:clamp(6px,.8vh,12px);flex:1;min-height:0;align-content:stretch;padding:clamp(4px,.6vh,8px) 0}.device-setting-row{gap:8px;height:100%;padding:clamp(6px,.8vh,10px) 0;align-items:center;align-self:stretch}.device-setting-row__text{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;min-width:0}.device-setting-row__text .adv-row__title{flex-shrink:0;white-space:nowrap}.device-setting-row__desc{flex:1;min-width:0;font-size:var(--panel-fs-caption);color:var(--c-muted);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-setting-row__desc:before{content:"·";margin-right:6px;color:#ffffff47}.perf-block--device-settings .device-danger__row{flex-shrink:0;padding:clamp(8px,1vh,12px) 0 clamp(2px,.4vh,4px);margin-top:auto;border-top:1px solid var(--c-border-dim)}.device-settings__foot{margin-top:0;padding-top:clamp(6px,.8vh,10px);flex-shrink:0}.device-danger__btn{flex-shrink:0;padding:6px 14px;border:1px solid rgba(255,92,92,.45);border-radius:var(--r-sm);background:#ff5c5c1a;color:#ff8a8a;font-size:var(--panel-fs-caption);font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.device-danger__btn:hover:not(:disabled){background:#ff5c5c2e;border-color:#ff5c5ca6}.device-danger__btn:disabled{opacity:.45;cursor:not-allowed}.device-danger__btn--confirm{border-color:#ff5c5c8c;background:#ff5c5c38;color:#fff}.lighting-panel{display:flex;flex-direction:column;gap:clamp(6px,.8vh,8px);width:min(100%,var(--kb-frame-w, 100%));min-height:0}.lighting-card{min-width:0;min-height:0;display:flex;flex-direction:column;gap:clamp(8px,1vh,12px);padding:clamp(8px,1.2vh,12px);border:1px solid var(--c-border-dim);border-radius:var(--r-md);background:#ffffff05}.lighting-card--effects{flex:0 0 auto;height:auto}.lighting-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.lighting-card__title{position:relative;padding-left:12px;font-size:var(--panel-fs-title);font-weight:500;color:var(--c-white)}.lighting-card__title:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:2px;border-radius:2px;background:var(--c-accent)}.lighting-tabs{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:var(--r-md);border:1px solid var(--c-border-dim);background:#00000038}.lighting-tab{min-width:76px;height:var(--panel-control-h-sm);padding:0 14px;border-radius:var(--r-sm);color:var(--c-muted);font-size:var(--panel-fs-caption);font-weight:500;transition:color .16s ease,background .16s ease,border-color .16s ease}.lighting-tab:hover:not(.lighting-tab--active){color:var(--c-white);background:#ffffff0f}.lighting-tab--active{color:var(--c-white);background:var(--c-accent-dim);box-shadow:inset 0 0 0 1px #00a3ff57}.lighting-effect-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px 10px;align-content:start;overflow:visible;padding:2px}.lighting-effect{display:grid;grid-template-rows:var(--panel-control-h-sm) auto;justify-items:center;gap:5px;min-width:0;color:var(--c-muted);border-radius:var(--r-sm);padding:6px 4px;transition:color .16s ease,background .16s ease}.lighting-effect:hover:not(.lighting-effect--active){color:var(--c-white);background:#ffffff0a}.lighting-effect__icon{display:grid;place-items:center;width:var(--panel-control-h-sm);height:var(--panel-control-h-sm);border-radius:var(--r-sm);background:#ffffff0d;color:var(--c-white);font-size:var(--panel-icon);line-height:1;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.lighting-effect__label{max-width:100%;min-height:16px;color:inherit;font-size:var(--panel-fs-micro);line-height:1.2;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lighting-effect--active{color:var(--c-white);background:var(--c-accent-dim)}.lighting-effect--active .lighting-effect__icon{color:var(--c-white);background:#00a3ff57;box-shadow:inset 0 0 0 1px #00a3ff5c}.lighting-color-editor{display:grid;grid-template-columns:minmax(138px,168px) minmax(112px,132px) minmax(0,1fr);gap:clamp(10px,1.2vh,14px);align-items:start}.lighting-picker{position:relative;display:block;width:100%;aspect-ratio:1.58;border:1px solid var(--c-border);border-radius:var(--r-sm);overflow:hidden;background:linear-gradient(180deg,#ffffffeb,#fff0 50%,#000000d1),linear-gradient(90deg,#fff,var(--picker-color))}.lighting-picker:after{content:"";position:absolute;right:0;top:0;width:12px;height:12px;border:2px solid var(--c-white);border-radius:50%;box-shadow:0 0 0 1px #00000080}.lighting-picker input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.lighting-rgb-fields{display:flex;flex-direction:column;gap:5px}.lighting-rgb-fields label{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;color:var(--c-white);font-size:var(--panel-fs-desc);font-weight:600}.lighting-rgb-fields input{min-width:0;height:26px;border:1px solid var(--c-border-dim);border-radius:var(--r-sm);background:#1a1927f2;color:var(--c-white);padding:0 12px;font:inherit}.lighting-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;align-items:start}.lighting-presets{display:flex;align-items:center;gap:10px;color:var(--c-muted);font-size:var(--panel-fs-micro)}.lighting-preset-grid{display:grid;grid-template-columns:repeat(9,24px);gap:6px}.lighting-swatch{width:24px;height:24px;border-radius:5px;border:1px solid rgba(255,255,255,.24);background:var(--swatch)}.lighting-swatch--rainbow{background:conic-gradient(from 90deg,red,#f80,#ff0,#00ff30,#00e5ff,#08f,#80f,red)}.lighting-range-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.2vh,14px);align-items:center}.lighting-range{display:grid;grid-template-columns:34px minmax(0,1fr) 42px;gap:10px;align-items:center;color:var(--c-white);font-size:var(--panel-fs-caption);font-weight:500}.lighting-range input{min-width:0;accent-color:var(--c-accent)}.lighting-range em{color:var(--c-white);font-style:normal;text-align:right}.lighting-direction-row{display:flex;align-items:center;gap:12px;color:var(--c-white);font-size:var(--panel-fs-caption);font-weight:500}.lighting-tabs--direction{padding:0;background:transparent}.lighting-tabs--direction .lighting-tab{min-width:88px;height:var(--panel-control-h-sm);font-size:var(--panel-fs-micro)}.lighting-preview-toggle{padding:4px 14px;border-radius:999px;border:1px solid var(--brand-primary);background:transparent;color:var(--brand-primary);font-size:var(--panel-fs-micro);cursor:pointer;transition:background .2s,color .2s}.lighting-preview-toggle--active{background:var(--brand-primary);color:#000}.lighting-custom-hint{margin:0 0 12px;font-size:var(--panel-fs-caption);color:var(--text-secondary, rgba(255, 255, 255, .65))}.lighting-picker--disabled input{pointer-events:none;opacity:.45}.lighting-picker__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:8px;text-align:center;font-size:var(--panel-fs-micro);color:var(--c-white);background:#0000008c;border-radius:inherit;pointer-events:none}.lighting-field--disabled{opacity:.45}.lighting-swatch:disabled{opacity:.35;cursor:not-allowed}.travel-preview--solo{width:100%}.apply-btn{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;width:auto;min-width:96px;height:var(--panel-control-h);min-height:var(--panel-control-h);border:1px solid var(--c-border);border-radius:var(--r-md);color:var(--c-white);font-size:var(--panel-fs-desc);line-height:1.3;text-align:center;padding:0 14px;transition:border-color .12s,background .12s}.apply-btn span{display:flex;flex-direction:column;align-items:flex-start;gap:0;line-height:1.2}.apply-btn svg{width:16px;height:16px;color:var(--c-white);flex-shrink:0}.apply-btn:hover{border-color:var(--c-accent);background:var(--c-accent-dim)}.apply-btn em{font-style:normal;color:var(--c-accent)}.remap-panel{display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%;min-height:0;overflow:hidden}.remap-shell{display:flex;flex-direction:column;gap:clamp(4px,.6vh,6px);width:100%;height:100%;min-height:0;overflow:hidden}.remap-tabs-head{display:flex;align-items:center;justify-content:center;flex-shrink:0}.remap-tabs{width:100%;justify-content:center}.remap-tabs .lighting-tab{flex:1;min-width:0;max-width:160px}.remap-tab-content{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}.remap-tab-content>.perf-block,.remap-tab-content>section{flex:1;min-height:0}.perf-block--remap-map{min-height:0;height:100%;padding:clamp(6px,.8vh,10px);gap:clamp(4px,.6vh,6px);overflow:hidden}.perf-block--remap-map .perf-block__head{margin-bottom:0}.perf-block--remap-map .perf-block__desc{margin:2px 0 0;font-size:var(--panel-fs-caption);line-height:1.35}.perf-block--remap-map .perf-block__preview{margin:clamp(4px,.5vh,6px) 0 0;flex-shrink:0}.perf-block--remap-map .perf-block__body{flex:1;min-height:0;display:flex;flex-direction:column;margin-top:clamp(4px,.5vh,6px);overflow:hidden}.perf-block--remap-map .perf-block__foot{margin-top:auto;padding-top:clamp(4px,.5vh,6px);flex-shrink:0}.perf-block--remap-advanced{min-height:0;height:100%;display:flex;flex-direction:column;padding:clamp(8px,1vh,12px);gap:clamp(6px,.8vh,10px)}.perf-block--remap-advanced .perf-block__head,.perf-block--remap-advanced .perf-block__desc{margin:0}.perf-block--remap-more{display:flex;flex-direction:column;gap:clamp(6px,.8vh,10px);padding:clamp(8px,1vh,12px);min-height:0;height:100%}.perf-block--remap-more .perf-block__foot{margin-top:auto;padding-top:clamp(6px,.8vh,10px)}.remap-flow{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);grid-template-rows:auto minmax(clamp(40px,5.5vh,52px),auto);column-gap:0;row-gap:8px;align-items:stretch;padding:clamp(6px,.8vh,10px) clamp(8px,1vw,12px);border-radius:var(--r-sm);border:1px solid var(--c-border-dim);background:linear-gradient(145deg,#0000006b,#00a3ff0d),#0000002e;box-shadow:inset 0 1px #ffffff0a}.remap-flow__lane{display:contents}.remap-flow__lane--source .remap-flow__tag{grid-column:1;grid-row:1}.remap-flow__lane--source .remap-flow__cap{grid-column:1;grid-row:2}.remap-flow__lane--target .remap-flow__tag{grid-column:3;grid-row:1}.remap-flow__lane--target .remap-flow__cap{grid-column:3;grid-row:2}.remap-flow__tag{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--c-muted);padding-left:2px;align-self:end}.remap-flow__lane--target .remap-flow__tag{text-align:right;padding-left:0;padding-right:2px;color:#00a3ffa6}.remap-flow__cap{display:flex;align-items:center;justify-content:center;min-width:0;min-height:clamp(40px,5.5vh,52px);padding:clamp(6px,.8vh,10px) clamp(8px,1vw,12px);border-radius:10px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff12,#ffffff05),#00000047;box-shadow:inset 0 1px #ffffff12,0 2px 8px #00000038}.remap-flow__cap--target{border-color:#00a3ff61;background:linear-gradient(180deg,#00a3ff29,#00a3ff0a),#0000003d;box-shadow:inset 0 1px #00a3ff38,0 0 18px #00a3ff1a,0 2px 8px #0003}.remap-flow__cap--empty{border-style:dashed;border-color:#ffffff1f;background:#00000029;box-shadow:none}.remap-flow__cap--target.remap-flow__cap--empty{border-color:#00a3ff33}.remap-flow__value{font-size:clamp(16px,1.4vw,20px);font-weight:600;letter-spacing:.02em;color:var(--c-white);text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remap-flow__value--target{color:var(--c-accent);text-shadow:0 0 20px rgba(0,163,255,.35)}.remap-flow__placeholder{font-size:var(--panel-fs-caption);font-weight:400;color:#ffffff47;letter-spacing:.04em}.remap-flow__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:100%}.remap-flow__chip{padding:4px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;font-size:var(--panel-fs-caption);font-weight:600;color:var(--c-white);line-height:1.2}.remap-flow__chip--target{border-color:#00a3ff59;background:#00a3ff1f;color:var(--c-accent)}.remap-flow__bridge{position:relative;grid-column:2;grid-row:2;align-self:center;justify-self:center;width:44px;height:24px}.remap-flow__bridge-track{position:absolute;left:2px;right:8px;top:50%;height:2px;border-radius:1px;transform:translateY(-50%);background:linear-gradient(90deg,#ffffff14,#00a3ff8c)}.remap-flow__bridge-head{position:absolute;right:2px;top:50%;width:8px;height:8px;border-top:2px solid rgba(0,163,255,.7);border-right:2px solid rgba(0,163,255,.7);transform:translateY(-50%) rotate(45deg);filter:drop-shadow(0 0 4px rgba(0,163,255,.45))}.remap-map-body{display:flex;flex-direction:column;gap:clamp(4px,.6vh,6px);flex:1;min-height:0;overflow:hidden}.remap-map-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:8px 10px;flex-shrink:0;padding-bottom:clamp(4px,.5vh,6px);border-bottom:1px solid var(--c-border-dim)}.remap-map-actions__hint{margin:0;flex:1;min-width:0;font-size:var(--panel-fs-micro);color:var(--c-muted);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remap-action-btn--ghost{flex-shrink:0;background:#ffffff08}.remap-search,.remap-common{display:flex;flex-direction:column;gap:6px;min-width:0}.remap-search__label,.remap-common__label{font-size:var(--panel-fs-caption);color:var(--c-muted);font-weight:500}.remap-apply-bar{padding:0}.remap-action-btn{height:var(--panel-control-h-sm);padding:0 12px;border:1px solid var(--c-border);border-radius:var(--r-sm);color:var(--c-muted);font-size:var(--panel-fs-caption);transition:border-color .12s,color .12s,background .12s}.remap-action-btn:hover:not(:disabled){border-color:#ffffff59;color:var(--c-white);background:#ffffff0a}.remap-action-btn:disabled{opacity:.4;cursor:not-allowed}.remap-adv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;flex-shrink:0}.remap-adv-type{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;padding:6px 4px;border-radius:var(--r-sm);color:var(--c-muted);transition:color .16s ease,background .16s ease,box-shadow .16s ease}.remap-adv-type:hover:not(.remap-adv-type--active){color:var(--c-white);background:#ffffff0a}.remap-adv-type--active{color:var(--c-white);background:var(--c-accent-dim);box-shadow:inset 0 0 0 1px #00a3ff57}.remap-adv-type__tag{font-size:var(--panel-fs-desc);font-weight:600;letter-spacing:.04em}.remap-adv-type__desc{font-size:var(--panel-fs-micro);opacity:.85}.remap-adv-form{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(4px,.6vh,8px) 0}.remap-field-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}.remap-field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:88px}.remap-field--narrow{flex:0 1 96px;min-width:72px}.remap-field>span{font-size:var(--panel-fs-micro);color:var(--c-muted)}.remap-field input{height:var(--panel-control-h-sm);padding:0 10px;border:1px solid var(--c-border);border-radius:var(--r-sm);background:#00000040;color:var(--c-white);font-size:var(--panel-fs-caption)}.remap-field input:disabled{opacity:.55;cursor:not-allowed}.remap-toggle-field{display:flex;align-items:center;gap:10px;padding-bottom:4px;font-size:var(--panel-fs-micro);color:var(--c-muted)}.remap-strategy-row{display:flex;flex-direction:column;gap:6px;margin-top:8px}.remap-strategy-row>span{font-size:var(--panel-fs-micro);color:var(--c-muted)}.remap-strategy-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.remap-mpt-stack{display:flex;flex-direction:column;gap:8px}.remap-mpt-row{display:grid;grid-template-columns:40px minmax(0,1fr) 72px;align-items:center;gap:8px}.remap-mpt-row__label{font-size:var(--panel-fs-micro);color:var(--c-muted)}.remap-mpt-row__key{height:var(--panel-control-h-sm);padding:0 8px;border:1px solid var(--c-border);border-radius:var(--r-sm);background:#00000040;color:var(--c-white);font-size:var(--panel-fs-micro)}.remap-dks{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:stretch}.remap-dks__axis{position:relative;width:100%;min-height:120px;border-radius:var(--r-sm);background:linear-gradient(180deg,#00a3ff14,#00a3ff38);border:1px solid rgba(0,163,255,.2)}.remap-dks__mark{position:absolute;left:4px;right:4px;height:2px;border-radius:1px;background:var(--c-accent);box-shadow:0 0 8px #00a3ff73}.remap-dks__mark--low:after,.remap-dks__mark--high:after{content:"";position:absolute;right:-2px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--c-accent)}.remap-dks__label{position:absolute;left:50%;transform:translate(-50%);font-size:9px;color:var(--c-muted)}.remap-dks__label--top{top:4px}.remap-dks__label--bottom{bottom:4px}.remap-dks__slots{display:flex;flex-direction:column;gap:6px}.remap-dks__slot{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px}.remap-dks__slot>span{font-size:var(--panel-fs-micro);color:var(--c-muted)}.remap-dks__slot input{height:var(--panel-control-h-sm);padding:0 8px;border:1px solid var(--c-border);border-radius:var(--r-sm);background:#00000040;color:var(--c-white);font-size:var(--panel-fs-micro)}.remap-more__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.remap-more-grid{display:flex;flex-wrap:wrap;gap:6px}.remap-more-foot{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;padding-top:clamp(6px,.8vh,10px);border-top:1px solid var(--c-border-dim)}.chip--active{border-color:#00a3ff73;background:var(--c-accent-dim);color:var(--c-accent)}.remap-picker{display:flex;flex-direction:column;gap:clamp(8px,1vh,10px);flex:1;min-height:0;overflow:hidden}.remap-picker__search{flex-shrink:0}.remap-picker__sections{display:flex;flex-direction:column;gap:3px;flex:1;min-height:0;overflow:hidden}.remap-picker__section{border:1px solid var(--c-border-dim);border-radius:var(--r-sm);background:#0000002e;overflow:hidden;flex-shrink:0}.remap-picker__section:has(.remap-picker__rows){display:flex;flex-direction:column}.remap-picker__section-head{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;color:var(--c-white);font-size:var(--panel-fs-caption);text-align:left}.remap-picker__section-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#ffffff0f;color:var(--c-muted);font-size:11px;font-weight:600;flex-shrink:0}.remap-picker__section-title{flex:1;font-weight:500}.remap-picker__section-chevron{color:var(--c-muted);transition:transform .15s ease}.remap-picker__section-chevron--open{transform:rotate(180deg)}.remap-picker__rows{display:flex;flex-direction:column;gap:var(--remap-gap, 4px);flex-shrink:0;padding:4px 6px 6px;--remap-gap: 3px;--remap-u: 40px}.remap-picker__row{display:grid;gap:var(--remap-gap, 4px);width:100%;height:calc(var(--remap-u) * var(--row-h-u, 1));flex-shrink:0;align-items:stretch}.remap-picker__rows .remap-picker__key{aspect-ratio:unset;width:100%;height:calc(var(--remap-u) * var(--key-h-u, 1));min-width:0;min-height:0;padding:clamp(1px,calc(var(--remap-u) * .1),6px) clamp(1px,calc(var(--remap-u) * .08),5px);font-size:clamp(8px,calc(var(--remap-u) * .38),15px);font-weight:600;line-height:1.1;white-space:normal;overflow-wrap:anywhere}.remap-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;flex-shrink:0;padding:4px 6px 6px}.remap-picker__key--grid{width:100%;min-height:34px;height:auto;padding:6px 4px;font-size:var(--panel-fs-caption);font-weight:500;line-height:1.2;white-space:normal;overflow-wrap:anywhere}.remap-picker__key{border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff14;color:var(--c-white);cursor:grab;touch-action:none;transition:border-color .12s,background .12s,transform .12s}.remap-picker__key:hover{border-color:#00a3ff59;background:#00a3ff1a}.remap-picker__key:active{cursor:grabbing;transform:scale(.96)}.remap-map-hint{margin:0;padding-top:clamp(6px,.8vh,8px);border-top:1px solid var(--c-border-dim);font-size:var(--panel-fs-caption);color:var(--c-muted);line-height:1.55}.remap-drag-ghost{position:fixed;z-index:999;pointer-events:none;transform:translate(-100%) rotate(8deg);transform-origin:100% 0%;min-width:40px;min-height:40px;padding:8px 12px;display:grid;place-items:center;border:1px solid rgba(0,163,255,.6);border-radius:8px;background:linear-gradient(145deg,#00a3ff47,#00a3ff24),#0c121ceb;color:var(--c-white);font-size:var(--panel-fs-caption);font-weight:600;box-shadow:0 10px 28px #00000073,0 0 0 1px #00a3ff1f;will-change:transform,left,top}.remap-drag-ghost__label{line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}.kb-canvas--remap-drop{cursor:copy}.field-label{font-size:var(--panel-fs-title);color:var(--c-muted);margin-bottom:6px}.search-box{display:flex;align-items:center;gap:8px;min-height:var(--panel-control-h);padding:0 12px;border:1px solid var(--c-border);border-radius:var(--r-sm);color:var(--c-muted)}.search-box input{flex:1;min-width:0;border:none;background:transparent;outline:none;color:var(--c-white);font-size:inherit}.search-box input::placeholder{color:var(--c-muted)}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{height:var(--panel-control-h-sm);padding:0 clamp(10px,1.5vw,14px);border:1px solid var(--c-border);border-radius:var(--r-sm);color:var(--c-white);font-size:var(--panel-fs-desc);transition:border-color .12s}.chip:hover{border-color:#fff6}.chip--more{color:var(--c-muted)}.selection-detail{font-size:var(--panel-fs-desc);color:var(--c-muted);margin-top:4px;word-break:break-all}.selection-detail strong{color:var(--c-white);font-weight:400}.panel-empty{font-size:var(--panel-fs-desc);color:var(--c-muted);line-height:1.6}.cal-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:clamp(6px,.8vh,8px);min-height:0;height:100%;align-items:stretch}.cal-block{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid var(--c-border-dim);border-radius:var(--r-md);background:#ffffff05}.cal-block--controls{flex-shrink:0;min-width:0;padding:clamp(6px,.8vh,8px) clamp(8px,1vw,10px);gap:clamp(4px,.5vh,6px)}.cal-block--chart{display:flex;flex-direction:column;min-height:0;min-width:0;padding:clamp(6px,.8vh,8px) clamp(8px,1vw,10px)}.cal-block__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.cal-block__title{display:inline-flex;align-items:center;gap:8px;font-size:var(--panel-fs-title);font-weight:500;color:var(--c-white)}.cal-block__title:before{content:"";display:block;width:3px;height:14px;border-radius:1px;background:var(--c-accent);box-shadow:0 0 8px #00a3ff73}.cal-block__desc{margin:0;font-size:var(--panel-fs-caption);color:var(--c-muted);line-height:1.4}.cal-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cal-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;padding:8px 6px;border-radius:var(--r-sm);background:#00000052;border:1px solid rgba(255,255,255,.06)}.cal-stat__value{font-size:clamp(18px,2.2vh,22px);font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums}.cal-stat__label{font-size:var(--panel-fs-caption);color:#ffffff85;white-space:nowrap}.cal-stat--done .cal-stat__value{color:#3dd68c}.cal-stat--active .cal-stat__value{color:#ffb020}.cal-stat--pending .cal-stat__value{color:#ff6b6e}.cal-controls-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.cal-legend{display:flex;flex-wrap:wrap;gap:8px 12px;flex-shrink:0}.cal-legend__item{display:inline-flex;align-items:center;gap:6px;font-size:var(--panel-fs-caption);color:var(--c-muted)}.cal-legend__swatch{width:14px;height:10px;border-radius:2px;border:1.5px solid transparent;background:#ffffff08}.cal-legend__swatch--pending{border-color:#ff4d4f}.cal-legend__swatch--active{border-color:#ffb020}.cal-legend__swatch--done{border-color:#3dd68c}.cal-progress{display:flex;align-items:center;gap:8px;flex:1;min-width:0;max-width:220px;margin-left:auto}.cal-progress__label{flex-shrink:0;font-size:var(--panel-fs-micro);color:var(--c-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.cal-progress__track{flex:1;min-width:48px;height:4px;border-radius:999px;background:#ffffff14;overflow:hidden}.cal-progress__fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#00a3ff,#3dd68c);transition:width .15s ease}.cal-chart{display:flex;flex-direction:column;flex:1;min-height:0;gap:6px}.cal-chart__head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-shrink:0}.cal-chart__titles{display:flex;flex-direction:column;gap:2px;min-width:0}.cal-chart__title{font-size:var(--panel-fs-title);font-weight:500;color:var(--c-white)}.cal-chart__subtitle{font-size:var(--panel-fs-micro);color:#ffffff6b;letter-spacing:.02em}.cal-chart__meta{display:flex;align-items:center;gap:8px}.cal-chart__badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;border:1px solid rgba(34,211,238,.35);background:#22d3ee1a;font-size:var(--panel-fs-caption);font-weight:500;color:#22d3ee;font-variant-numeric:tabular-nums}.cal-chart__status{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:600;letter-spacing:.06em;color:#ffffff52}.cal-chart__status-dot{width:6px;height:6px;border-radius:50%;background:#ffffff47}.cal-chart__status--on{color:#22d3ee}.cal-chart__status--on .cal-chart__status-dot{background:#22d3ee;box-shadow:0 0 8px #22d3ee8c}.cal-chart__canvas-wrap{position:relative;flex:1;min-height:var(--cal-chart-min-h);border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.06);overflow:hidden;background:#0000002e}.cal-chart__canvas{display:block;width:100%;height:100%}.cal-chart__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;font-size:var(--panel-fs-micro);color:var(--c-muted);font-variant-numeric:tabular-nums}.cal-chart__stats{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.cal-chart__stat-val{display:inline-block;min-width:3.5ch;text-align:right;font-variant-numeric:tabular-nums}@media(max-width:1100px){.panel-body--performance{overflow-y:auto}.panel-body--performance .perf-grid{flex:0 0 auto;min-height:auto}.perf-grid{grid-template-columns:minmax(0,var(--perf-col-trigger)) minmax(var(--perf-col-effect-min),var(--perf-col-effect));grid-template-rows:auto auto;align-content:start;height:auto;min-height:100%}.perf-block--trigger{grid-column:1;grid-row:1}.perf-block--effect{grid-column:2;grid-row:1}.perf-block--rt{grid-column:1;grid-row:2}.perf-block--advanced{grid-column:2;grid-row:2}.perf-block--rt .rt-fields{flex-direction:column}.perf-block--rt .rt-field{flex:none}}@media(max-width:768px){:root{--panel-min-h: 240px;--app-kb-row: minmax(0, .75fr);--app-panel-row: minmax(var(--panel-min-h), 1.25fr);--app-remap-panel-row: minmax(var(--panel-remap-min-h), 1.25fr)}.topbar__seg--hide-sm,.side-nav__tab span{display:none}.side-nav__tab{justify-content:center;padding:0}.side-nav__back,.side-nav__connect{font-size:0;gap:0;padding:8px 0}.side-nav__back:before{content:"←";font-size:var(--panel-fs)}.side-nav__brand{padding-block:6px 8px}.brand-logo--side-nav{max-height:28px}.side-nav__connect svg{margin:0}.perf-grid{grid-template-columns:1fr;grid-template-rows:auto}.perf-block--trigger,.perf-block--effect,.perf-block--rt,.perf-block--advanced,.perf-block--device-rate,.perf-block--device-info,.perf-block--device-settings{grid-column:1;grid-row:auto}.device-grid{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,1.15fr)}.device-settings__toggles,.device-info{grid-template-columns:1fr}.preset-params{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-actions{flex-direction:column}.perf-block--presets .preset-list{width:100%}.preset-effect{align-self:auto;width:100%;height:auto;aspect-ratio:360 / 200}.preset-effect__video{width:100%;height:100%}.perf-block--presets .preset-btn{flex:none;min-height:44px;flex-direction:row;align-items:center;justify-content:flex-start;padding:0 10px}.preset-list{flex-direction:column}.preset-btn{flex-direction:row;justify-content:flex-start;padding:0 10px}.apply-bar{flex-wrap:wrap}.apply-bar__btn{width:100%}.adv-deadzone-grid{grid-template-columns:1fr}.dz-card__body,.trigger-row__body{flex-direction:column;align-items:stretch}.dz-stepper{justify-content:center}.remap-tabs .lighting-tab{max-width:none}.remap-apply-bar{flex-wrap:wrap}.remap-apply-bar .apply-bar__btn{width:100%}.remap-strategy-chips,.remap-dks{grid-template-columns:1fr}}@media(max-width:480px){:root{--sidebar-w: 104px}.preset-list{flex-direction:column}.preset-btn{flex-direction:row;padding:0 10px}.rate-chips{grid-template-columns:repeat(3,minmax(0,1fr))}.perf-block--device-rate .device-polling__chips{grid-template-columns:repeat(6,minmax(0,1fr))}.topbar__pill{min-width:28px;padding:0 6px;font-size:11px}}@media(max-height:1080px){.panel-body{margin:6px var(--space-page);padding:6px}.panel-body--remap{margin:4px var(--space-page);padding:4px}.kb-main{padding:4px var(--space-page)}.kb-frame__inner{padding:8px}.side-nav{gap:6px;padding:6px 8px}.side-nav__brand{padding:4px 2px 8px}.brand-logo--side-nav{max-height:36px}.perf-block{padding:6px}.perf-block--presets{padding:8px 10px;gap:8px}.perf-block--presets .perf-block__desc,.perf-block--presets .perf-block__body{margin:6px 0 0}.perf-block--presets .preset-btn{padding:6px 8px}.perf-block--presets .preset-list{flex:1;gap:6px}.perf-block--presets .preset-preview{margin-bottom:4px}.perf-block--advanced{padding:6px 8px}.perf-block--advanced .adv-row{padding:6px 0}.perf-block__desc{-webkit-line-clamp:1;line-clamp:1}.perf-block--trigger .trigger-stack{gap:6px}.perf-block--trigger .rate-chips{gap:4px}.perf-block--rt .perf-block__desc{margin-bottom:6px}.perf-block--rt .rt-control{gap:6px}.perf-block--rt .rt-fields{gap:4px}.perf-block--rt .rt-field{padding:4px 6px}.perf-block--device-rate,.perf-block--device-info,.perf-block--device-settings{padding:6px 8px;gap:6px}.device-info{gap:6px 8px}.device-info__item{padding:6px 8px}.device-settings__toggles{gap:6px}.lighting-panel{gap:4px}.lighting-card{gap:6px;padding:6px 8px}.lighting-effect-grid{gap:6px 8px}.lighting-effect{padding:4px 2px;gap:4px}.lighting-controls,.lighting-range-row{gap:6px}.cal-block--controls,.cal-block--chart{padding:6px 8px}.cal-block--controls{gap:4px}.cal-controls-foot{gap:6px}.remap-shell{gap:4px}.perf-block--remap-map,.perf-block--remap-advanced,.perf-block--remap-more{padding:6px 8px;gap:4px}.remap-flow{padding:6px 8px;row-gap:6px}.remap-flow__cap{min-height:36px;padding:4px 8px}.remap-adv-type{min-height:44px;padding:4px 2px}.macro-def__layout{gap:8px;grid-template-columns:minmax(108px,140px) minmax(0,1fr)}.perf-block--macro-def{padding:6px;gap:4px}.macro-def__head{gap:8px}.preset-confirm__card{padding:12px 14px}}@media(max-height:720px){:root{--panel-min-h: 220px;--panel-remap-min-h: 240px;--app-kb-row: minmax(0, .78fr);--app-panel-row: minmax(var(--panel-min-h), 1.22fr);--app-remap-panel-row: minmax(var(--panel-remap-min-h), 1.22fr)}.kb-main{padding-top:4px;padding-bottom:4px}.kb-frame__inner{padding:6px}.apply-btn{min-height:var(--panel-control-h)}}@media(min-width:1600px)and (min-height:1081px){.kb-frame{max-width:min(100%,1500px)}}@media(min-width:1920px)and (min-height:1200px){.perf-block{padding:clamp(10px,1.2vh,14px)}.rt-preview__row{grid-template-columns:48px 1fr 42px}}.perf-block--macro-def{display:flex;flex-direction:column;gap:clamp(6px,.8vh,10px);min-height:0;height:100%;padding:clamp(6px,.8vh,10px);overflow:hidden}.macro-def__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.macro-def__head-actions{display:flex;flex-wrap:wrap;gap:6px}.macro-def__layout{display:grid;grid-template-columns:minmax(120px,156px) minmax(0,1fr);gap:clamp(10px,1vw,14px);min-height:0;flex:1;overflow:hidden}.macro-def__list{display:flex;flex-direction:column;gap:5px;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:2px;scrollbar-width:thin}.macro-def__item{display:flex;flex-direction:row;align-items:stretch;gap:0;flex-shrink:0;border-radius:var(--r-sm);border:1px solid var(--c-border-dim);background:#00000038;color:var(--c-text);overflow:hidden;transition:border-color .15s ease,background .15s ease}.macro-def__item:hover{border-color:#00a3ff59}.macro-def__item--active{border-color:#00a3ffa6;background:#00a3ff14}.macro-def__item-drag{flex:0 0 24px;border:none;border-right:1px solid var(--c-border-dim);background:#0000002e;color:var(--c-muted);cursor:grab;font-size:11px}.macro-def__item-drag:disabled{opacity:.35;cursor:not-allowed}.macro-def__item-main{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 8px;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer;min-width:0}.macro-def__item-name{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.macro-def__item-meta{font-size:10px;color:var(--c-muted)}.macro-def__editor{display:flex;flex-direction:column;gap:10px;min-height:0;min-width:0;overflow:hidden}.macro-def__toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 12px;flex-shrink:0;padding:8px 10px;border-radius:var(--r-sm);border:1px solid var(--c-border-dim);background:#00000029}.macro-def__toolbar-field{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--c-muted);white-space:nowrap}.macro-def__toolbar-field--name{flex:1 1 140px;min-width:120px}.macro-def__toolbar-field--compact input{width:52px}.macro-def__toolbar-field input,.macro-def__toolbar-field select{height:28px;padding:0 8px;border-radius:var(--r-sm);border:1px solid var(--c-border-dim);background:#00000047;color:var(--c-text);font-size:11px}.macro-def__toolbar-field--name input{flex:1;min-width:0}.macro-def__toolbar-unit{font-size:10px;color:var(--c-muted)}.macro-def__toolbar-save{flex-shrink:0}.macro-def__workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(188px,220px);gap:12px;min-height:0;flex:1;overflow:hidden}.macro-def__main{display:flex;flex-direction:column;gap:8px;min-height:0;min-width:0;overflow:hidden}.macro-def__sidebar{display:flex;flex-direction:column;gap:10px;min-height:0;padding:10px;border-radius:var(--r-sm);border:1px solid var(--c-border-dim);background:#0000001f;overflow:hidden}.macro-def__sidebar-block{display:flex;flex-direction:column;gap:6px;min-width:0}.macro-def__sidebar-label{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffffff6b}.macro-def__sidebar-chips{display:flex;flex-wrap:wrap;gap:4px}.macro-def__sidebar-recorders{display:flex;flex-direction:column;gap:6px}.macro-def__sidebar-move{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.macro-def__sidebar-move-field{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--c-muted)}.macro-def__sidebar-move-field input{width:44px;height:24px;padding:0 4px;border-radius:var(--r-sm);border:1px solid var(--c-border-dim);background:#00000047;color:var(--c-text);font-size:10px}.macro-def__key-popover-anchor{position:relative}.macro-def__key-popover{position:absolute;top:calc(100% + 4px);right:0;z-index:20;display:flex;flex-wrap:wrap;gap:4px;width:min(280px,70vw);padding:8px;border-radius:var(--r-sm);border:1px solid rgba(0,163,255,.35);background:#0c1016fa;box-shadow:0 8px 24px #00000073}.chip--compact{height:24px;padding:0 8px;font-size:10px}.macro-def__recorder{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.macro-def__recorder-btn{height:24px;padding:0 8px;font-size:10px}.macro-def__mouse-recorder{display:flex;flex-direction:column;gap:5px}.macro-def__mouse-recorder-modes{display:flex;flex-wrap:wrap;gap:4px}.macro-def__mouse-recorder-modes .chip{height:22px;padding:0 6px;font-size:9px}.macro-def__recorder-status{font-size:10px;color:var(--c-muted);line-height:1.3}.macro-seq{display:flex;flex-direction:column;gap:8px;min-height:0;flex:1;overflow:hidden}.macro-seq__head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.macro-seq__title{font-size:12px;font-weight:600;color:var(--c-text)}.macro-seq__empty{margin:0;padding:16px 12px;font-size:12px;color:var(--c-muted);text-align:center;border:1px dashed var(--c-border-dim);border-radius:var(--r-sm)}.macro-seq__track-wrap{flex:1;min-height:0;padding:8px 10px;border-radius:var(--r-sm);background:#0000002e;border:1px solid var(--c-border-dim);overflow:hidden}.macro-seq__track{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-end;gap:10px 12px;height:100%;overflow:visible}.macro-seq__item{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;border:none;background:transparent;cursor:pointer;color:inherit;font:inherit}.macro-seq__item:disabled{cursor:not-allowed;opacity:.6}.macro-seq__arrow{font-size:12px;line-height:1;color:#ffffffa6;-webkit-user-select:none;user-select:none}.macro-seq__card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:46px;min-height:48px;padding:6px 8px;border-radius:7px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.macro-seq__item:hover .macro-seq__card{border-color:#00a3ff59;background:#00a3ff14}.macro-seq__item--selected .macro-seq__card{border-color:#00a3ffbf;background:#00a3ff24;box-shadow:0 0 0 1px #00a3ff40}.macro-seq__key{font-size:16px;font-weight:700;line-height:1;color:var(--c-text);white-space:nowrap}.macro-seq__delay{font-size:10px;line-height:1;color:var(--c-muted);font-variant-numeric:tabular-nums}.macro-seq__editor{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex-shrink:0;padding:8px 10px;border-radius:var(--r-sm);border:1px solid var(--c-border-dim);background:#00000024}.macro-seq__editor-label{flex:1 1 100%;font-size:11px;color:var(--c-muted)}.macro-seq__editor-field{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--c-muted)}.macro-seq__editor-field input{width:64px;height:24px;padding:0 6px;border-radius:var(--r-sm);border:1px solid var(--c-border-dim);background:#00000047;color:var(--c-text);font-size:10px}.macro-seq__editor-actions{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto}.macro-seq__editor-btn{height:24px;padding:0 8px;border-radius:var(--r-sm);border:1px solid var(--c-border-dim);background:#0003;color:var(--c-text);font-size:10px;cursor:pointer}.macro-seq__editor-btn:disabled{opacity:.35;cursor:not-allowed}.macro-seq__editor-btn--danger:hover:not(:disabled){border-color:#ff6b6b80;color:#ff6b6b}.macro-def__editor-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;flex-shrink:0}.macro-def__editor-foot-secondary{display:flex;flex-wrap:wrap;gap:6px}.macro-def__foot{flex-shrink:0;margin-top:0}.macro-def__foot .perf-block__status-row{flex-wrap:wrap;justify-content:flex-end;gap:8px}.perf-block--adv-key{display:flex;flex-direction:column;gap:clamp(6px,.8vh,10px);min-height:0;height:100%;padding:clamp(6px,.8vh,10px);overflow:hidden}.adv-key__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.adv-key__head-actions{display:flex;flex-wrap:wrap;gap:6px}.adv-key__layout{display:grid;grid-template-columns:minmax(100px,128px) minmax(0,1fr) minmax(140px,200px);gap:clamp(10px,1vw,14px);min-height:0;flex:1;overflow:hidden}.adv-key__nav{display:flex;flex-direction:column;gap:4px;min-height:0;overflow-y:auto;padding-right:2px;scrollbar-width:thin}.adv-key__nav-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;border-radius:var(--r-sm);border:1px solid var(--c-border-dim);background:#00000038;color:var(--c-text);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease}.adv-key__nav-item:hover{border-color:#00a3ff59}.adv-key__nav-item--active{border-color:#00a3ffa6;background:#00a3ff1a}.adv-key__nav-tag{font-size:12px;font-weight:700;letter-spacing:.06em}.adv-key__nav-desc{font-size:10px;color:var(--c-muted)}.adv-key__config{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden;padding:clamp(8px,1vh,12px);border-radius:var(--r-sm);border:1px solid var(--c-border-dim);background:#0000002e}.adv-key__config-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.adv-key__config-title{margin:0;font-size:13px;font-weight:600}.adv-key__form{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}.adv-key__config-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex-shrink:0;padding-top:6px;border-top:1px solid var(--c-border-dim)}.adv-key__list{display:flex;flex-direction:column;gap:6px;min-height:0;overflow:hidden}.adv-key__list-title{margin:0;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);flex-shrink:0}.adv-key__list-item{display:flex;align-items:stretch;border-radius:var(--r-sm);border:1px solid var(--c-border-dim);background:#00000038;overflow:hidden;flex-shrink:0}.adv-key__list-item--active{border-color:#00a3ffa6}.adv-key__list-item-main{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;border:none;background:transparent;color:var(--c-text);text-align:left;cursor:pointer;min-width:0}.adv-key__list-item-type{font-size:10px;font-weight:700;color:#00a3ffd9;letter-spacing:.08em}.adv-key__list-item-summary{font-size:11px;color:var(--c-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.adv-key__list-item-remove{width:28px;border:none;border-left:1px solid var(--c-border-dim);background:transparent;color:var(--c-muted);cursor:pointer;font-size:16px;line-height:1}.adv-key__list-item-remove:hover{color:#ff6b6b;background:#ff505014}.adv-key__list .panel-empty{font-size:11px;padding:8px 4px}.adv-key__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.adv-key__pick-active{border-color:#00a3ffa6!important;color:#00a3fff2!important}.adv-key__hint{margin:0;flex-shrink:0}.adv-key__form--dks{display:flex;flex-direction:column;min-height:0;overflow:hidden}.adv-key__config:has(.adv-key__form--dks){gap:6px;padding-block:clamp(6px,.8vh,10px)}.adv-key__config:has(.adv-key__form--dks) .adv-key__config-foot{padding-top:4px}.adv-key-dks{display:flex;flex-direction:column;flex:1;min-height:0;gap:clamp(4px,.6vh,8px);overflow:hidden}.adv-key-dks__toolbar{display:grid;grid-template-columns:minmax(0,168px) minmax(0,1fr);align-items:center;gap:clamp(8px,1vw,12px);flex-shrink:0;padding:clamp(6px,.8vh,8px) clamp(8px,1vw,10px);border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,rgba(255,148,72,.04) 0%,transparent 42%),linear-gradient(225deg,rgba(88,210,130,.04) 0%,transparent 42%),#00000047}.adv-key-dks__hint{margin:0;font-size:10px;line-height:1.45;color:var(--c-muted);letter-spacing:.02em}.adv-key-dks__workspace{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:clamp(52px,8vw,64px) repeat(2,minmax(0,1fr)) repeat(2,minmax(0,1fr));grid-template-rows:minmax(20px,auto) minmax(22px,auto) repeat(4,minmax(0,1fr));gap:0 clamp(3px,.4vw,6px);align-items:stretch;overflow:hidden}.adv-key-dks__phase-bg{position:relative;z-index:0;margin:0 calc(-.5*clamp(3px,.4vw,6px));border-radius:var(--r-sm);pointer-events:none;overflow:hidden}.adv-key-dks__phase-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;background-image:radial-gradient(circle at 50% 0%,rgba(255,255,255,.08),transparent 55%);pointer-events:none}.adv-key-dks__phase-bg--press{grid-column:2 / 4;grid-row:1 / 7;border:1px solid rgba(255,148,72,.28);background:radial-gradient(ellipse 80% 45% at 50% 0%,rgba(255,148,72,.14),transparent 70%),radial-gradient(ellipse 70% 40% at 50% 100%,rgba(255,100,40,.08),transparent 65%),#ff94480b;box-shadow:inset 0 1px #ffb4781f}.adv-key-dks__phase-bg--release{grid-column:4 / 6;grid-row:1 / 7;border:1px solid rgba(88,210,130,.28);background:radial-gradient(ellipse 80% 45% at 50% 100%,rgba(88,210,130,.14),transparent 70%),radial-gradient(ellipse 70% 40% at 50% 0%,rgba(60,180,100,.08),transparent 65%),#58d2820b;box-shadow:inset 0 1px #8cf0b41a}.adv-key-dks__head{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:center;padding:0 2px clamp(2px,.4vh,6px);font-size:clamp(10px,1.1vw,11px);font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-align:center;line-height:1.2}.adv-key-dks__head--bind{grid-column:1;grid-row:1;color:#ffffff6b}.adv-key-dks__head--press{grid-column:2 / 4;grid-row:1;color:#ffaa60eb;text-shadow:0 0 18px rgba(255,148,72,.25)}.adv-key-dks__head--release{grid-column:4 / 6;grid-row:1;color:#6edc96eb;text-shadow:0 0 18px rgba(88,210,130,.22)}.adv-key-dks__mm-gap{grid-column:1;grid-row:2}.adv-key-dks__rail-mm{position:relative;z-index:1;grid-row:2;display:flex;align-items:center;justify-content:center;gap:3px;padding-bottom:clamp(2px,.4vh,4px);font-size:10px;font-variant-numeric:tabular-nums;color:var(--c-text)}.adv-key-dks__rail-mm input{width:clamp(36px,5vw,42px);padding:1px 3px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#00000073;color:var(--c-white);font-size:10px;font-variant-numeric:tabular-nums;text-align:center;line-height:1.3}.adv-key-dks__rail-mm--press input{border-color:#ff944847;box-shadow:inset 0 0 8px #ff94480f}.adv-key-dks__rail-mm--release input{border-color:#58d28247;box-shadow:inset 0 0 8px #58d2820f}.adv-key-dks__rail-mm input:focus{outline:none;border-color:#ffffff47}.adv-key-dks__rail-mm span{font-size:9px;color:var(--c-muted);letter-spacing:.04em}.adv-key-dks__bind-cell{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:2px 0}.adv-key-dks__bind-cell .adv-key-code-btn{width:auto;flex:none}.adv-key-dks__bind-cell .adv-key-code-btn__row{flex-direction:column}.adv-key-dks__bind-cell .adv-key-code-btn__kbd{display:none}.adv-key-dks__bind-cell .adv-key-code-btn__trigger{width:clamp(34px,5.5vh,42px);height:clamp(34px,5.5vh,42px);min-height:0;padding:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(11px,1.4vh,13px);font-weight:700;border-radius:7px;border-color:#ffffff24;background:#0000006b;box-shadow:inset 0 1px #ffffff0f}.adv-key-dks__target{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:2px 0}.adv-key-dks__target:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1.5px;transform:translate(-50%);pointer-events:none}.adv-key-dks__target--press:before{background:linear-gradient(180deg,transparent 0%,rgba(255,148,72,.35) 18%,rgba(255,148,72,.35) 82%,transparent 100%)}.adv-key-dks__target--release:before{background:linear-gradient(180deg,transparent 0%,rgba(88,210,130,.35) 18%,rgba(88,210,130,.35) 82%,transparent 100%)}.adv-key-dks__target--first:before{top:50%}.adv-key-dks__target--last:before{bottom:50%}.adv-key-dks__rail-icons{position:relative;z-index:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:clamp(18px,3.5vh,26px) 0 clamp(4px,.8vh,8px);pointer-events:none;min-height:0}.adv-key-dks__rail-icons:before{content:"";position:absolute;top:clamp(22px,4vh,30px);bottom:clamp(16px,3vh,22px);left:50%;width:1.5px;transform:translate(-50%);border-radius:1px}.adv-key-dks__rail-icons--press:before{background:linear-gradient(180deg,#ff944814,#ff944852,#ff944814)}.adv-key-dks__rail-icons--release:before{background:linear-gradient(180deg,#58d28214,#58d28252,#58d28214)}.adv-key-dks__rail-icon{position:relative;z-index:1;width:clamp(14px,2.2vh,16px);height:clamp(14px,2.2vh,16px);flex-shrink:0}.adv-key-dks__rail-icon:before,.adv-key-dks__rail-icon:after{content:"";position:absolute;left:50%;transform:translate(-50%);background:currentColor}.adv-key-dks__rail-icons--press .adv-key-dks__rail-icon{color:#ffaa60e0;filter:drop-shadow(0 0 4px rgba(255,148,72,.35))}.adv-key-dks__rail-icons--release .adv-key-dks__rail-icon{color:#6edc96e0;filter:drop-shadow(0 0 4px rgba(88,210,130,.3))}.adv-key-dks__rail-icon--press-start:before{top:0;width:10px;height:2px}.adv-key-dks__rail-icon--press-start:after{top:3px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid currentColor;background:transparent;transform:translate(-50%)}.adv-key-dks__rail-icon--press-end:before{bottom:3px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid currentColor;background:transparent;transform:translate(-50%)}.adv-key-dks__rail-icon--press-end:after{bottom:0;width:10px;height:2px}.adv-key-dks__rail-icon--release-start:before{top:0;width:10px;height:2px}.adv-key-dks__rail-icon--release-start:after{top:3px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid currentColor;background:transparent;transform:translate(-50%)}.adv-key-dks__rail-icon--release-end:before{bottom:3px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid currentColor;background:transparent;transform:translate(-50%)}.adv-key-dks__rail-icon--release-end:after{bottom:0;width:10px;height:2px}.adv-key-dks__node{position:relative;z-index:2;width:clamp(22px,3.8vh,28px);height:clamp(22px,3.8vh,28px);display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:#00000061;font-size:clamp(9px,1.2vh,11px);font-weight:700;line-height:1;-webkit-user-select:none;user-select:none;padding:0;cursor:pointer;transition:background .16s ease,border-color .16s ease,opacity .16s ease,transform .12s ease,box-shadow .16s ease}.adv-key-dks__node:hover{transform:scale(1.08)}.adv-key-dks__node:active{transform:scale(.96)}.adv-key-dks__node--off{opacity:.34;background:#00000038}.adv-key-dks__node--empty{font-size:clamp(12px,1.6vh,14px);font-weight:500}.adv-key-dks__target--press .adv-key-dks__node--on{border-color:#ff9448b8;background:#ff944833;color:#ffd2a0fa;box-shadow:0 0 0 1px #ff944826,0 0 12px #ff944847}.adv-key-dks__target--press .adv-key-dks__node--off{border-color:#ff94482e;color:#ffd2a066}.adv-key-dks__target--release .adv-key-dks__node--on{border-color:#58d282b8;background:#58d2822e;color:#b4f5c8fa;box-shadow:0 0 0 1px #58d28224,0 0 12px #58d2823d}.adv-key-dks__target--release .adv-key-dks__node--off{border-color:#58d2822e;color:#b4f5c866}.remap-mpt-row .adv-key-code-btn{flex:0 0 72px}.adv-key-code-btn{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;flex:1;z-index:0}.adv-key-code-btn--open{z-index:30}.adv-key-code-btn__label{font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--c-muted)}.adv-key-code-btn__row{display:flex;align-items:stretch;gap:4px;min-width:0}.adv-key-code-btn__trigger{flex:1;min-width:0;min-height:34px;padding:6px 10px;border-radius:var(--r-sm);border:1px solid var(--c-border-dim);background:#00000047;color:var(--c-text);font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:border-color .15s ease,box-shadow .15s ease}.adv-key-code-btn--open .adv-key-code-btn__trigger{border-color:#00a3ffa6;box-shadow:0 0 0 1px #00a3ff33}.adv-key-code-btn--listening .adv-key-code-btn__trigger{border-color:#ffb400b3;box-shadow:0 0 0 1px #ffb40040;color:#ffd250f2}.adv-key-code-btn__kbd{flex-shrink:0;width:34px;min-height:34px;padding:0;border-radius:var(--r-sm);border:1px solid var(--c-border-dim);background:#00000047;color:var(--c-muted);font-size:14px;line-height:1;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.adv-key-code-btn__kbd:hover,.adv-key-code-btn__kbd--active{border-color:#ffb4008c;background:#ffb4001a;color:#ffd250f2}.adv-key-code-btn__hint{grid-column:1 / -1;margin:0;padding:2px 2px 4px;font-size:10px;line-height:1.35;color:#ffb400d9}.adv-key-code-btn__popover--code .adv-key-code-btn__hint{padding:8px 8px 4px}.adv-key-code-btn__popover{position:absolute;z-index:40;top:calc(100% + 4px);left:0;min-width:100%;max-height:180px;overflow-y:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px;border-radius:var(--r-sm);border:1px solid var(--c-border-dim);background:#0c1016fa;box-shadow:0 8px 24px #00000073;scrollbar-width:thin}.adv-key-code-btn__popover--code{min-width:min(320px,70vw);max-height:260px;display:block;padding:0;overflow:hidden}.adv-key-code-btn__code-panel{display:flex;flex-direction:column;min-height:0}.adv-key-code-btn__code-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:6px;border-bottom:1px solid var(--c-border-dim);background:#00000040}.adv-key-code-btn__code-tab{padding:4px 8px;border-radius:999px;border:1px solid transparent;background:#ffffff0a;color:var(--c-muted);font-size:10px;font-weight:600;cursor:pointer}.adv-key-code-btn__code-tab--active{border-color:#00a3ff73;color:var(--c-white);background:#00a3ff1f}.adv-key-code-btn__code-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:6px;max-height:200px;overflow-y:auto;scrollbar-width:thin}.adv-key-code-btn__option{padding:6px 4px;border-radius:6px;border:1px solid transparent;background:#ffffff0a;color:var(--c-text);font-size:11px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adv-key-code-btn__option:hover{border-color:#00a3ff73;background:#00a3ff14}.perf-block--remap-advanced{min-height:0;height:100%}@media(max-width:900px){.macro-def__layout,.macro-def__workspace,.adv-key__layout{grid-template-columns:1fr}.adv-key-dks__workspace{grid-template-columns:48px repeat(2,minmax(0,1fr));grid-template-rows:minmax(18px,auto) minmax(20px,auto) repeat(4,minmax(0,1fr))}.adv-key-dks__phase-bg--release,.adv-key-dks__head--release{grid-column:3 / 4}.adv-key-dks__target[style*="grid-column: 5"],.adv-key-dks__rail-mm[style*="grid-column: 5"],.adv-key-dks__rail-icons[style*="grid-column: 5"]{display:none}}
