:root{--nav: rgba(255,255,255,.65);--glass-border: rgba(15, 23, 42, .045);--kmDrawerW: min(320px, 92vw);--kmDrawerGap: var(--spacing-md);--layoutPadY: 14px;--layoutPadX: 0px;--layoutGap: 20px;--navW: clamp(160px, 16vw, 210px);--icon: #111827;--chip: rgba(0,0,0,.055);--focus: rgba(59,130,246,.35);--radius-2xl: 28px;--radius-lg: 20px;--radius-sm: 12px;--spacing-xs: 8px;--spacing-xl: 24px;--spacing-2xl: 32px;--ease: cubic-bezier(.2,.8,.2,1);--dpiNumW: clamp(78px, 9.6vw, 138px);--dpiBarW: clamp(3px, .35vw, 7px);--dpiBarH: clamp(20px, calc(.6vw + 1.1vh) , 42px);--dpiRowPad: clamp(10px, calc(.55vw + .75vh) , 18px);--dpiRowGap: clamp(10px, calc(.8vw + .4vh) , 18px);--dpiSlotNumSize: clamp(12px, calc(.55vw + .5vh) , 15px);--dpiTextSize: clamp(12px, calc(.45vw + .45vh) , 14px);--dpiTrackH: clamp(3px, calc(.12vw + .28vh) , 6px)}body.dark{--nav: rgba(15, 23, 42, .62);--glass-border: rgba(255,255,255,.09);--accent: #60a5fa;--shadow-lg: 0 24px 56px rgba(0,0,0,.55), 0 10px 24px rgba(0,0,0,.38);--shadow-md: 0 16px 42px rgba(0,0,0,.48), 0 6px 16px rgba(0,0,0,.32);--shadow-sm: 0 8px 20px rgba(0,0,0,.4), 0 3px 10px rgba(0,0,0,.25);--icon: #e5e7eb;--focus: rgba(96,165,250,.35)}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:Space Grotesk,Noto Sans SC,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;background:radial-gradient(1200px 600px at 20% -10%,rgba(59,130,246,.08),transparent 60%),radial-gradient(900px 500px at 85% 15%,rgba(236,72,153,.06),transparent 55%),var(--bg);color:var(--text);overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;overflow-x:hidden}.tt-lock-target{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}a{color:inherit;text-decoration:none}@keyframes navActiveBreath{0%,to{transform:scale(1);box-shadow:0 12px 26px #0000002e,0 3px 10px #0000001a,inset 0 0 0 1px #ffffff14}50%{transform:scale(1.02);box-shadow:0 16px 34px #00000038,0 4px 14px #0000001f,inset 0 0 0 1px #ffffff1a}}@keyframes navActiveBreathDark{0%,to{transform:scale(1);box-shadow:0 14px 32px #0000008c,0 5px 18px #00000059,0 0 18px #ffffff14,inset 0 0 0 1px #ffffff1a}50%{transform:scale(1.02);box-shadow:0 18px 40px #0000009e,0 6px 22px #00000061,0 0 22px #ffffff1a,inset 0 0 0 1px #ffffff1f}}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--icon);cursor:pointer;transition:all .2s var(--ease);flex-shrink:0}.iconbtn:hover{transform:translateY(-1px) scale(1.02);background:var(--chip);border-color:#00000014}body.dark .iconbtn:hover{border-color:#ffffff26}.iconbtn:focus{outline:none;box-shadow:none}.iconbtn svg{width:19px;height:19px}body.dark .stagehead{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid rgba(0,0,0,.05)}body.dark .stagehead{border-bottom:1px solid rgba(255,255,255,.08)}.stagebody{position:relative;z-index:1;padding:var(--spacing-lg) var(--spacing-xl);overflow:auto;min-height:0;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}body.dark .stagebody{scrollbar-color:rgba(255,255,255,.2) transparent}.stagebody::-webkit-scrollbar{width:8px}.stagebody::-webkit-scrollbar-track{background:transparent}.stagebody::-webkit-scrollbar-thumb{background:#00000026;border-radius:999px}body.dark .stagebody::-webkit-scrollbar-thumb{background:#fff3}body.page-dpi #stageBody{overflow:hidden;scrollbar-gutter:auto;scrollbar-width:none;padding:30px 10vw 30px 30px}body.page-dpi #stageBody::-webkit-scrollbar{width:0;height:0}body.page-dpi #dpi{height:100%}body.page-advanced #stageBody{overflow:hidden;scrollbar-width:none;padding:30px 10vw 30px 50px}body.page-advanced #advanced{height:100%}body.page-dpi #dpi .pagegrid.dpigrid{display:grid;height:100%;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:var(--spacing-md)}.dpiSlots{display:grid!important;grid-template-columns:1fr;grid-auto-rows:max-content;align-content:start;gap:clamp(8px,1.8vh,18px)!important;height:100%;min-height:0}.dpiSlotRow{display:flex;align-items:center;gap:var(--dpiRowGap);padding:12px 24px;font-size:var(--dpiTextSize);border-radius:999px;background:#fff;border:2px solid rgba(0,0,0,.8);background-clip:padding-box;box-shadow:4px 4px #000;position:relative;top:0;left:0;overflow:hidden;cursor:pointer;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;animation:none;transition:top .18s var(--ease),left .18s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease);margin-bottom:0;min-height:clamp(56px,7vh,90px);max-height:none}.dpiSlotRow input,.dpiSlotRow textarea{-webkit-user-select:text;user-select:text;-webkit-user-drag:auto}.dpiSlotRow.hidden{display:none}.dpiSlotRow.disabled{opacity:.42;cursor:not-allowed}.dpiSlotRow.disabled .dpiRange,.dpiSlotRow.disabled .dpiNum{pointer-events:none}.dpiSlotRow:not(.active):hover:not(.disabled){top:1px;left:1px;box-shadow:0 0 #000;background:#fff}.dpiSlotRow.active{background:#000;border:2px solid #000000;color:#fff;box-shadow:0 0 0 transparent;top:0;left:0;z-index:5}.dpiSlotRow.active:hover:not(.disabled){background:#000;box-shadow:4px 4px #999;top:-2px;left:-2px;border-color:#000;z-index:10}.dpiSlotRow.active .dpiSlotNum{color:#fff}.dpiSlotHead{display:flex;align-items:center;gap:clamp(8px,calc(.45vw + .45vh),12px);min-width:40px;flex-shrink:0}.dpiSlotNum{font-weight:900;font-size:var(--dpiSlotNumSize);min-width:18px;text-align:center;color:var(--text)}.dpiSlotMain{flex:1;min-width:0;display:flex;align-items:center}.dpiAxisSingle{width:100%;display:flex;align-items:center;gap:var(--dpiRowGap)}.dpiAxisDual{display:none;width:100%;grid-template-columns:1fr 1fr;gap:12px}.dpiSlots.dpiAdvancedMode .dpiAxisSingle{display:none}.dpiSlots.dpiAdvancedMode .dpiAxisDual{display:grid}.dpiAxisPair{min-width:0;display:flex;align-items:center;gap:10px;padding:0;border-radius:0;border:none;background:transparent;box-shadow:none}.dpiAxisTag{width:18px;flex-shrink:0;font-size:12px;font-weight:900;letter-spacing:.08em;text-align:center;color:#000000d9}.dpiSlotRow.active .dpiAxisTag{color:currentColor}.dpiRangeWrap{position:relative;flex:1;min-width:0!important;height:30px;display:flex;align-items:center}input[type=range].dpiRange{-webkit-appearance:none;width:100%;height:100%;appearance:none;margin:0;background:transparent;outline:none;cursor:pointer;position:relative;z-index:2}input[type=range].dpiRange::-webkit-slider-runnable-track{height:var(--dpiTrackH, 4px);background:transparent;border:none}input[type=range].dpiRange::-moz-range-track{height:var(--dpiTrackH, 4px);background:transparent;border:none}input[type=range].dpiRange:active,input[type=range].dpiRange.dpiRangeDragging{cursor:grabbing}input[type=range].dpiRange::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--dpiThumbW, 14px);height:var(--dpiThumbH, 24px);background:var(--paper, #ffffff);border:2px solid var(--ink, #000000);border-radius:0;box-shadow:2px 2px #000;transform:translateY(-50%);margin-top:0;position:relative;top:50%;transition:transform .3s var(--trans-curve, ease),box-shadow .3s var(--trans-curve, ease),background .3s var(--trans-curve, ease),border-color .3s var(--trans-curve, ease);cursor:pointer}.dpiSlotRow:hover input[type=range].dpiRange::-webkit-slider-thumb{transform:translateY(-50%) scale(1.05);box-shadow:3px 3px #000}input[type=range].dpiRange:active::-webkit-slider-thumb,input[type=range].dpiRange.dpiRangeDragging::-webkit-slider-thumb{transform:translateY(-50%) scale(1.15);box-shadow:4px 4px #000,0 0 12px #0003;background:var(--ink, #000000);border-color:var(--paper, #ffffff);animation:dpiThumbPulse .6s ease-out infinite;cursor:grabbing}.dpiSlotRow.active input[type=range].dpiRange::-webkit-slider-thumb{background:var(--ink, #000000);border-color:var(--paper, #ffffff);box-shadow:2px 2px #fff}.dpiSlotRow.active:hover input[type=range].dpiRange::-webkit-slider-thumb{transform:translateY(-50%) scale(1.05);box-shadow:3px 3px #fff}.dpiSlotRow.active input[type=range].dpiRange:active::-webkit-slider-thumb,.dpiSlotRow.active input[type=range].dpiRange.dpiRangeDragging::-webkit-slider-thumb{background:var(--paper, #ffffff);border-color:var(--ink, #000000);box-shadow:4px 4px #fff,0 0 12px #fff3;animation:dpiThumbPulseInv .6s ease-out infinite}input[type=range].dpiRange::-moz-range-thumb{width:var(--dpiThumbW, 14px);height:var(--dpiThumbH, 24px);background:var(--paper, #ffffff);border:2px solid var(--ink, #000000);border-radius:0;box-shadow:2px 2px #000;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease;cursor:pointer}.dpiSlotRow.active input[type=range].dpiRange::-moz-range-thumb{background:var(--ink, #000000);border-color:var(--paper, #ffffff);box-shadow:2px 2px #fff}input[type=range].dpiRange.dpiRangeDragging::-moz-range-thumb{box-shadow:4px 4px #000,0 0 12px #0003;background:var(--ink, #000000);border-color:var(--paper, #ffffff)}.dpiSlotRow.active input[type=range].dpiRange.dpiRangeDragging::-moz-range-thumb{background:var(--paper, #ffffff);border-color:var(--ink, #000000);box-shadow:4px 4px #fff,0 0 12px #fff3}@keyframes dpiThumbPulse{0%,to{box-shadow:4px 4px #000,0 0 12px #0003}50%{box-shadow:4px 4px #000,0 0 20px #0000004d}}@keyframes dpiThumbPulseInv{0%,to{box-shadow:4px 4px #fff,0 0 12px #fff3}50%{box-shadow:4px 4px #fff,0 0 20px #ffffff4d}}.dpiSlotBar{width:6px;height:16px;background:#000;border-radius:999px;flex-shrink:0}.dpiSlotRow.active .dpiSlotBar{background:#fff}.dpiNumWrap{position:relative;width:clamp(62px,5.2vw,70px);height:clamp(26px,3.2vh,32px);flex-shrink:0}.dpiNum{width:100%;height:100%;padding:0 12px;border:2px solid #000000;border-radius:999px;box-shadow:2px 2px #00000026;font-size:clamp(12px,1.6vh,14px);font-weight:700;text-align:center;background:#f0f0f0;color:#000;outline:none;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.dpiNum::-webkit-outer-spin-button,.dpiNum::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dpiSlotRow.active .dpiNum{background:transparent;color:#fff;border:2px solid #ffffff;box-shadow:none}.dpiSpin{display:none}.dpiSelectBtn{width:var(--dpiDiamond);height:var(--dpiDiamond);flex-shrink:0;border:2px solid rgba(0,0,0,.15);border-radius:clamp(3px,calc(.2vw + .2vh),6px);background:var(--btn-bg, #000000);cursor:pointer;transform:rotate(45deg);transform-origin:50% 50%;box-shadow:0 10px 22px #0000001f;transition:transform .2s var(--ease),box-shadow .2s var(--ease),filter .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease)}.dpiSlotRow.active .dpiSelectBtn{background:var(--btn-bg, #ffffff);border-color:#fff;box-shadow:0 4px 10px #0003;opacity:1}.dpiSlotRow.active .dpiSelectBtn:hover{transform:rotate(45deg) scale(.9);background:var(--btn-bg, #ffffff);box-shadow:none}.dpiSelectBtn:hover{transform:rotate(45deg) translateY(-1px);box-shadow:0 14px 28px #0000002e}.dpiSelectBtn:active{transform:rotate(45deg) translateY(0) scale(.98)}.dpiSelectBtn:focus-visible{outline:none;box-shadow:none,0 14px 28px #0000002e}.dpiLodSwitch{display:flex;align-items:flex-end;gap:6px;margin-left:12px;padding:0;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;height:32px}.dpiLodBtn{position:relative;min-width:18px;padding:0;border-radius:2px;background:transparent;border:2px solid var(--ink, #000);color:var(--ink, #000);font-size:0;cursor:pointer;transition:height .3s cubic-bezier(.34,1.56,.64,1),background .2s ease,transform .2s ease;box-shadow:none}.dpiLodBtn[data-lod=low]{height:40%}.dpiLodBtn[data-lod=mid]{height:70%}.dpiLodBtn[data-lod=high]{height:100%}.dpiLodBtn:before{content:attr(data-lod);position:absolute;left:50%;bottom:-16px;transform:translate(-50%);font-size:9px;font-weight:900;text-transform:uppercase;font-family:Space Grotesk,sans-serif;letter-spacing:1px;color:var(--muted, #666);opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none}.dpiLodBtn[data-lod=low]:before{content:var(--i18n-lod-low, "Low")}.dpiLodBtn[data-lod=mid]:before{content:var(--i18n-lod-mid, "Mid")}.dpiLodBtn[data-lod=high]:before{content:var(--i18n-lod-high, "High")}.dpiLodBtn:hover:not(:disabled){transform:translateY(-2px);background:#0000000d}.dpiLodBtn:hover:before{opacity:1;transform:translate(-50%,-2px)}.dpiLodBtn.is-active{background:var(--ink, #000)!important;border-color:var(--ink, #000)!important;color:var(--paper, #fff)!important;box-shadow:3px 3px #00000026!important;transform:translateY(-1px);z-index:1}.dpiLodBtn.is-active:hover{transform:translateY(-2px);box-shadow:4px 4px #0003!important}.dpiLodBtn.is-active:before{opacity:1;color:var(--ink, #000);font-weight:900}body.dark .dpiLodBtn{border-color:#fff;color:#fff}body.dark .dpiLodBtn:hover:not(:disabled){background:#ffffff26}body.dark .dpiLodBtn.is-active{background:#fff!important;border-color:#fff!important;box-shadow:3px 3px #000!important}body.dark .dpiLodBtn:before{color:#888}body.dark .dpiLodBtn.is-active:before{color:#fff}.dpiSlotRow.active .dpiLodBtn:not(.is-active){border-color:#fff6}.dpiSlotRow.active .dpiLodBtn.is-active{background:var(--paper, #fff)!important;border-color:var(--paper, #fff)!important;color:var(--ink, #000)!important;box-shadow:3px 3px #ffffff73!important}.dpiSlotRow.active .dpiLodBtn.is-active:hover{box-shadow:4px 4px #ffffff94!important}.dpiSlotRow.active .dpiLodBtn.is-active:before{color:var(--paper, #fff)}body.dark .dpiSlotRow.active .dpiLodBtn:not(.is-active){border-color:#0006}body.dark .dpiSlotRow.active .dpiLodBtn.is-active{background:#000!important;border-color:#000!important;color:#fff!important;box-shadow:3px 3px #000000c7!important}body.dark .dpiSlotRow.active .dpiLodBtn.is-active:hover{box-shadow:4px 4px #000000e6!important}body.dark .dpiSlotRow.active .dpiLodBtn.is-active:before{color:#000}body.dark .dpiSlotRow{background:#000;border-color:#fff;box-shadow:4px 4px #fff}body.dark .dpiAxisPair{border:none;background:transparent;box-shadow:none}body.dark .dpiAxisTag{color:#ffffffeb}body.dark .dpiSlotRow.active .dpiAxisPair{border:none;background:transparent;box-shadow:none}body.dark .dpiSlotRow.active .dpiAxisTag{color:currentColor}body.dark .dpiSlotRow:not(.active):hover:not(.disabled){box-shadow:1px 1px #fff}body.dark .dpiSlotBar{background:#fff}body.dark .dpiSlotRow.active .dpiSlotBar{background:#000}body.dark .dpiSlotRow.active{background:#fff;border-color:#fff;color:#000;box-shadow:4px 4px #ffffff4d}body.dark .dpiSlotRow.active .dpiSlotNum{color:#000}body.dark .dpiSlotRow.active:hover:not(.disabled){background:#fff;box-shadow:4px 4px #000;border-color:#000}.card{border:none;background:var(--card);backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);background-clip:padding-box;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-lg);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--spacing-md);transform:translateZ(0);transition:all .25s var(--ease)}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.24),transparent 65%),radial-gradient(120% 80% at 50% 100%,rgba(255,255,255,.12),transparent 65%);opacity:.75;transition:opacity .25s var(--ease)}body.dark .card:before{background:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.08),transparent 65%),radial-gradient(120% 80% at 50% 100%,rgba(255,255,255,.04),transparent 65%);opacity:.8}.card:hover:before{opacity:.9}body.dark .card:hover:before{opacity:.9}.cardhead{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-xs);flex-wrap:wrap}.cardhead .title{font-weight:900;font-size:17px;letter-spacing:.2px;line-height:1.3}.dpiAdvancedTitleHint{display:none;margin-left:10px;font-size:12px;font-weight:700;letter-spacing:0;color:var(--muted);white-space:nowrap}.dpiAdvancedTitleHint.is-visible{display:inline}.cardhead .sub{color:var(--muted);font-size:13px;font-weight:700;line-height:1.4;margin-top:2px}.card-dpi-editor .cardhead{margin-bottom:0}.card .sub{color:var(--muted);font-size:14px;margin-top:-4px}.stack{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm)}.field{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:flex-start}.label{font-size:13px;color:var(--muted);font-weight:800;letter-spacing:.2px}.input{width:100%;min-width:160px;height:42px;padding:0 var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border);background:#fff9;color:var(--text);font-size:14px;outline:none;transition:all .2s ease}body.dark .input{background:#0f172a73}.input:hover{border-color:#3b82f640}.input:focus{box-shadow:none}.xSelectWrap{position:relative;width:100%}select.xSelectNative{display:none}.xSelectTrigger{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:44px;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left}.xSelectValue{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xSelectTrigger:after{content:"";position:absolute;right:16px;top:50%;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-60%) rotate(45deg);opacity:.75;transition:transform .18s var(--ease),opacity .18s var(--ease)}.xSelectWrap.open .xSelectTrigger:after{transform:translateY(-40%) rotate(-135deg);opacity:1}.xSelectMenu{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:60;padding:8px;border-radius:12px;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow-md);display:none;max-height:min(320px,42vh);overflow:auto}.xSelectMenu.xSelectMenuPortal{position:fixed;left:0;right:auto;top:0;z-index:9999}.xSelectMenu.open{display:block}body.dark .xSelectMenu{background:#0f172acc;border:1px solid rgba(255,255,255,.12)}.xSelectWrap.open .xSelectMenu{display:block}.xSelectOption{width:100%;height:36px;border-radius:14px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;padding:0 12px;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:space-between;transition:transform .15s var(--ease),background .15s var(--ease),border-color .15s var(--ease),opacity .15s var(--ease)}body.dark .xSelectOption{color:#fff}.xSelectOption:hover{background:#3b82f61a}body.dark .xSelectOption:hover{background:#60a5fa24}.xSelectOption[aria-selected=true]{background:#000000e0;color:#fff}.xSelectOption:active{transform:scale(.985)}body.page-dpi #dpi .xSelectTrigger.input{height:var(--dpiCtlH);font-size:18px}.btn{height:42px;padding:0 var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;font-weight:800;font-size:14px;letter-spacing:.2px;white-space:nowrap;transition:all .2s var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.btn svg{width:18px;height:18px}.btn:hover{transform:translateY(-1px);background:var(--chip);box-shadow:var(--shadow-sm)}.btn:focus{outline:none;box-shadow:none}.btn.primary{border-color:#3b82f64d;background:#3b82f61f;color:var(--accent)}body.dark .btn.primary{border-color:#60a5fa59;background:#60a5fa24}.btn.primary:hover{background:#3b82f62e}body.dark .btn.primary:hover{background:#60a5fa33}.btn.danger{border-color:#ef44444d;background:#ef44441a;color:#dc2626}.btn.danger:hover{background:#ef444429}.hint{width:100%;color:var(--muted);font-size:13px;line-height:1.6}.pill{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:999px;border:1px solid var(--border);background:#00000006;color:var(--text);font-weight:800;font-size:13px;cursor:pointer;transition:all .2s var(--ease)}body.dark .pill{background:#ffffff0d}.pill:hover{background:#0000000a;border-color:#00000014}body.dark .pill:hover{background:#ffffff14;border-color:#ffffff1f}.page{display:none;width:100%}.page.active{display:block}@media(max-width:1024px){.wrap{--navW: clamp(136px, 13vw, 176px);--layoutGap: 18px}.pagegrid.dpigrid,.dpiSlots.dpiAdvancedMode .dpiAxisDual{grid-template-columns:1fr}}@media(max-width:768px){html,body{overflow:hidden}.dpiSlots{grid-template-columns:1fr!important}.wrap{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:var(--spacing-md);padding:var(--spacing-md)}main.stage{height:calc(100vh - 88px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}@media(max-width:520px){.wrap{padding:var(--spacing-sm);gap:var(--spacing-sm)}.stagehead{padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm);justify-content:flex-start;min-height:0}.topToolbar{width:max-content;max-width:100%;margin-left:auto;justify-content:flex-end;gap:10px}.topSlotBar{gap:16px;max-width:44vw}.topSlotBtn{font-size:12px;padding-bottom:4px}.topToolbarDivider{height:26px;margin:0 2px}.topDeviceMeta{flex:0 1 auto;gap:6px;margin-right:0}.topDeviceName{max-width:112px;font-size:12px}.topBatteryWrap{gap:4px}.topBatteryPercent{min-width:28px;font-size:12px}.topBatteryIcon{width:28px;height:8px;padding:1px}.topIconBtn{width:28px;height:28px}.topIconBtn svg{width:18px;height:18px}.topLangBtn{min-width:52px;padding:0 4px}.topLangBtn span{font-size:17px}#themeBtn{width:46px;height:24px;min-width:46px}#themeBtn:before{width:14px;height:14px;left:4px}body.dark #themeBtn:before{left:calc(100% - 18px)}.stagebody{padding:var(--spacing-md)}.pagegrid{grid-template-columns:1fr;gap:var(--spacing-sm)}.card{padding:var(--spacing-md);gap:var(--spacing-sm)}}#keys{position:relative}.kmStage{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.kmCanvas{position:relative;width:min(720px,100%);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;overflow:visible}.kmImg{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.kmCanvas[data-keymap-ready="0"] .kmImg,.kmCanvas[data-keymap-ready="0"] .kmPoint{visibility:hidden}.kmPoint{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:0;height:0;z-index:10}.kmDotBtn{width:24px;height:24px;border-radius:50%;background:#fff;border:4px solid #002FA7;box-shadow:0 4px 10px #0000001a;cursor:pointer;position:absolute;left:0;top:0;transform:translate(-50%,-50%) scale(1);transition:transform .4s cubic-bezier(.34,1.56,.64,1),background .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center}.kmDotBtn:after{content:"";width:8px;height:8px;border-radius:50%;background:#000;transition:all .2s ease}.kmPoint:hover .kmDotBtn{transform:translate(-50%,-50%) scale(1.15);box-shadow:2px 2px #0003;z-index:20}.kmPoint.active .kmDotBtn{background:#000;border-color:#002fa7;transform:translate(-50%,-50%) scale(1.25);box-shadow:4px 4px #00000040;z-index:20}.kmPoint.active .kmDotBtn:after{background:#fff;transform:scale(.8)}.kmBubble{position:absolute;top:0;left:32px;transform:translateY(-50%) scale(.95);transform-origin:left center;padding:8px 44px 8px 18px;border-radius:0 16px;border:2px solid rgba(0,0,0,.3);background:#fff;box-shadow:4px 4px #000;font-weight:800;font-size:13px;color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;opacity:.9;z-index:15;transition:all .15s cubic-bezier(.19,1,.22,1)}.kmPoint:not(.active):hover .kmBubble{opacity:1;box-shadow:0 0 0 transparent;transform:translate(4px,calc(-50% + 4px)) scale(1);z-index:30}.kmPoint.active .kmBubble{opacity:1;background:#000;color:#fff;border-color:#000;box-shadow:0 0 0 transparent;transform:translate(4px,calc(-50% + 4px)) scale(1);z-index:30}.kmPoint.bubble-left .kmBubble{left:auto;right:32px;transform-origin:right center;padding-left:44px;padding-right:18px;box-shadow:-4px 4px #000}.kmPoint.bubble-left:not(.active):hover .kmBubble{box-shadow:0 0 0 transparent;transform:translate(-4px,calc(-50% + 4px)) scale(1)}.kmPoint.bubble-left.active .kmBubble{box-shadow:0 0 0 transparent;transform:translate(-4px,calc(-50% + 4px)) scale(1)}.kmBubbleKey{display:inline-block;margin-right:8px;font-size:11px;color:#666;text-transform:uppercase;font-weight:900;letter-spacing:.5px}.kmBubbleText{display:inline-block}.kmResetBtn{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:2px solid currentColor;background:transparent;color:inherit;border-radius:0 10px;box-shadow:2px 2px 0 currentColor;font-weight:900;font-size:12px;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;opacity:0;pointer-events:none;transition:all .15s cubic-bezier(.19,1,.22,1)}.kmPoint.bubble-left .kmResetBtn{left:10px;right:auto;box-shadow:-2px 2px 0 currentColor}.kmPoint.kmModified .kmResetBtn{opacity:.9;pointer-events:auto}.kmPoint.kmModified .kmResetBtn:hover{box-shadow:0 0 0 transparent;transform:translate(2px,calc(-50% + 2px))}.kmPoint.bubble-left.kmModified .kmResetBtn:hover{transform:translate(-2px,calc(-50% + 2px))}.kmPoint.kmModified .kmResetBtn:active{box-shadow:0 0 0 transparent;transform:translate(2px,calc(-50% + 2px))}.kmPoint.bubble-left.kmModified .kmResetBtn:active{transform:translate(-2px,calc(-50% + 2px))}.kmPoint.kmModified .kmBubble{border-color:#0000008c}body.dark .kmPoint.kmModified .kmBubble{border-color:#ffffffbf}.kmPoint.active .kmBubbleKey{color:#fff9}body.dark .kmDotBtn{background:#000;border-color:#002fa7;box-shadow:0 4px 10px #00000080}body.dark .kmDotBtn:after{background:#fff}body.dark .kmPoint.active .kmDotBtn{background:#fff;border-color:#002fa7;box-shadow:4px 4px #00000040}body.dark .kmPoint.active .kmDotBtn:after{background:#000}body.dark .kmBubble{background:#000;border-color:#fff;color:#fff;box-shadow:4px 4px #fff}body.dark .kmPoint.bubble-left .kmBubble{box-shadow:-4px 4px #fff}body.dark .kmBubbleKey{color:#999}body.dark .kmPoint.active .kmBubble{background:#fff;color:#000;border-color:#fff;box-shadow:4px 4px #ffffff4d}body.dark .kmPoint.active .kmBubbleKey{color:#00000080}body.dark .kmPoint.bubble-left.active .kmBubble{box-shadow:-4px 4px #ffffff4d}.kmDrawer{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);bottom:var(--spacing-lg);height:auto;width:var(--kmDrawerW);border-radius:var(--radius-xl);border:1px solid rgba(0,0,0,.14);background:#ffffffb8;box-shadow:4px 4px #0000001a;backdrop-filter:none;-webkit-backdrop-filter:none;display:flex;flex-direction:column;z-index:60;transform:translate(12px);opacity:0;pointer-events:none;transition:transform .12s var(--ease),opacity .12s var(--ease),box-shadow .12s var(--ease),border-color .12s var(--ease),background .12s var(--ease)}.kmDrawer:hover{transform:none;border-color:#00000040;box-shadow:6px 6px #0000000d}body.dark .kmDrawer{background:#000;border-color:#fff;box-shadow:6px 6px #fff}.kmDrawer.open{transform:translate(0);opacity:1;pointer-events:auto}body.km-resize-active #keys .kmDrawer,body.km-resize-active #keys .kmDrawer:hover,body.km-resize-active #keys .pagegrid.singlegrid{transition:none!important}body.km-resize-active #keys .kmDrawer.open,body.km-resize-active #keys .kmDrawer:hover{transform:translate(0)}.kmDrawerHead{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.kmDrawer .label{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#000;margin-bottom:14px;opacity:1}body.dark .kmDrawer .label{color:#fff}.kmDrawer .input{background:#000;color:#fff;border:none;border-radius:999px;height:46px;font-weight:700;padding-left:20px;box-shadow:2px 2px #0003;transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease)}.kmDrawer .input::placeholder{color:#ffffffbf}.kmDrawer .input:hover{background:#222;transform:translateY(-2px);box-shadow:4px 4px #0000001a}body.dark .kmDrawer .input{background:#fff;color:#000}body.dark .kmDrawer .input::placeholder{color:#000000a6}.kmDrawerTitle{font-weight:900;font-size:16px}#keys .kmDrawer .iconbtn{border:2px solid #000000;background:#fff;color:#000;border-radius:12px;box-shadow:4px 4px #000}#keys .kmDrawer .iconbtn:hover{transform:translate(4px,4px);box-shadow:0 0 #000;background:#fff}#keys .kmDrawer .iconbtn:active{transform:translate(4px,4px);box-shadow:0 0 #000}body.dark #keys .kmDrawer .iconbtn{border-color:#fff;background:#000;color:#fff;box-shadow:4px 4px #fff}body.dark #keys .kmDrawer .iconbtn:hover{background:#000;box-shadow:6px 6px #fff}body.dark #keys .kmDrawer .iconbtn:active{box-shadow:2px 2px #fff}.kmTabs{padding:0 var(--spacing-lg) var(--spacing-md);display:flex;gap:var(--spacing-sm)}.kmTab{flex:1;height:32px;border-radius:12px;border:2px solid #000000;background:#fff;color:#000;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:4px 4px #000;transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease)}.kmTab:hover{transform:translate(2px,2px);box-shadow:0 0 #000}body.dark .kmTab:hover{box-shadow:0 0 #fff}body.dark .kmTab{border-color:#fff;background:#000;color:#fff;box-shadow:4px 4px #fff}.kmTab.active{background:#000;color:#fff;border-color:#000;box-shadow:0 0 0 transparent;transform:translate(0);z-index:5}.kmTab.active:hover{background:#000;box-shadow:6px 6px #999;transform:translate(-4px,-4px);z-index:10}body.dark .kmTab.active{background:#fff;color:#000;border-color:#fff;box-shadow:4px 4px #ffffff4d}body.dark .kmTab.active:hover{background:#fff;color:#000;border-color:#111;box-shadow:3px 3px #ffffff94;transform:translate(-2px,-2px);z-index:10}.kmDrawerBody{padding:0 var(--spacing-lg) var(--spacing-lg);overflow:hidden!important;min-height:0;flex:1;display:flex;flex-direction:column;gap:var(--spacing-md)}.kmList{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-height:0;overflow-y:auto;padding:6px 4px 4px 2px;margin-right:-10px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}body.dark .kmList{scrollbar-color:rgba(255,255,255,.2) transparent}.kmItem{height:42px;flex-shrink:0;border-radius:20px;border:2px solid rgba(0,0,0,.8);background:#fff;background-clip:padding-box;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-weight:900;cursor:pointer;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:4px 4px #000;transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease),opacity .18s var(--ease)}body.dark .kmItem{border-color:#000c;background:#000;color:#fff;box-shadow:4px 4px #fff}.kmItem:hover{transform:translate(2px,2px) translateZ(0);box-shadow:0 0 #000}.kmItem.selected{background:#000;color:#fff;border-color:#000c;box-shadow:0 0 0 transparent;transform:translate(0) translateZ(0);z-index:5}.kmItem.selected>:last-child{opacity:.85;color:#ffffffeb}body.dark .kmItem.selected{background:#fff;color:#000;border-color:#000c;box-shadow:4px 4px #ffffff4d}.kmItem.selected:hover{background:#000;border-color:#000c;box-shadow:6px 6px #999;transform:translate(-2px,-2px) translateZ(0);z-index:10}body.dark .kmItem.selected:hover{background:#fff;box-shadow:6px 6px #000;border-color:#000c}.kmBackdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:25;opacity:0;pointer-events:none;transition:opacity .18s var(--ease)}.kmBackdrop.show{opacity:1;pointer-events:auto}@media(max-width:919px){body.page-keys .kmBackdrop{background:transparent}}@media(min-width:920px){#keys .pagegrid.singlegrid{padding-top:10px;padding-bottom:10px;transition:padding-right .22s var(--ease)}body.km-drawer-open #keys .pagegrid.singlegrid{padding-right:calc(var(--kmDrawerW) + var(--spacing-lg) + var(--kmDrawerGap))}}@media(min-width:920px){.kmBackdrop{display:none}}body.page-keys .stagebody{overflow:hidden;scrollbar-width:none;padding:30px 10vw 30px 60px}body.page-keys .stagebody::-webkit-scrollbar{width:0;height:0}body.page-testtools .stagebody{overflow-y:auto;overflow-x:hidden;scrollbar-width:none;margin-top:-14px;padding:30px 10vw 30px 60px}body.page-testtools .stagebody::-webkit-scrollbar{width:0;height:0}@media(min-width:920px){#testtools .pagegrid.testtoolsgrid{padding-top:10px;padding-bottom:10px}body.page-dpi #dpi .pagegrid.dpigrid,body.page-advanced #advanced{padding-top:10px;padding-bottom:10px;box-sizing:border-box}}body.page-testtools #testtools{height:100%}body.page-testtools #testtools .pagegrid.testtoolsgrid{height:100%;align-items:stretch;overflow:visible}body.page-testtools #testtools .testtoolsCard{height:100%;min-height:0;display:flex;flex-direction:column;overflow:auto}#testtools .ttPages{flex:1;min-height:0;overflow:visible}#testtools .ttPages>.page{min-height:0}body.page-keys #keys{height:100%}body.page-keys #keys .pagegrid.singlegrid{height:100%;align-items:stretch;overflow:visible}body.page-keys #keys .kmCard{height:100%;display:flex;flex-direction:column;overflow:hidden}body.page-keys #keys .kmStage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md)}body.page-keys #keys .kmCanvas{flex:1;min-height:0;max-height:calc(100% - 56px)}body.page-keys #keys .kmDrawer{top:10px;bottom:10px;border-radius:var(--radius-xl)}.kmList::-webkit-scrollbar{width:6px;display:block}.kmList::-webkit-scrollbar-track{background:transparent}.kmList::-webkit-scrollbar-thumb{background:#00000026;border-radius:999px}body.dark .kmList::-webkit-scrollbar-thumb{background:#fff3}.dpiSlotRow:not(.active) .dpiNum:hover,.dpiSlotRow:not(.active) .dpiNum:focus{border:2px solid rgba(0,0,0,.92)}.dpiRangeWrap{position:relative}.dpiRangeWrap:before{content:"";position:absolute;left:0;right:0;top:50%;height:12px;transform:translateY(-50%);background:repeating-linear-gradient(90deg,currentColor 0,currentColor 1px,transparent 1px,transparent var(--dpiTrackInterval, 10%)),linear-gradient(to bottom,transparent 45%,currentColor 45%,currentColor 55%,transparent 55%);pointer-events:none;opacity:.3;z-index:0;transition:none}.dpiSlotRow:hover .dpiRangeWrap:before{opacity:.45}.dpiSlotRow.active .dpiRangeWrap:before{opacity:.5}.dpiSlotRow.active:hover .dpiRangeWrap:before{opacity:.62}.dpiSlotRow.active input[type=range].dpiRange{background:transparent}.dpiBubble{position:fixed;left:0;top:0;transform:translate(-50%,calc(-100% - 10px)) scale(.98);opacity:0;transition:opacity .12s ease,transform .12s ease;pointer-events:none;z-index:20000}.dpiBubble.show{opacity:1;transform:translate(-50%,calc(-100% - 12px)) scale(1)}.dpiBubble.flip{transform:translate(-50%,12px) scale(.98)}.dpiBubble.flip.show{transform:translate(-50%,14px) scale(1)}.dpiBubbleInner{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:33px;padding:0 10px;border-radius:999px;background:#fffffff5;border:2px solid rgba(0,0,0,.92);color:#000000f2;font-weight:900;font-size:13px;line-height:1;box-shadow:0 10px 22px #00000024}.dpiBubbleInner:after{content:"";position:absolute;left:50%;bottom:-5px;width:8px;height:8px;background:#fffffff5;border-left:2px solid rgba(0,0,0,.92);border-bottom:2px solid rgba(0,0,0,.92);transform:translate(-50%) rotate(-45deg)}.dpiBubble.flip .dpiBubbleInner:after{top:-5px;bottom:auto;transform:translate(-50%) rotate(135deg)}body.dark .dpiBubbleInner{background:#fffffff5;border-color:#000000eb;color:#000000f2}#advancedPanel{--paper: rgba(255,255,255,.92);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);background:#ffffffb8;border:1px solid rgba(0,0,0,.14);border-radius:var(--radius-xl);box-shadow:4px 4px #0000001a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background-clip:padding-box;-webkit-background-clip:padding-box;transform:translateZ(0);transition:all .25s var(--ease);width:100%;height:100%;margin:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:auto;gap:0 60px;align-items:start;padding:3vh 30px;box-sizing:border-box}#advancedPanel:hover{border-color:#00000040;box-shadow:6px 6px #0000000d}@media(max-width:1024px){#advancedPanel{grid-template-columns:1fr;gap:28px}}#advancedPanel .advColLeft{display:flex;flex-direction:column;gap:16px;min-width:0}#advancedPanel .advColRight{display:flex;flex-direction:column;min-width:0;min-height:0}#advancedPanel .advSectionHeader{font-size:14px;font-weight:700;letter-spacing:.1em;opacity:.65;text-transform:uppercase;margin:0 0 12px;display:flex;align-items:center;gap:10px}#advancedPanel .advSectionHeader:after{content:"";flex:1;height:1px;background:var(--ink);opacity:.25}#advancedPanel .advHiddenControls{display:none}#advancedPanel .advSliderStack{display:flex;flex-direction:column;gap:20px}#advancedPanel .slider-card{background:var(--paper);border:2px solid var(--ink);border-radius:0;padding:18px 22px;position:relative;box-shadow:6px 6px #00000014;transition:transform .2s cubic-bezier(.19,1,.22,1),box-shadow .2s cubic-bezier(.19,1,.22,1),border-color .2s ease;overflow:hidden;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:6px 20px}#advancedPanel .slider-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(0,0,0,.02) 50%,transparent 100%),repeating-linear-gradient(0deg,transparent 0px,transparent 1px,rgba(0,0,0,.03) 1px,rgba(0,0,0,.03) 2px);opacity:0;transition:opacity .4s var(--trans-curve);pointer-events:none}#advancedPanel .slider-card:hover:before{opacity:.35}#advancedPanel .slider-card:hover{z-index:10;transform:scale(1.01);box-shadow:4px 4px 0 var(--ink);border-color:var(--ink)}#advancedPanel .slider-card:has(input[type=range]:active){transform:translate(0);box-shadow:2px 2px 0 var(--ink)}#advancedPanel .slider-card:has(input[type=range]:active):before{opacity:.6}#advancedPanel .card-corner{display:block;position:absolute;width:8px;height:8px;border:2px solid var(--ink);opacity:.3;z-index:5;pointer-events:none;transition:all .3s cubic-bezier(.19,1,.22,1)}#advancedPanel .card-corner.corner-tl{top:4px;left:4px;border-right:none;border-bottom:none}#advancedPanel .card-corner.corner-tr{top:4px;right:4px;border-left:none;border-bottom:none}#advancedPanel .card-corner.corner-bl{bottom:4px;left:4px;border-right:none;border-top:none}#advancedPanel .card-corner.corner-br{bottom:4px;right:4px;border-left:none;border-top:none}#advancedPanel .slider-card:hover .card-corner.corner-tl{top:2px;left:2px;width:12px;height:12px;opacity:1}#advancedPanel .slider-card:hover .card-corner.corner-tr{top:2px;right:2px;width:12px;height:12px;opacity:1}#advancedPanel .slider-card:hover .card-corner.corner-bl{bottom:2px;left:2px;width:12px;height:12px;opacity:1}#advancedPanel .slider-card:hover .card-corner.corner-br{bottom:2px;right:2px;width:12px;height:12px;opacity:1}#advancedPanel .slider-header-row{grid-column:1 / 3;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start;margin-bottom:0}#advancedPanel .slider-info{grid-column:1;display:flex;flex-direction:column;gap:8px;min-width:0;max-width:100%;align-items:flex-start;overflow:hidden}#advancedPanel .slider-name{font-size:clamp(20px,2.8vw,36px);font-weight:900;letter-spacing:.08em;text-transform:uppercase;line-height:1.1;white-space:nowrap;color:var(--ink);transition:all .4s var(--trans-curve);transform-origin:left center;background:none;padding:0;margin:0;display:inline-block;width:fit-content;position:relative}#advancedPanel .slider-name:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--ink);transition:width .5s var(--trans-curve);opacity:.4}#advancedPanel .slider-card:hover .slider-name{color:var(--ink);transform:scale(1.02);letter-spacing:.1em;opacity:1}#advancedPanel .slider-card:hover .slider-name:after{width:100%;opacity:.6}#advancedPanel .slider-card:has(input[type=range]:active) .slider-name{transform:scale(1.03);letter-spacing:.12em}#advancedPanel .slider-card:has(input[type=range]:active) .slider-name:after{width:100%;opacity:.8;background:var(--ink)}#advancedPanel .slider-sub{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;opacity:.5;display:block;width:100%;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .4s var(--trans-curve);margin-top:4px}#advancedPanel .slider-card:hover .slider-sub{opacity:.75}#advancedPanel .value-readout{grid-column:2;grid-row:1;font-size:clamp(18px,2vw,28px);font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);opacity:.85;transition:all .3s cubic-bezier(.34,1.56,.64,1);align-self:start;white-space:nowrap;position:relative;padding-top:2px;text-align:right;font-variant-numeric:tabular-nums;line-height:1;min-width:70px}#advancedPanel .slider-card:hover .value-readout{opacity:1;transform:scale(1.05)}#advancedPanel .slider-card:has(input[type=range]:active) .value-readout{transform:scale(1.08);color:var(--ink);animation:valuePulse .3s ease-out}@keyframes valuePulse{0%,to{transform:scale(1.08)}50%{transform:scale(1.12)}}#advancedPanel .value-readout:after{content:attr(data-unit);font-size:10px;vertical-align:top;margin-left:2px;opacity:.55;letter-spacing:0;text-transform:none}#advancedPanel .range-wrap{grid-column:1 / 3;grid-row:2;position:relative;height:30px;display:flex;align-items:center;margin-top:8px;transition:transform .3s var(--trans-curve)}#advancedPanel .slider-card:has(input[type=range]:active) .range-wrap{transform:translateY(-1px)}#advancedPanel .custom-track{position:absolute;left:0;right:0;top:50%;height:12px;transform:translateY(-50%);background:repeating-linear-gradient(90deg,var(--ink) 0,var(--ink) 1px,transparent 1px,transparent var(--track-interval, 8.33%)),linear-gradient(to bottom,transparent 45%,var(--ink) 45%,var(--ink) 55%,transparent 55%);pointer-events:none;opacity:.3;transition:opacity .3s var(--trans-curve)}#advancedPanel .slider-card:hover .custom-track{opacity:.45}#advancedPanel .slider-card:has(input[type=range]:active) .custom-track{opacity:.6;background:repeating-linear-gradient(90deg,var(--ink) 0,var(--ink) 1.5px,transparent 1.5px,transparent var(--track-interval, 8.33%)),linear-gradient(to bottom,transparent 40%,var(--ink) 40%,var(--ink) 60%,transparent 60%)}#advancedPanel .center-mark{position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--ink);opacity:.8;z-index:0}#advancedPanel input[type=range]{-webkit-appearance:none;appearance:none;width:100%;background:transparent;margin:0;z-index:2;cursor:grab}#advancedPanel input[type=range]:focus{outline:none}#advancedPanel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:24px;width:14px;background:var(--paper);border:2px solid var(--ink);box-shadow:2px 2px #000;transform:translateY(-50%);margin-top:0;position:relative;top:50%;transition:transform .3s var(--trans-curve),box-shadow .3s var(--trans-curve),background .3s var(--trans-curve);cursor:grab}#advancedPanel .slider-card:hover input[type=range]::-webkit-slider-thumb{transform:translateY(-50%) scale(1.05);box-shadow:3px 3px #000}#advancedPanel input[type=range]:active{cursor:grabbing}#advancedPanel input[type=range]:active::-webkit-slider-thumb{transform:translateY(-50%) scale(1.15);box-shadow:4px 4px #000,0 0 12px #0003;background:var(--ink);border-color:var(--paper);animation:thumbPulse .6s ease-out infinite}@keyframes thumbPulse{0%,to{box-shadow:4px 4px #000,0 0 12px #0003}50%{box-shadow:4px 4px #000,0 0 20px #0000004d}}#advancedPanel input[type=range]:active::-webkit-slider-thumb:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:repeating-linear-gradient(45deg,transparent 0px,transparent 2px,rgba(255,255,255,.3) 2px,rgba(255,255,255,.3) 4px);opacity:.6}#advancedPanel .shutter-list{display:flex;flex-direction:column;gap:30px}#advancedPanel .shutter-row{position:relative;--shutter-grid-line: rgba(0, 0, 0, .06);--shutter-grid-line-invert: rgba(255, 255, 255, .02);height:88px;background:var(--paper);background-image:linear-gradient(var(--shutter-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--shutter-grid-line) 1px,transparent 1px);background-size:20px 20px;background-position:center;border:2px solid var(--ink);box-shadow:6px 6px #00000014;border-radius:0;transition:transform .2s cubic-bezier(.19,1,.22,1),box-shadow .2s cubic-bezier(.19,1,.22,1),border-color .2s ease;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:0 24px;transform:translateZ(0);backface-visibility:hidden}#advancedPanel .shutter-row:hover{z-index:10;transform:scale(1.012);box-shadow:8px 8px 0 var(--ink);border-color:var(--ink)}body.dark #advancedPanel .shutter-row{--shutter-grid-line: rgba(255, 255, 255, .2);--shutter-grid-line-invert: rgba(0, 0, 0, .22)}#advancedPanel .shutter-bg{position:absolute;top:0;bottom:0;left:0;width:100%;background:var(--ink);background-image:linear-gradient(var(--shutter-grid-line-invert) 1px,transparent 1px),linear-gradient(90deg,var(--shutter-grid-line-invert) 1px,transparent 1px);background-size:20px 20px;background-position:center;transform:translate(-101%);transition:transform .5s var(--ease-out-expo);z-index:1}#advancedPanel .raw-input:checked+.shutter-row{box-shadow:2px 2px 0 var(--ink);transform:translate(0);z-index:5;border-color:var(--ink)}#advancedPanel .raw-input:checked+.shutter-row:hover{transform:translate(0);z-index:5;box-shadow:2px 2px 0 var(--ink)}body.dark #advancedPanel .raw-input:checked+.shutter-row:hover{box-shadow:2px 2px 0 var(--ink)}#advancedPanel .raw-input:checked+.shutter-row .shutter-bg{transform:translate(0)}#advancedPanel .content-layer{position:relative;z-index:2;width:100%;display:flex;justify-content:space-between;align-items:center;mix-blend-mode:difference;color:#fff;font-family:Space Grotesk,Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;isolation:isolate;transform:translateZ(0);will-change:transform,opacity}#advancedPanel .meta{display:flex;flex-direction:column;align-items:flex-start;flex:1 1 auto;min-width:0}#advancedPanel .label-code{font-family:Space Grotesk,Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;background:#fff;color:#000;padding:3px 20px;display:inline-block;align-self:flex-start;width:auto;margin-bottom:8px;text-transform:uppercase;clip-path:polygon(0 0,100% 0,100% 70%,90% 100%,0 100%)}#advancedPanel .label-title{font-size:26px;font-weight:900;letter-spacing:-.02em;text-transform:uppercase;line-height:.9;-webkit-font-smoothing:antialiased;transform:translateZ(0)}#advancedPanel .label-desc{font-family:inherit;font-size:11px;font-weight:600;opacity:.5!important;transform:none!important;margin-top:6px;display:block;width:100%;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#advancedPanel .status-indicator{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:0 0 auto}#advancedPanel .status-text{font-family:Space Grotesk,Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;font-weight:700;letter-spacing:.1em}#advancedPanel .status-text:after{content:"OFF"}#advancedPanel .raw-input:checked+.shutter-row .status-text:after{content:"ON"}body.device-chaos #advancedPanel #bitLOD+.shutter-row .status-text:after{content:"1MM"}body.device-chaos #advancedPanel #bitLOD:checked+.shutter-row .status-text:after{content:"2MM"}#advancedPanel .crosshair{width:36px;height:36px;border:2px solid #fff;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.19,1,.22,1)}#advancedPanel .crosshair:before,#advancedPanel .crosshair:after{content:"";position:absolute;background:#fff;transition:all .5s ease}#advancedPanel .crosshair:before{width:16px;height:2px}#advancedPanel .crosshair:after{width:2px;height:16px}#advancedPanel .raw-input:checked+.shutter-row .crosshair{border-radius:0;transform:rotate(135deg);border-color:#fff}#advancedPanel .border-deco{position:absolute;top:0;right:0;bottom:0;left:0;border:none;opacity:1;z-index:5;mix-blend-mode:difference;pointer-events:none}#advancedPanel .border-deco:before,#advancedPanel .border-deco:after{content:"";position:absolute;width:8px;height:8px;border:2px solid #fff;transition:all .3s cubic-bezier(.19,1,.22,1);opacity:.3}#advancedPanel .border-deco:before{top:4px;left:4px;border-right:none;border-bottom:none}#advancedPanel .border-deco:after{bottom:4px;right:4px;border-left:none;border-top:none}#advancedPanel .shutter-row:hover .border-deco:before{top:2px;left:2px;width:12px;height:12px;opacity:1}#advancedPanel .shutter-row:hover .border-deco:after{bottom:2px;right:2px;width:12px;height:12px;opacity:1}#advancedPanel .raw-input{display:none}#advancedPanel .advModeByteRow{margin-top:16px;display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid rgba(0,0,0,.12);padding-top:12px}#advancedPanel .advModeByteLabel{font-size:11px;font-weight:800;letter-spacing:.1em;opacity:.6}#advancedPanel .advModeByteValue{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:900;font-size:16px;padding:2px 6px;border:2px solid var(--ink);background:var(--paper);box-shadow:2px 2px #000}#advancedPanel [data-adv-region=single]{display:none;flex-direction:column;gap:18px;min-height:0}#advancedPanel.advanced-layout-single{grid-template-columns:1fr;gap:0}#advancedPanel.advanced-layout-single [data-adv-region=dual-left],#advancedPanel.advanced-layout-single [data-adv-region=dual-right]{display:none}#advancedPanel.advanced-layout-single [data-adv-region=single]{display:flex}#advancedPanel .adv-text-toggle .status-text:after{content:attr(data-off)}#advancedPanel .adv-text-toggle .raw-input:checked+.shutter-row .status-text:after{content:attr(data-on)}#advancedPanel [data-adv-item=surfaceMode][data-adv-control=cycle] .status-text:after{content:""!important}#advancedPanel [data-adv-region=single] [data-adv-item=surfaceMode][data-adv-control=cycle]{order:3}#advancedPanel [data-adv-region=single] [data-adv-item=bhopToggle][data-adv-control=toggle]{order:4}#advancedPanel [data-adv-region=single] [data-adv-item=bhopDelay][data-adv-control=range] .slider-name,#advancedPanel [data-adv-region=single] [data-adv-item=bhopDelay][data-adv-control=range] .slider-sub,#advancedPanel [data-adv-region=single] [data-adv-item=bhopDelay][data-adv-control=range] .value-readout,#advancedPanel [data-adv-region=single] [data-adv-item=bhopDelay][data-adv-control=range] .value-readout:after{font-family:Space Grotesk,Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}#advancedPanel .adv-bhop-card.is-disabled{opacity:.62}#advancedPanel .adv-bhop-card.is-disabled input[type=range]{pointer-events:none;cursor:not-allowed}#advancedPanel [data-adv-region=single] [data-adv-item=bhopDelay][data-adv-control=range] .debounce-bar-wide{width:4px}#advancedPanel [data-adv-region=single] [data-adv-item=dynamicSensitivityComposite][data-adv-control=cycle]{order:10}#advancedPanel [data-adv-region=single] [data-adv-item=sensorAngle][data-adv-control=range]{order:11}#advancedPanel [data-adv-region=single] [data-adv-item=smartTrackingComposite][data-adv-control=panel]{order:12}#advancedPanel [data-adv-region=single] [data-adv-item=lowPowerThresholdPercent][data-adv-control=range]{order:13}#advancedPanel [data-adv-region=single] [data-adv-item=sleepSeconds][data-adv-control=range]{order:20}#advancedPanel [data-adv-region=single] [data-adv-item=hyperpollingIndicator][data-adv-control=cycle]{order:21}#advancedPanel [data-adv-region=single] [data-adv-item=sleepSeconds][data-adv-control=range] .slider-name,#advancedPanel [data-adv-region=single] [data-adv-item=sleepSeconds][data-adv-control=range] .slider-sub,#advancedPanel [data-adv-region=single] [data-adv-item=sleepSeconds][data-adv-control=range] .value-readout,#advancedPanel [data-adv-region=single] [data-adv-item=sleepSeconds][data-adv-control=range] .value-readout:after{font-family:Space Grotesk,Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}#advancedPanel .adv-composite-card{display:flex;flex-direction:row;align-items:stretch;gap:24px;position:relative;isolation:isolate;border:none;background:transparent;box-shadow:none;padding:0}#advancedPanel .adv-composite-head{display:flex;flex-shrink:0;width:64px;position:relative;z-index:3}#advancedPanel .adv-v-switch{position:relative;width:100%;height:100%;min-height:180px;cursor:pointer;display:block}#advancedPanel .adv-v-switch input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}#advancedPanel .v-switch-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--paper, #fff);border:2px solid var(--ink, #000);border-radius:12px;box-shadow:6px 6px #00000026;display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;padding:0;transition:all .3s cubic-bezier(.19,1,.22,1);overflow:hidden}#advancedPanel .adv-v-switch:hover .v-switch-track{box-shadow:8px 8px #00000040;transform:translate(-2px,-2px)}#advancedPanel .v-switch-track:after{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:var(--ink, #000);transform:translateY(-50%);z-index:5;pointer-events:none}#advancedPanel .v-switch-text{flex:1;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:upright;font-size:16px;font-weight:900;letter-spacing:6px;z-index:2;color:var(--ink, #000);background:var(--paper, #fff);transition:all .3s ease;-webkit-user-select:none;user-select:none;text-transform:uppercase}#advancedPanel .adv-v-switch input:not(:checked)+.v-switch-track .v-switch-text-bottom{background:var(--ink, #000);color:var(--paper, #fff)}#advancedPanel .adv-v-switch input:checked+.v-switch-track .v-switch-text-top{background:var(--ink, #000);color:var(--paper, #fff)}#advancedPanel .adv-v-switch input:not(:checked)+.v-switch-track .v-switch-text-top:hover,#advancedPanel .adv-v-switch input:checked+.v-switch-track .v-switch-text-bottom:hover{background:repeating-linear-gradient(45deg,rgba(0,0,0,.05),rgba(0,0,0,.05) 4px,transparent 4px,transparent 8px)}#advancedPanel .adv-v-switch input:not(:checked)+.v-switch-track .v-switch-text-bottom,#advancedPanel .adv-v-switch input:checked+.v-switch-track .v-switch-text-top{box-shadow:inset 0 0 12px #ffffff1a}#advancedPanel .adv-composite-body{flex:1;min-width:0;display:flex;position:relative;z-index:1}#advancedPanel .adv-composite-view{display:none;width:100%}#advancedPanel .adv-composite-view.is-active{display:flex;animation:compositeFadeInRight .4s cubic-bezier(.19,1,.22,1) forwards}#advancedPanel .adv-composite-view>.slider-card,#advancedPanel .adv-composite-view>.adv-composite-grid{width:100%;height:100%}#advancedPanel .adv-composite-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}#advancedPanel .adv-composite-card .slider-card{padding:18px 22px;box-shadow:6px 6px #00000014}#advancedPanel .adv-composite-card .slider-name{font-size:clamp(20px,2.8vw,36px)}body.dark #advancedPanel .v-switch-track{background:#111;border-color:#fff;box-shadow:6px 6px #ffffff26}body.dark #advancedPanel .adv-v-switch:hover .v-switch-track{box-shadow:8px 8px #ffffff40}body.dark #advancedPanel .v-switch-track:after{background:#fff}body.dark #advancedPanel .v-switch-text{color:#fff;background:#111}body.dark #advancedPanel .adv-v-switch input:not(:checked)+.v-switch-track .v-switch-text-bottom{background:#fff;color:#000}body.dark #advancedPanel .adv-v-switch input:checked+.v-switch-track .v-switch-text-top{background:#fff;color:#000}body.dark #advancedPanel .adv-v-switch input:not(:checked)+.v-switch-track .v-switch-text-top:hover,body.dark #advancedPanel .adv-v-switch input:checked+.v-switch-track .v-switch-text-bottom:hover{background:repeating-linear-gradient(45deg,rgba(255,255,255,.1),rgba(255,255,255,.1) 4px,transparent 4px,transparent 8px)}@keyframes compositeFadeInRight{0%{opacity:0;transform:translate(15px)}to{opacity:1;transform:translate(0)}}@media(max-width:980px){#advancedPanel .adv-composite-card{flex-direction:column;gap:16px}#advancedPanel .adv-composite-head{width:100%;height:60px}#advancedPanel .adv-v-switch{min-height:60px}#advancedPanel .v-switch-track{flex-direction:row;padding:0;border-radius:12px}#advancedPanel .v-switch-track:after{top:0;bottom:0;left:50%;width:2px;height:100%;transform:translate(-50%)}#advancedPanel .v-switch-text{writing-mode:horizontal-tb;width:50%;letter-spacing:4px}#advancedPanel .adv-composite-grid{grid-template-columns:1fr;gap:16px}}#advancedPanel[data-adv-density=compact]{padding:2vh 24px}#advancedPanel[data-adv-density=compact] [data-adv-region=single],#advancedPanel[data-adv-density=compact] .advSliderStack{gap:12px}#advancedPanel[data-adv-density=compact] .slider-card{padding:12px 16px;gap:4px 12px}#advancedPanel[data-adv-density=compact] .slider-header-row{gap:12px}#advancedPanel[data-adv-density=compact] .slider-info{gap:4px}#advancedPanel[data-adv-density=compact] .slider-name{font-size:clamp(16px,2.1vw,24px)}#advancedPanel[data-adv-density=compact] .slider-sub{font-size:10px;margin-top:2px}#advancedPanel[data-adv-density=compact] .value-readout{font-size:clamp(14px,1.6vw,20px);min-width:56px}#advancedPanel[data-adv-density=compact] .range-wrap{height:24px;margin-top:4px}#advancedPanel[data-adv-density=compact] input[type=range]::-webkit-slider-thumb{height:20px;width:12px}#advancedPanel[data-adv-density=compact] .adv-composite-card{gap:14px}#advancedPanel[data-adv-density=compact] .adv-composite-head{width:52px}#advancedPanel[data-adv-density=compact] .adv-v-switch{min-height:136px}#advancedPanel[data-adv-density=compact] .v-switch-text{font-size:13px;letter-spacing:3px}#advancedPanel[data-adv-density=compact] .adv-composite-grid{gap:12px}#advancedPanel[data-adv-density=compact] .adv-composite-view>.slider-card,#advancedPanel[data-adv-density=compact] .adv-composite-view>.adv-composite-grid{height:auto}#advancedPanel[data-adv-density=compact] .horizon-group{gap:8px;margin-left:-18px}#advancedPanel[data-adv-density=compact] .horizon-visual{width:56px;height:34px}#advancedPanel[data-adv-density=compact] .kinetic-visual-group{gap:12px}#advancedPanel[data-adv-density=compact] .fin-display{width:92px;height:26px}#advancedPanel[data-adv-density=compact] .fin{width:9px;height:18px}@media(max-width:980px){#advancedPanel[data-adv-density=compact] .adv-composite-card{gap:12px}#advancedPanel[data-adv-density=compact] .adv-composite-head{height:52px}#advancedPanel[data-adv-density=compact] .adv-v-switch{min-height:52px}#advancedPanel[data-adv-density=compact] .v-switch-text{font-size:12px;letter-spacing:2px}#advancedPanel[data-adv-density=compact] .adv-composite-grid{gap:12px}}#advancedPanel[data-adv-density=superstrike]{padding:16px 24px}#advancedPanel[data-adv-density=superstrike] .advSectionHeader{font-size:13px;margin-bottom:10px}#advancedPanel[data-adv-density=superstrike] [data-adv-region=single],#advancedPanel[data-adv-density=superstrike] .advSliderStack,#advancedPanel[data-adv-density=superstrike] .shutter-list{gap:12px}#advancedPanel[data-adv-density=superstrike] .shutter-row{height:76px;padding:0 20px;background-size:18px 18px;box-shadow:5px 5px #00000014}#advancedPanel[data-adv-density=superstrike] .shutter-row:hover{box-shadow:6px 6px 0 var(--ink);transform:scale(1.008)}#advancedPanel[data-adv-density=superstrike] .label-code{font-size:9px;margin-bottom:5px;padding:2px 16px;letter-spacing:.09em}#advancedPanel[data-adv-density=superstrike] .label-title{font-size:24px;line-height:.95}#advancedPanel[data-adv-density=superstrike] .label-desc{font-size:10px;margin-top:4px}#advancedPanel[data-adv-density=superstrike] .status-indicator{gap:10px}#advancedPanel[data-adv-density=superstrike] .status-text,#advancedPanel[data-adv-density=superstrike] .adv-cycle-item .cycle-text{font-size:13px}#advancedPanel[data-adv-density=superstrike] .crosshair{width:32px;height:32px}#advancedPanel[data-adv-density=superstrike] .crosshair:before{width:14px}#advancedPanel[data-adv-density=superstrike] .crosshair:after{height:14px}#advancedPanel[data-adv-density=superstrike] .slider-card{padding:12px 16px;gap:4px 14px;box-shadow:5px 5px #00000014}#advancedPanel[data-adv-density=superstrike] .slider-header-row{gap:14px}#advancedPanel[data-adv-density=superstrike] .slider-info{gap:4px}#advancedPanel[data-adv-density=superstrike] .slider-name{font-size:22px;line-height:1.05;letter-spacing:.05em}#advancedPanel[data-adv-density=superstrike] .slider-card:hover .slider-name,#advancedPanel[data-adv-density=superstrike] .slider-card:has(input[type=range]:active) .slider-name{letter-spacing:.06em;transform:scale(1.01)}#advancedPanel[data-adv-density=superstrike] .slider-sub{font-size:9.5px;margin-top:2px;letter-spacing:.16em}#advancedPanel[data-adv-density=superstrike] .value-readout{min-width:50px;font-size:20px;padding-top:0}#advancedPanel[data-adv-density=superstrike] .range-wrap{height:24px;margin-top:3px}#advancedPanel[data-adv-density=superstrike] .custom-track{height:10px}#advancedPanel[data-adv-density=superstrike] input[type=range]::-webkit-slider-thumb{height:20px;width:12px}#advancedPanel[data-adv-density=superstrike] .debounce-visual-group.wide-mode{gap:12px}#advancedPanel[data-adv-density=superstrike] .debounce-visual-wide{width:96px;height:28px;border-radius:4px}#advancedPanel[data-adv-density=superstrike] .debounce-bar-wide{height:16px}#advancedPanel[data-adv-density=superstrike] .superstrike-composite-card{gap:12px}#advancedPanel[data-adv-density=superstrike] .superstrike-composite-card .adv-composite-head{width:44px}#advancedPanel[data-adv-density=superstrike] .superstrike-composite-card .adv-v-switch{min-height:112px}#advancedPanel[data-adv-density=superstrike] .superstrike-composite-card .v-switch-track{border-radius:9px;box-shadow:4px 4px #00000024}#advancedPanel[data-adv-density=superstrike] .superstrike-composite-card .adv-v-switch:hover .v-switch-track{box-shadow:5px 5px #0003;transform:translate(-1px,-1px)}#advancedPanel[data-adv-density=superstrike] .superstrike-composite-card .v-switch-text{font-size:13px;letter-spacing:1px}#advancedPanel[data-adv-density=superstrike] .superstrike-composite-card .adv-composite-grid{gap:12px}#advancedPanel[data-adv-density=superstrike] .superstrike-composite-card .adv-composite-view>.slider-card,#advancedPanel[data-adv-density=superstrike] .superstrike-composite-card .adv-composite-view>.adv-composite-grid{height:auto}#advancedPanel[data-adv-density=superstrike] .superstrike-composite-card .slider-card{min-height:112px;padding:12px 16px}#advancedPanel[data-adv-density=superstrike] .superstrike-composite-card .slider-name{font-size:23px}#advancedPanel[data-adv-density=superstrike] .superstrike-composite-card .value-readout{min-width:38px}body.dark #advancedPanel[data-adv-density=superstrike] .superstrike-composite-card .v-switch-track{box-shadow:4px 4px #ffffff24}body.dark #advancedPanel[data-adv-density=superstrike] .superstrike-composite-card .adv-v-switch:hover .v-switch-track{box-shadow:5px 5px #fff3}@media(max-width:980px){#advancedPanel[data-adv-density=superstrike]{padding:12px 18px}#advancedPanel[data-adv-density=superstrike] .superstrike-composite-card{flex-direction:column;gap:8px}#advancedPanel[data-adv-density=superstrike] .superstrike-composite-card .adv-composite-head{width:100%;height:42px}#advancedPanel[data-adv-density=superstrike] .superstrike-composite-card .adv-v-switch{min-height:42px}#advancedPanel[data-adv-density=superstrike] .superstrike-composite-card .v-switch-text{writing-mode:horizontal-tb;text-orientation:mixed}#advancedPanel[data-adv-density=superstrike] .superstrike-composite-card .adv-composite-grid{grid-template-columns:1fr;gap:8px}#advancedPanel[data-adv-density=superstrike] .slider-name,#advancedPanel[data-adv-density=superstrike] .superstrike-composite-card .slider-name{font-size:20px}#advancedPanel[data-adv-density=superstrike] .value-readout{font-size:18px}}:root{--bg: #ffffff;--ink: #000000;--outline: #b0b0b0;--theme-color: #000000;--trans-curve: cubic-bezier(.19, 1, .22, 1);--text: #000000;--muted: #666666;--border: #e0e0e0;--card: rgba(255, 255, 255, .4);--accent: #000000;--radius-xl: 22px;--radius-md: 4px;--spacing-sm: 12px;--spacing-md: 20px;--spacing-lg: 30px;--shadow-sm: none;--shadow-md: 10px 10px 0px rgba(0,0,0,.05);--shadow-lg: 20px 20px 0px rgba(0,0,0,.05);--dpiCtlH: 42px;--dpiThumb: 16px;--dpiDiamond: 20px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);background-color:var(--bg);color:var(--ink);font-family:Space Grotesk,Noto Sans SC,sans-serif;height:100vh;overflow:hidden;display:flex}.grid-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:100px 100px;pointer-events:none;z-index:0}.wrap{position:relative;z-index:1;width:100vw;max-width:none;height:100vh;margin:0;display:flex;padding:0;gap:0;align-items:stretch;overflow:visible}.sidebar{width:24%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;padding-top:130px;padding-left:6vw;background:transparent;z-index:9999;overflow:visible;contain:none!important;transition:width .6s var(--trans-curve);will-change:width;transform:translateZ(0);backface-visibility:hidden;position:relative;font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.nav-item{position:relative;font-weight:900;line-height:1.2;margin:30px 0;letter-spacing:0;--nav-transform-dur: .28s;--nav-transform-ease: var(--trans-curve);transition:opacity .24s var(--trans-curve),transform var(--nav-transform-dur) var(--nav-transform-ease);will-change:transform,opacity;transform-origin:left center;white-space:nowrap;overflow:visible!important;font-size:2.5vw;color:var(--outline);opacity:.6}.nav-item .nav-text{color:transparent;-webkit-text-stroke:1.5px var(--outline);white-space:nowrap;display:inline-block;transition:opacity .28s var(--trans-curve),transform .42s cubic-bezier(.22,1,.36,1);will-change:opacity,transform;transform:translateZ(0)}body.dark .nav-item{-webkit-text-stroke:0}.nav-item:hover{opacity:1;-webkit-text-stroke:1.5px var(--ink);transform:translate(10px);letter-spacing:0}.nav-item.active{--nav-transform-dur: .56s;--nav-transform-ease: cubic-bezier(.22, 1, .36, 1);font-size:2.5vw;opacity:1;z-index:20;pointer-events:none;color:var(--ink);-webkit-text-stroke:0;margin:30px 0;letter-spacing:0;transform:translate(15px) skew(-6deg) scale(1.8);will-change:transform,opacity,letter-spacing;text-shadow:8px 8px 0px rgba(0,0,0,.05)}.nav-item.active:hover{opacity:1;-webkit-text-stroke:0;transform:translate(15px) skew(-6deg) scale(1.8);letter-spacing:0}.nav-item.active .nav-text{color:var(--ink);-webkit-text-stroke:0}.nav-item:before{content:"";position:absolute;left:-30px;top:50%;width:0px;height:4px;background:var(--ink);transition:width .4s var(--trans-curve);transform:translateY(-50%)}body.nav-switching .nav-item:not(.active):hover{transform:none;letter-spacing:0;-webkit-text-stroke:1.5px var(--outline);opacity:.75}.nav-item.active:before{width:20px}.sidebar-tools{position:absolute;bottom:83px;left:6vw;display:flex;align-items:center;gap:20px;white-space:nowrap;contain:paint}.sidebar-disconnect-btn{min-width:56px;width:auto;height:28px;padding:0 2px 0 22px;border:none;background:transparent;color:#ef4444;font-size:12px;font-weight:700;letter-spacing:.02em;cursor:pointer;opacity:.82;position:relative;display:inline-flex;align-items:center;justify-content:flex-start;transition:transform .18s var(--trans-curve),opacity .18s var(--trans-curve)}.sidebar-disconnect-btn:before,.sidebar-disconnect-btn:after{content:"";position:absolute;left:7px;top:50%;width:14px;height:3px;border-radius:999px;background:currentColor}.sidebar-disconnect-btn:before{transform:translateY(-50%) rotate(45deg)}.sidebar-disconnect-btn:after{transform:translateY(-50%) rotate(-45deg)}.sidebar-disconnect-btn:hover:not(:disabled){transform:scale(1.08);opacity:1}.sidebar-disconnect-btn:disabled{opacity:.28;cursor:not-allowed}body.dark .sidebar-disconnect-btn{color:#fb7185}body.dark .sidebar-disconnect-btn:hover:not(:disabled){opacity:1}.sidebar-github-btn{position:absolute;top:40px;left:6vw;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--ink);opacity:.4;z-index:50;transition:transform .4s var(--trans-curve),opacity .4s var(--trans-curve)}.sidebar-github-btn svg{width:24px;height:24px}.sidebar-github-btn:hover{opacity:1;transform:scale(1.15)}.sidebar-toggle{position:absolute;top:90px;right:15%;width:32px;height:32px;background:transparent;border:none;cursor:pointer;color:var(--ink);opacity:.4;z-index:50;transition:transform .4s var(--trans-curve),opacity .4s var(--trans-curve);display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover{opacity:1;transform:scale(1.1)}.nav-icon{width:36px;height:36px;display:block;stroke:currentColor;fill:none;position:absolute;left:50%;top:50%;opacity:0;pointer-events:none;transition:transform .48s cubic-bezier(.34,1.56,.64,1.08),opacity .28s var(--trans-curve);will-change:transform,opacity;transform:translate(-50%,-50%) scale(.78) translateZ(0)}main.stage{transition:transform .4s var(--trans-curve),padding .6s var(--trans-curve);transform-origin:center center;will-change:transform;transform:translateZ(0);backface-visibility:hidden}body.nav-collapsed .sidebar{width:100px;padding-left:0;align-items:center}body.nav-collapsed .nav-item{-webkit-text-stroke:0;width:100%;display:flex;justify-content:center;align-items:center;margin:25px 0;transform:none;transition:transform .4s var(--trans-curve),opacity .4s var(--trans-curve)}body.nav-collapsed .nav-text{opacity:0;visibility:hidden;position:absolute;inline-size:0;overflow:hidden;pointer-events:none;transform:translate(-8px) scale(.96)}body.nav-collapsed .nav-icon{opacity:.5;transform:translate(-50%,-50%) scale(1) translateZ(0)}body.nav-collapsed .nav-item:hover{transform:none;letter-spacing:0}body.nav-collapsed .nav-item:not(.active):hover .nav-icon{opacity:1;transform:translate(-50%,-50%) scale(1.12) translateZ(0)}body.nav-collapsed .nav-item.active:hover .nav-icon{transform:translate(-50%,-50%) scale(1) translateZ(0)}body.nav-collapsed .nav-item.active .nav-icon{opacity:1;stroke-width:2.5px;filter:drop-shadow(0 0 5px rgba(0,0,0,.15))}body.nav-collapsed .nav-item:before{display:none}body.nav-collapsed .sidebar-github-btn{left:50%;transform:translate(-50%);top:40px}body.nav-collapsed .sidebar-github-btn:hover{transform:translate(-50%) scale(1.15)}body.nav-collapsed .sidebar-toggle{top:90px;right:auto;left:50%;transform:translate(-50%) rotate(180deg)}body.nav-collapsed main.stage{transform:none}body.page-basic main.stage{transform:none!important;will-change:auto}body.page-basic.nav-collapsed main.stage{transform:none!important}body.nav-collapsed .sidebar-tools{left:0;width:100%;justify-content:center;padding:0}body.nav-collapsed .sidebar-disconnect-btn{min-width:28px;width:28px;height:28px;padding:0;font-size:0}body.nav-collapsed .sidebar-disconnect-btn:before,body.nav-collapsed .sidebar-disconnect-btn:after{left:50%}body.nav-collapsed .sidebar-disconnect-btn:before{transform:translate(-50%,-50%) rotate(45deg)}body.nav-collapsed .sidebar-disconnect-btn:after{transform:translate(-50%,-50%) rotate(-45deg)}body.nav-transitioning .sidebar-toggle{pointer-events:none}body.nav-transitioning .nav-item{--nav-transform-dur: .46s;--nav-transform-ease: cubic-bezier(.22, 1, .36, 1)}body.nav-transitioning:not(.nav-collapsed) .sidebar{transition-duration:.72s;transition-timing-function:cubic-bezier(.22,.9,.3,1)}body.nav-transitioning:not(.nav-collapsed) .nav-item{--nav-transform-dur: .5s;--nav-transform-ease: cubic-bezier(.22, .9, .3, 1)}body.nav-transitioning .nav-text{transition-duration:.22s,.42s}body.nav-transitioning .nav-icon{transition-duration:.5s,.26s}.nav-icon{display:none;position:static;left:auto;top:auto;opacity:1;pointer-events:auto;transform:translateZ(0);transition:transform .4s var(--trans-curve),opacity .4s var(--trans-curve)}body.nav-collapsed .nav-item{min-height:40px}body.nav-collapsed .nav-text{transform:none}body.nav-collapsed .nav-icon{display:block;opacity:.5;transform:none}body.nav-collapsed .nav-item:not(.active):hover .nav-icon{transform:scale(1.1)}body.nav-collapsed .nav-item.active:hover .nav-icon{transform:none}body.nav-transitioning .sidebar{pointer-events:auto}main.stage{flex:1;height:100%;min-height:0;position:relative;overscroll-behavior:none;display:grid;grid-template-rows:auto 1fr auto;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;box-shadow:none;border:none;z-index:1;padding:0;overflow:hidden}.stagehead{padding:20px 60px 0;border-bottom:none;display:flex;justify-content:flex-end;align-items:center;min-height:20px;position:relative;z-index:3}body.dark .stagehead{padding:20px 60px 0;border-bottom:none;justify-content:flex-end;gap:0;position:relative;z-index:3}.topToolbar{width:max-content;max-width:100%;margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:12px;position:relative;top:12px;z-index:4}.topSlotBar{flex:0 1 auto;min-width:0;max-width:min(48vw,720px);display:flex;align-items:flex-end;gap:clamp(16px,1.6vw,30px);overflow-x:auto;scrollbar-width:none}.topSlotBar::-webkit-scrollbar{width:0;height:0}.topSlotBtn{border:none;background:transparent;color:#9ca3af;font-size:clamp(16px,.82vw,20px);line-height:1.1;font-weight:700;letter-spacing:0;padding:2px 0 4px;cursor:pointer;white-space:nowrap;position:relative;transform:translateY(0);transition:color .22s var(--trans-curve),transform .22s var(--trans-curve)}.topSlotBtn:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor;opacity:0;transform:scaleX(.25);transform-origin:center center;transition:opacity .2s var(--trans-curve),transform .24s var(--trans-curve)}.topSlotBtn:hover{color:#4b5563;transform:translateY(-1px)}.topSlotBtn:hover:after{opacity:.35;transform:scaleX(.65)}.topSlotBtn.active{color:var(--ink);transform:translateY(0)}.topSlotBtn.active:after{opacity:1;transform:scaleX(1)}.topSlotBtn:focus-visible{outline:none;color:var(--ink)}.topSlotBtn:focus-visible:after{opacity:1;transform:scaleX(1)}.topToolbarDivider{flex:0 0 auto;width:1px;height:34px;background:#00000024;margin:0 4px}.topDeviceMeta{flex:0 1 auto;min-width:0;max-width:min(36vw,460px);display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;margin-right:0}.topDeviceName{flex:0 1 auto;max-width:clamp(180px,24vw,360px);font-size:clamp(16px,.82vw,20px);line-height:1.15;font-weight:700;color:var(--ink);opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topBatteryWrap{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.topBatteryPercent{min-width:42px;text-align:right;font-size:clamp(16px,.82vw,20px);font-weight:800;color:var(--ink);letter-spacing:.01em;transition:color .2s var(--trans-curve)}.topBatteryIcon{position:relative;width:36px;height:9px;border-radius:999px;border:1px solid rgba(17,24,39,.34);background:#11182714;padding:1px;display:inline-flex;align-items:center;overflow:hidden}.topBatteryIcon:after{content:none}.topBatteryFill{width:0%;height:100%;border-radius:999px;background:#111;transition:width .24s var(--trans-curve),background .2s var(--trans-curve);position:relative;z-index:1}.topBatteryFill:after{content:"";position:absolute;top:0;right:0;width:6px;height:100%;border-radius:999px;background:#ffffff3d;pointer-events:none}.topIconBtn{flex:0 0 auto;width:32px;height:32px;border:none;border-radius:999px;background:transparent;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;opacity:.94;transition:transform .2s var(--trans-curve),opacity .2s var(--trans-curve),background .2s var(--trans-curve)}.topIconBtn svg{width:20px;height:20px}.topIconBtn:hover{transform:translateY(-1px);background:#0000000a;opacity:1}.topIconBtn:focus-visible{outline:2px solid rgba(0,0,0,.28);outline-offset:2px}.topLangBtn{flex:0 0 auto;width:auto;min-width:64px;padding:0 6px;gap:3px;font-weight:800}.topLangBtn span{font-size:20px;line-height:1;letter-spacing:0;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb}#themeBtn{width:54px;height:28px;min-width:54px;border-radius:999px;border:1px solid rgba(0,0,0,.24);background:#0000000a;position:relative;overflow:hidden}#themeBtn svg{display:none}#themeBtn:before{content:"";position:absolute;left:5px;top:50%;width:16px;height:16px;border-radius:999px;background:#111;transform:translateY(-50%);transition:left .2s var(--trans-curve),background .2s var(--trans-curve),box-shadow .2s var(--trans-curve);box-shadow:0 1px 3px #0000003d}#themeBtn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 14px 50%,rgba(255,255,255,.28) 0 5px,transparent 6px),radial-gradient(circle at calc(100% - 14px) 50%,rgba(0,0,0,.22) 0 5px,transparent 6px);pointer-events:none}#themeBtn:hover{transform:none;background:#00000012}body.dark .topSlotBtn{color:#e5e7eb8c}body.dark .topSlotBtn:hover,body.dark .topSlotBtn.active{color:#f9fafb}body.dark .topToolbarDivider{background:#fff3}body.dark .topDeviceName,body.dark .topBatteryPercent{color:#f9fafb}body.dark .topBatteryIcon{border-color:#ffffff57;background:#ffffff1f}body.dark .topBatteryFill{background:#f9fafb}.topBatteryWrap.is-mid .topBatteryFill{background:#f59e0b}.topBatteryWrap.is-mid .topBatteryPercent{color:#f59e0b}.topBatteryWrap.is-low .topBatteryFill{background:#ef4444}.topBatteryWrap.is-low .topBatteryPercent{color:#ef4444}body.dark .topBatteryWrap.is-mid .topBatteryFill{background:#fbbf24}body.dark .topBatteryWrap.is-mid .topBatteryPercent{color:#fbbf24}body.dark .topBatteryWrap.is-low .topBatteryFill{background:#fb7185}body.dark .topBatteryWrap.is-low .topBatteryPercent{color:#fb7185}body.dark .topIconBtn{color:#f9fafb}body.dark .topIconBtn:hover{background:#ffffff1a}body.dark #themeBtn{border-color:#ffffff4d;background:#ffffff1a}body.dark #themeBtn:before{left:calc(100% - 21px);background:#fff;box-shadow:0 1px 4px #0006}body.dark #themeBtn:after{background:radial-gradient(circle at 14px 50%,rgba(255,255,255,.18) 0 5px,transparent 6px),radial-gradient(circle at calc(100% - 14px) 50%,rgba(0,0,0,.36) 0 5px,transparent 6px)}@media(max-width:520px){.stagehead{padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm);justify-content:flex-start;min-height:0}.topToolbar{width:max-content;max-width:100%;margin-left:auto;justify-content:flex-end;gap:10px}.topSlotBar{gap:16px;max-width:44vw}.topSlotBtn{font-size:12px;padding-bottom:4px}.topToolbarDivider{height:26px;margin:0 2px}.topDeviceMeta{flex:0 1 auto;gap:6px;margin-right:0}.topDeviceName{max-width:112px;font-size:12px}.topBatteryWrap{gap:4px}.topBatteryPercent{min-width:28px;font-size:12px}.topBatteryIcon{width:28px;height:8px;padding:1px}.topIconBtn{width:28px;height:28px}.topIconBtn svg{width:18px;height:18px}.topLangBtn{min-width:52px;padding:0 4px}.topLangBtn span{font-size:17px}#themeBtn{width:46px;height:24px;min-width:46px}#themeBtn:before{width:14px;height:14px;left:4px}body.dark #themeBtn:before{left:calc(100% - 18px)}}.stagebody{padding:0 60px;margin-top:-14px;overflow-y:auto;scrollbar-width:none}.stagebody::-webkit-scrollbar{width:0}.card{background:#ffffffb8;border:1px solid rgba(0,0,0,.14);border-radius:var(--radius-xl);box-shadow:4px 4px #0000001a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background-clip:padding-box;-webkit-background-clip:padding-box}.card:hover{transform:none;border-color:#00000040;box-shadow:6px 6px #0000000d}.card:before{display:none}:is(.card,.kmDrawer,#advancedPanel,.btn,.input,.dpiNum,.xSelectTrigger,.xSelectMenu){background-clip:padding-box;-webkit-background-clip:padding-box;backface-visibility:hidden;-webkit-backface-visibility:hidden}.btn{border-radius:8px;border:1px solid rgba(0,0,0,.15);background:#fff;box-shadow:4px 4px #0000001a}.input{border-radius:8px;border:1px solid rgba(0,0,0,.15);background:#fff;box-shadow:8px 8px #0000001a}.btn:hover{transform:translate(-1px,-1px);box-shadow:6px 6px #00000026;background:#000;color:#fff}.btn.primary{background:#000;color:#fff}body.dark .grid-bg{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)}body.page-basic .stagebody{overflow:hidden}#basicMonolith{--basic-bottom-rail-width: 900px;--basic-bottom-rail-gutter: 160px;position:relative;min-height:calc(100vh - 140px);display:flex;flex-direction:column;font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}#basicSynapseLayer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:30;pointer-events:none;overflow:visible;display:none}body.page-basic #basicSynapseLayer{display:block}.basicConnectionPath{fill:none;stroke:var(--theme-color);stroke-width:4;transition:stroke .3s;filter:drop-shadow(0px 5px 5px rgba(0,0,0,.15));stroke-linecap:round}#basicMonolith .basicStage{flex:1;display:flex;position:relative;z-index:10;align-items:center;justify-content:space-between;gap:clamp(18px,4vw,56px);padding:40px 40px 20px 80px;box-sizing:border-box;max-width:100%}#basicMonolith .basicColumn{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;height:100%}#basicMonolith .basicColumnLeft{flex:1.2;align-items:flex-end;padding-right:clamp(10px,2vw,24px);text-align:right;min-width:0}#basicMonolith .basicColumnRight{align-items:flex-start;padding-left:clamp(10px,2vw,24px);text-align:left}#basicMonolith .basicItem{position:relative;font-weight:900;text-transform:uppercase;line-height:1;margin:clamp(10px,1.05vh,16px) 0;transition:transform .6s var(--trans-curve),opacity .6s var(--trans-curve),color .6s var(--trans-curve),-webkit-text-stroke-width .6s var(--trans-curve),-webkit-text-stroke-color .6s var(--trans-curve),text-shadow .6s var(--trans-curve);transform-origin:center;will-change:transform,opacity;transform:translateZ(0) scale(1);white-space:nowrap;font-size:clamp(28px,3.2vw,56px);color:transparent;-webkit-text-stroke:1.5px var(--outline);opacity:.6;-webkit-user-select:none;user-select:none;outline:none}#basicMonolith .basicColumnLeft .basicItem{transform-origin:right center}#basicMonolith .basicColumnRight .basicItem{transform-origin:left center}#basicMonolith .basicLabel{display:inline-block}#basicMonolith .basicItem:hover:not(.active),#basicMonolith .basicItem:focus-visible:not(.active){opacity:1;-webkit-text-stroke:1.5px var(--ink);transform:translateZ(0) scale(1.05);letter-spacing:0}#basicMonolith .basicItem.active{opacity:1;z-index:20;color:var(--theme-color);-webkit-text-stroke:0;transform:translateZ(0) scale(1.68);pointer-events:none;letter-spacing:0;text-shadow:10px 10px 0px rgba(0,0,0,.05)}#basicMonolith .basicAnchor{position:absolute;top:50%;width:1px;height:1px;background:transparent}#basicMonolith .basicColumnLeft .basicAnchor{right:-20px}#basicMonolith .basicColumnRight .basicAnchor{left:-20px}#basicMonolith .basicFooter{width:min(var(--basic-bottom-rail-width),calc(100% - var(--basic-bottom-rail-gutter)));margin:0 auto;padding:40px 0 30px;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;z-index:20;mix-blend-mode:exclusion;display:flex;justify-content:space-between;align-items:baseline}body.device-rapoo,body.device-atk{--rapoo-wireless-color: #06b6d4;--rapoo-protocol-color: #06b6d4}body.dark{--rapoo-wireless-color: #22d3ee;--rapoo-protocol-color: #22d3ee}#basicMonolith .basicRapooSwitches{display:none;width:min(var(--basic-bottom-rail-width),calc(100% - var(--basic-bottom-rail-gutter)));box-sizing:border-box;margin:0 auto;padding:0 0 32px;grid-template-columns:max-content max-content;row-gap:24px;column-gap:64px;align-items:stretch;justify-content:space-between;z-index:20;mix-blend-mode:exclusion}body.device-rapoo #basicMonolith .basicRapooSwitches{display:grid}#basicMonolith .basicMiniSwitch{position:relative;display:grid;grid-template-columns:auto 58px;grid-template-rows:auto auto;gap:6px 10px;padding:18px;border-radius:0;border:none;background:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .4s var(--trans-curve);flex:0 0 auto;width:fit-content;min-width:0;max-width:none;overflow:hidden}#basicMonolith .basicMiniSwitch:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(0,0,0,.02) 50%,transparent 100%),repeating-linear-gradient(0deg,transparent 0px,transparent 1px,rgba(0,0,0,.03) 1px,rgba(0,0,0,.03) 2px);opacity:0;transition:opacity .4s var(--trans-curve);pointer-events:none}#basicMonolith .basicMiniSwitch:hover:before{opacity:1}#basicMonolith .basicMiniSwitch .miniMeta{grid-column:1;grid-row:1 / 3;display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-width:0;align-self:stretch}#basicMonolith .basicMiniSwitch .miniTitle{font-size:clamp(22px,2.8vw,36px);font-weight:900;letter-spacing:.06em;text-transform:uppercase;line-height:.85;white-space:nowrap;color:transparent;-webkit-text-stroke:1.5px var(--outline);transition:all .5s var(--trans-curve);transform-origin:left center}#basicMonolith .basicMiniSwitch:hover .miniTitle,#basicMonolith .basicMiniSwitch:focus-within .miniTitle{-webkit-text-stroke:1.5px var(--ink);transform:scale(1.02);letter-spacing:.08em}#basicMonolith .basicMiniSwitch:has(input:checked) .miniMeta .miniTitle{-webkit-text-stroke:0;transform:scale(1.04);text-shadow:6px 6px 0px rgba(0,0,0,.03)}#basicMonolith .basicMiniSwitch:has(#wirelessStrategyToggle:checked) .miniMeta .miniTitle{color:var(--rapoo-wireless-color)}#basicMonolith .basicMiniSwitch:has(#commProtocolToggle:checked) .miniMeta .miniTitle{color:var(--rapoo-protocol-color)}#basicMonolith .basicMiniSwitch .miniSub{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;opacity:.5;white-space:nowrap;transition:opacity .4s var(--trans-curve);margin-top:4px}#basicMonolith .basicMiniSwitch:hover .miniSub,#basicMonolith .basicMiniSwitch:focus-within .miniSub{opacity:.75}#basicMonolith .basicMiniSwitch:has(input:checked) .miniMeta .miniSub{opacity:.9}#basicMonolith .basicMiniSwitch .miniState{grid-column:2;grid-row:1;font-size:clamp(11px,1.1vw,13px);font-weight:900;letter-spacing:.08em;text-transform:uppercase;opacity:.6;transition:all .4s var(--trans-curve);align-self:start;white-space:nowrap;position:relative;padding-top:2px;min-width:0;text-align:right;justify-self:end}#basicMonolith .basicMiniSwitch:hover .miniState,#basicMonolith .basicMiniSwitch:focus-within .miniState{opacity:.85}#basicMonolith .basicMiniSwitch:has(input:checked) .miniState{opacity:1;transform:translate(4px)}#basicMonolith .basicMiniSwitch:has(#wirelessStrategyToggle:checked) .miniState{color:var(--rapoo-wireless-color)}#basicMonolith .basicMiniSwitch:has(#commProtocolToggle:checked) .miniState{color:var(--rapoo-protocol-color)}#basicMonolith .basicMiniSwitch .miniState:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--trans-curve),background .4s var(--trans-curve);opacity:.3}#basicMonolith .basicMiniSwitch:has(input:checked) .miniState:after{transform:scaleX(1);opacity:.6}#basicMonolith .basicMiniSwitch:has(#wirelessStrategyToggle:checked) .miniState:after{background:var(--rapoo-wireless-color);opacity:.7}#basicMonolith .basicMiniSwitch:has(#commProtocolToggle:checked) .miniState:after{background:var(--rapoo-protocol-color);opacity:.7}#basicMonolith .basicMiniSwitch input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}#basicMonolith .basicMiniSwitch .miniTrack{grid-column:2;grid-row:2;width:52px;height:26px;border-radius:0;border:2px solid var(--ink);background:var(--paper);padding:2px;display:inline-flex;align-items:center;justify-self:end;transition:all .5s var(--trans-curve);position:relative;overflow:hidden;box-shadow:3px 3px #00000014}#basicMonolith .basicMiniSwitch .miniTrack:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0px,transparent 1px,rgba(0,0,0,.05) 1px,rgba(0,0,0,.05) 2px);opacity:.3;transition:opacity .4s var(--trans-curve)}#basicMonolith .basicMiniSwitch input:checked+.miniTrack:before{background:repeating-linear-gradient(90deg,transparent 0px,transparent 1px,rgba(255,255,255,.15) 1px,rgba(255,255,255,.15) 2px);opacity:.6}#basicMonolith .basicMiniSwitch:hover .miniTrack{box-shadow:4px 4px #0000001f;transform:translate(-1px,-1px)}#basicMonolith .basicMiniSwitch input:checked+.miniTrack{background:var(--ink);box-shadow:3px 3px #00000026}#basicMonolith .basicMiniSwitch .miniThumb{width:20px;height:20px;border-radius:0;background:var(--ink);border:2px solid var(--ink);transform:translate(0);transition:transform .5s var(--trans-curve),background .4s var(--trans-curve),border-color .4s var(--trans-curve);box-shadow:2px 2px #0000001a;position:relative;flex-shrink:0}#basicMonolith .basicMiniSwitch .miniThumb:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:repeating-linear-gradient(45deg,transparent 0px,transparent 2px,rgba(255,255,255,.15) 2px,rgba(255,255,255,.15) 4px);opacity:.3;transition:opacity .4s var(--trans-curve)}#basicMonolith .basicMiniSwitch input:checked+.miniTrack .miniThumb{transform:translate(26px);background:#fff!important;border-color:#fff!important;box-shadow:2px 2px #00000026}#basicMonolith .basicMiniSwitch input:checked+.miniTrack .miniThumb:before{background:repeating-linear-gradient(45deg,transparent 0px,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);opacity:.4}#basicMonolith .basicMiniSwitch:has(input:checked) .miniMeta .miniTitle{animation:switchPulse .6s var(--trans-curve)}#basicMonolith .basicMiniSwitch:has(input:checked){position:relative}#basicMonolith .basicMiniSwitch:has(input:checked):after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:1px solid var(--ink);opacity:.15;pointer-events:none;animation:borderGlow 1.2s var(--trans-curve)}#basicMonolith .basicMiniSwitch:has(#wirelessStrategyToggle:checked):after{border-color:var(--rapoo-wireless-color);opacity:.2}#basicMonolith .basicMiniSwitch:has(#commProtocolToggle:checked):after{border-color:var(--rapoo-protocol-color);opacity:.2}@keyframes switchPulse{0%,to{transform:scale(1.04)}50%{transform:scale(1.06)}}@keyframes borderGlow{0%{opacity:0;transform:scale(.98)}50%{opacity:.25;transform:scale(1.01)}to{opacity:.15;transform:scale(1)}}#basicMonolith .basicMiniSwitch:focus-within{outline:none}#basicMonolith .basicMiniSwitch:focus-within .miniTrack{box-shadow:0 0 0 3px #0000001a,4px 4px #00000014}@media(max-width:920px){#basicMonolith .basicRapooSwitches{width:auto;margin:0;padding:0 40px 24px 20px;gap:20px;grid-template-columns:1fr;justify-content:stretch}#basicMonolith .basicMiniSwitch{min-width:100%;max-width:100%;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:12px;padding:16px 18px}#basicMonolith .basicMiniSwitch .miniMeta{grid-column:1;grid-row:1}#basicMonolith .basicMiniSwitch .miniState{grid-column:1;grid-row:2}#basicMonolith .basicMiniSwitch .miniTrack{grid-column:1;grid-row:3;justify-self:start}}#basicMonolith .basicTicker{font-size:22px;font-weight:900;letter-spacing:0;display:flex;align-items:baseline}#basicMonolith .basicTicker .ticker-label{font-size:13px;font-weight:700;color:var(--muted);margin-right:6px;transform:translateY(-1px)}#basicMonolith .basicHiddenControls{display:none}@media(max-width:920px){#basicMonolith .basicColumnLeft{padding-right:3vw}#basicMonolith .basicColumnRight{padding-left:3vw}}@media(max-width:520px){#basicMonolith{min-height:calc(100vh - 110px)}#basicMonolith .basicFooter{padding:24px 0 20px}}#app-layer{position:relative;width:100vw;height:100vh}#landing-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;overflow:hidden;transform:translateY(0);transition:transform .85s var(--os-ease);--os-bg: #F5F5F7;--os-outline: #D1D1D6;--os-solid: #111111;--os-accent: #4F46E5;--os-ease: cubic-bezier(.16, 1, .3, 1);--os-drop-dur: .56s;--os-drop-ease: cubic-bezier(.22,.9,.25,1);background:var(--os-bg);color:#111;font-family:Space Grotesk,Noto Sans SC,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;cursor:none}#landing-layer[aria-hidden=true]{display:none}body.landing-active #app-layer{pointer-events:none;opacity:.12;transition:opacity .9s ease,transform .9s ease;transform:scale(.985);will-change:opacity,transform}body.landing-reveal #app-layer{filter:none;opacity:1;transform:scale(1)}#landing-layer .os-world{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden}#landing-layer .os-grid{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr auto 1fr;width:90vw;height:85vh;pointer-events:none}#landing-layer .os-side-menu{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:2vh;font-weight:900;font-size:2.4vh;text-transform:uppercase;align-self:center;opacity:.42}#landing-layer .os-hero{grid-column:1 / 4;grid-row:1 / 4;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}#landing-layer .os-stack{font-family:Space Grotesk,Inter,ui-sans-serif,system-ui;font-weight:900;font-size:8vw;line-height:.85;text-transform:uppercase;text-align:center;color:transparent;-webkit-text-stroke:1px var(--os-outline);text-shadow:none;transition:color .4s cubic-bezier(.16,1,.3,1),-webkit-text-stroke-color .4s ease}#landing-layer .os-main{font-family:Space Grotesk,Inter,ui-sans-serif,system-ui;font-weight:900;font-size:14vw;line-height:.8;text-transform:uppercase;letter-spacing:-.05em;margin-top:-4vw;margin-bottom:-4vw;z-index:20;position:relative;color:var(--os-bg);-webkit-text-stroke:2px var(--os-solid);text-shadow:10px 10px 0 rgba(0,0,0,.05);transition:color .4s cubic-bezier(.16,1,.3,1),-webkit-text-stroke-color .4s cubic-bezier(.16,1,.3,1),text-shadow .4s ease}body.landing-holding #landing-layer #layer-outline .os-main,body.landing-precharge #landing-layer #layer-outline .os-main,body.landing-charging #landing-layer #layer-outline .os-main,body.landing-holding #landing-layer #layer-outline .os-stack,body.landing-precharge #landing-layer #layer-outline .os-stack,body.landing-charging #landing-layer #layer-outline .os-stack{color:#fff3;-webkit-text-stroke-color:rgba(255,255,255,.2)}body.landing-holding #layer-outline .os-main{-webkit-text-stroke-color:var(--os-accent);opacity:.5}#landing-layer .os-specs{grid-column:3;grid-row:2;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;text-align:right;gap:1vh}#landing-layer .os-spec-big{font-family:Space Grotesk,Inter,ui-sans-serif,system-ui;font-weight:900;font-size:6vh;line-height:.9}#landing-layer .os-spec-list{font-weight:700;font-size:2vh;opacity:.55;line-height:1.5}#landing-layer #layer-outline{background:transparent}#landing-layer #layer-outline .os-side-menu,#landing-layer #layer-outline .os-specs{color:#8f8f94}#landing-layer #layer-solid{background:var(--os-solid);clip-path:circle(0px at 50% 50%);will-change:clip-path,transform}#landing-layer #layer-solid .os-stack{color:#333;-webkit-text-stroke:0}#layer-solid .os-main{color:var(--os-accent);-webkit-text-stroke:0px;text-shadow:1px 1px 0px #4f46e5,2px 2px 0px #4338ca,3px 3px 0px #3730a3,4px 4px 0px #312e81,5px 5px 0px #1e1b4b,8px 8px 15px rgba(0,0,0,.4);transform:translate(-2px,-2px);transition:all .6s cubic-bezier(.16,1,.3,1)}#landing-layer #layer-solid .os-side-menu,#landing-layer #layer-solid .os-specs{color:#fff;opacity:1}#landing-layer #layer-solid .os-spec-big{color:var(--os-accent)}#landing-layer .os-hint{position:fixed;bottom:40px;left:50%;transform:translate(-50%);font-size:12px;font-weight:800;letter-spacing:.22em;color:#8f8f94;text-transform:uppercase;z-index:100;pointer-events:none}#landing-layer .os-cursor-ring{position:fixed;top:0;left:0;width:40px;height:40px;border:2px solid var(--os-solid);border-radius:50%;pointer-events:none;z-index:999;will-change:transform,opacity;transform:translate(-50%,-50%);transition:width .3s var(--os-ease),height .3s var(--os-ease),border-color .3s var(--os-ease);mix-blend-mode:difference}#landing-layer .os-cursor-dot{position:fixed;top:0;left:0;width:6px;height:6px;background:var(--os-solid);border-radius:50%;pointer-events:none;z-index:999;will-change:transform,opacity;transform:translate(-50%,-50%)}body.landing-holding #landing-layer .os-cursor-ring{width:80px;height:80px;border-color:var(--os-accent);opacity:.5}body.landing-charging #landing-layer{background:var(--os-solid)}body.landing-charging #landing-layer #layer-solid{transition:clip-path .75s var(--os-ease);clip-path:circle(150% at 50% 50%)!important}body.landing-drop #landing-layer{transition:transform var(--os-drop-dur) var(--os-drop-ease);transform:translateY(105vh);will-change:transform}body.landing-drop #landing-layer .os-world{animation:none!important}#landing-layer:before,#landing-layer:after{opacity:0!important;animation:none!important}body.landing-charging #landing-layer #layer-outline{opacity:0}body.landing-charging #landing-layer .os-hint{color:#ffffffa6}body.landing-charging #landing-layer .os-cursor-ring,body.landing-charging #landing-layer .os-cursor-dot{opacity:0}#landing-layer .flash-layer{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--os-accent);z-index:9999;transform:scaleY(0);transform-origin:bottom;transition:transform .6s var(--os-ease);display:flex;align-items:center;justify-content:center;pointer-events:none}#landing-layer .flash-text{color:#fff;font-size:8vw;font-weight:900;font-family:Space Grotesk,Inter,ui-sans-serif,system-ui;letter-spacing:-.02em;opacity:0;transform:translateY(40px) scale(1);transition:all .4s var(--os-ease) .3s}body.landing-system-ready #landing-layer .flash-layer{transform:scaleY(1)}body.landing-system-ready #landing-layer .flash-text{opacity:1;transform:translateY(0) scale(1)}body.landing-ready-zoom #landing-layer .flash-text{transform:translateY(0) scale(1.08);transition:transform .35s var(--os-ease)}body.landing-ready-out #landing-layer .flash-text{opacity:0;transform:translateY(-10px) scale(1.08);transition:opacity .22s ease,transform .22s var(--os-ease)}body.landing-system-ready #landing-layer .os-hint,body.landing-system-ready #landing-layer .os-cursor-ring,body.landing-system-ready #landing-layer .os-cursor-dot{opacity:0}#landing-layer #trigger-zone{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200}.pagegrid.testtoolsgrid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}#testtools .testtoolsCard{padding:var(--spacing-lg);max-height:100%;overflow-y:auto;overflow-x:hidden}#testtools .testtoolsCard{scrollbar-width:none;-ms-overflow-style:none}#testtools .testtoolsCard::-webkit-scrollbar{display:none;width:0;height:0}#testtools .ttTabs{--glider-index: 0;--tt-desktop-link-space: 152px;display:flex;margin:calc(var(--spacing-lg) * -1) calc(var(--spacing-lg) * -1) var(--spacing-md) calc(var(--spacing-lg) * -1);padding-right:calc(var(--tt-desktop-link-space) + 16px);gap:0;border-bottom:1px solid var(--border);background:#fff;position:sticky;top:calc(var(--spacing-lg) * -1);z-index:20;isolation:isolate;overflow:hidden}#testtools .ttTabs-bg{position:absolute;top:0;right:0;bottom:0;left:0;filter:url(#ttGooey);pointer-events:none;z-index:1;overflow:visible}#testtools .ttGlider,#testtools .ttGliderSecondary{position:absolute;top:4px;left:0;height:calc(100% - 8px);width:calc((100% - var(--tt-desktop-link-space) - 16px) / 4);background:#000;color:#000;border-radius:999px;transition:transform .58s cubic-bezier(.24,1.12,.36,1),filter .36s ease;transform:translate(calc(var(--glider-index, 0) * 100%));will-change:transform,filter}#testtools .ttGliderSecondary{background:#000;color:#000;transition:transform .72s cubic-bezier(.19,.9,.22,1),opacity .34s ease;opacity:.62;filter:blur(.4px)}#testtools .ttGlider:before,#testtools .ttGlider:after,#testtools .ttGliderSecondary:before,#testtools .ttGliderSecondary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:currentColor;pointer-events:none}#testtools .ttGlider:before{opacity:.18;mix-blend-mode:screen;background:radial-gradient(90% 120% at 22% 50%,rgba(255,255,255,.45),transparent 58%),radial-gradient(100% 100% at 76% 50%,rgba(255,255,255,.2),transparent 64%)}#testtools .ttGlider:after{opacity:.16;filter:blur(2px);transform:scaleX(.92)}#testtools .ttGliderSecondary:before{top:2px;right:8px;bottom:2px;left:8px;opacity:.32;filter:blur(1.2px)}#testtools .ttGliderSecondary:after{top:3px;right:14px;bottom:3px;left:14px;opacity:.22;filter:blur(2.4px)}#testtools .ttTab{flex:1;height:54px;border:none!important;border-right:none!important;border-radius:0!important;background:transparent!important;color:#000!important;font-weight:500;font-size:15px;position:relative;z-index:2;transition:color .4s ease;box-shadow:none!important;cursor:pointer}#testtools .ttTab:last-child{border-right:none!important}#testtools .ttTab.active{color:#fff!important;font-weight:700}#testtools .ttDesktopToolLink{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:3;display:inline-flex;align-items:center;justify-content:center;min-width:calc(var(--tt-desktop-link-space) - 16px);height:38px;padding:0 16px;border-radius:999px;border:1px solid #000000;background:#000;color:#fff;font-size:14px;font-weight:700;line-height:1;text-decoration:none;letter-spacing:.01em;white-space:nowrap;box-shadow:0 8px 24px #0000002e;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}#testtools .ttDesktopToolLink:hover{background:#151515;color:#fff;border-color:#151515;box-shadow:0 10px 26px #0000003d}#testtools .ttDesktopToolLink:focus{outline:none}#testtools .ttDesktopToolLink:focus-visible{outline:2px solid rgba(0,0,0,.18);outline-offset:2px}body.dark #testtools .ttTabs{background:#1a1a1a}body.dark #testtools .ttGlider,body.dark #testtools .ttGliderSecondary{background:#fff;color:#fff}body.dark #testtools .ttTab{color:#fff!important}body.dark #testtools .ttTab.active{color:#000!important}body.dark #testtools .ttDesktopToolLink{background:#000;color:#fff;border-color:#000;box-shadow:0 10px 24px #00000052}body.dark #testtools .ttDesktopToolLink:hover{background:#151515;border-color:#151515}#testtools .ttPages{margin-top:0;flex:1;min-height:0;display:flex;flex-direction:column}#testtools .ttPages>.page{padding:0;display:none;flex:1;min-height:0;height:100%;overflow:visible}#testtools .ttPages>.page.active{display:flex;flex-direction:column}#testtools .ttTwoCol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-md)}#testtools #pagePoll .ttTwoCol{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);padding-right:10px;padding-bottom:10px;height:100%;align-items:stretch}#testtools #pageMatch .ttTwoCol{grid-template-columns:1.7fr 1fr;align-items:stretch;flex:1;min-height:0;grid-template-rows:1fr;padding-bottom:8px}#testtools #pageRot .ttTwoCol{grid-template-columns:1fr 2.2fr;padding:10px;height:100%;align-items:stretch;flex:1;min-height:0}#testtools #pageMatch .ttMatchLeft,#testtools #pageMatch .ttMatchRight{min-height:0;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none;border-radius:24px}#testtools #pageMatch .ttMatchLeft{background:#ffffff08!important;border:none!important;box-shadow:none!important;padding:5px 24px 24px!important}#testtools #pageMatch .ttMatchRight{background:#fff;border:1px solid rgba(0,0,0,.2)!important;box-shadow:none!important;padding:24px!important}body.dark #testtools #pageMatch .ttMatchRight{background:#1e1e1ef2}#testtools #pageMatch .ttMatchLeft::-webkit-scrollbar,#testtools #pageMatch .ttMatchRight::-webkit-scrollbar{display:none;width:0;height:0}#testtools #pagePoll{overflow:visible;height:100%}#testtools .ttTwoCol>.card{padding:var(--spacing-md)}#testtools #pagePoll .ttPollLeft,body.dark #testtools #pagePoll .ttPollLeft{background:transparent;border-color:transparent;box-shadow:none}@media(max-width:1024px){#testtools .ttTwoCol{grid-template-columns:1fr}}#testtools .ttMainStack{display:flex;flex-direction:column;gap:var(--spacing-md)}#testtools .ttRowCenter{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:var(--spacing-sm)}#testtools .ttBtnGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-md);padding-right:10px}@media(max-width:1200px){#testtools .ttBtnGrid{gap:var(--spacing-sm)}#testtools .mouse-btn{padding:10px 12px}#testtools .btn-title{font-size:14px}#testtools .hero-val{font-size:26px}}@media(max-width:920px){#testtools .ttBtnGrid{gap:10px}}#testtools .mouse-btn{border:2px solid rgba(0,0,0,.8);border-radius:calc(var(--radius-xl) - 6px);background:#ffffff42;background-clip:padding-box;-webkit-background-clip:padding-box;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:var(--spacing-sm) var(--spacing-md);box-shadow:5px 5px #000;transition:transform .2s var(--trans-curve),box-shadow .2s var(--trans-curve);-webkit-user-select:none;user-select:none;min-width:0}body.dark #testtools .mouse-btn{background:#00000038;box-shadow:4px 4px #000}#testtools .mouse-btn:hover{transform:translateZ(0)}#testtools .mouse-btn.active{transform:translate3d(4px,4px,0);box-shadow:0 0 0 transparent}#testtools .btn-title{font-weight:900;font-size:15px;letter-spacing:.3px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border)}#testtools .ttHero{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px;padding:6px 0}#testtools .hero-val{font-size:28px;font-weight:900;line-height:1.1}#testtools .hero-label{font-size:13px;color:var(--muted);font-weight:600;white-space:nowrap}#testtools .ttDivider{height:1px;background:var(--border);margin:10px 0}#testtools .ttStat{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;padding:4px 0;min-width:0}#testtools .ttStatLabel{color:var(--muted);font-weight:800;flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#testtools .ttStatVal{font-weight:900;flex:0 0 auto;white-space:nowrap}#testtools .ttMini{font-size:12px;color:var(--muted);margin:1px 0 6px;padding-left:2px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#testtools .ttThresholdCard{padding:var(--spacing-md);box-shadow:none;transition:none}#testtools .ttThresholdCard:hover{box-shadow:none;border-color:#00000014}body.dark #testtools .ttThresholdCard:hover{border-color:#ffffff1f}#testtools .ttThresholdRow{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap}#testtools .ttThresholdControls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#testtools .ttInputSmall{width:64px;height:28px;min-width:0;padding:0 6px;font-size:13px;font-weight:700;text-align:center;border-radius:4px;border:1px solid var(--border);background:#00000008;transition:all .2s ease}#testtools .ttInputSmall:hover{background:#0000000d;border-color:var(--accent)}#testtools .ttInputSmall:focus{background:#fff;border-color:var(--accent);box-shadow:0 0 0 2px #3b82f61a;outline:none}#testtools #thresholdInput,#testtools #kThresholdInput{width:100px;height:32px;min-width:0;padding:0;background:#0003;border:1px solid transparent;border-radius:6px;text-align:center;font-weight:900;font-size:14px;color:var(--text);outline:none;transition:all .2s ease;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;box-shadow:6px 6px #0000001a}#testtools #thresholdInput::-webkit-outer-spin-button,#testtools #thresholdInput::-webkit-inner-spin-button,#testtools #kThresholdInput::-webkit-outer-spin-button,#testtools #kThresholdInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#testtools #thresholdInput:hover,#testtools #kThresholdInput:hover{border-color:rgbargba(0,0,0,.1);background:#00000040}#testtools #thresholdInput:focus,#testtools #kThresholdInput:focus{border-color:transparent;box-shadow:none;background:#00000040}body.dark #testtools #thresholdInput,body.dark #testtools #kThresholdInput{background:#ffffff14}body.dark #testtools #thresholdInput:hover,body.dark #testtools #kThresholdInput:hover{background:#ffffff1f}body.dark #testtools #thresholdInput:focus,body.dark #testtools #kThresholdInput:focus{background:#ffffff26}body.dark #testtools .ttInputSmall{background:#ffffff0d}#testtools .ttBottomGrid{display:grid;grid-template-columns:minmax(70px,90px) minmax(0,1fr);gap:var(--spacing-sm);margin-bottom:4px}#testtools #pageMain .ttBottomGrid{margin-top:0}@media(max-width:1024px){#testtools .ttBottomGrid{grid-template-columns:1fr}}#testtools .ttScrollGrid{display:grid;grid-template-columns:1fr;gap:18px;margin:0 auto;padding:6px 0;width:56px;max-width:100%;border:1px solid transparent;border-radius:10px;overflow:hidden;background:transparent}#testtools .ttScrollItem{border:0;border-radius:0;padding:8px 4px;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;background:transparent;transition:transform .2s var(--trans-curve)}#testtools .ttScrollItem+.ttScrollItem{border-top:0;margin-top:0}#testtools .ttScrollItem:hover{transform:none;filter:brightness(1.03);background:transparent}#testtools .scroll-arrow{font-size:14px;font-weight:900}#testtools .scroll-count{font-size:16px;font-weight:900;line-height:1}#testtools .scroll-name{font-size:9px;color:var(--muted);font-weight:800}#testtools .ttScrollCard{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-xs);box-shadow:none}#testtools .ttScrollCard .cardhead{display:none}#testtools .ttScrollCard .cardhead .title{font-size:11px;white-space:nowrap;text-align:center}#testtools .ttKeyCard{box-shadow:none}#testtools .ttKeyCard .ttMetric{border-radius:18px}#testtools .ttKeyHeader{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:4px}#testtools .ttKeyTitleBlock{min-width:0}#testtools .ttKeyTitleBlock .title{font-size:15px;white-space:nowrap;font-weight:900}#testtools .ttKeyTitleBlock .sub{font-size:11px;color:var(--muted);margin-top:2px;line-height:1.3}#testtools .ttKeyHeaderRight{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;min-width:0}#testtools .ttKeyPills{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}#testtools .ttKeyPills .pill{font-size:11px;height:34px;padding:0 12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#testtools #customKeyState{flex:1 1 320px;min-width:220px;justify-content:center;text-align:center}#testtools #customKeyState{cursor:default;border:1px solid var(--border);background:#ffffff42;box-shadow:5px 5px #000;transition:transform .2s var(--trans-curve),box-shadow .2s var(--trans-curve)}body.dark #testtools #customKeyState{background:#00000038;box-shadow:4px 4px #000}#testtools #customKeyState:hover{transform:none}#testtools .ttKeyActions{display:flex;align-items:center;gap:10px}#testtools .ttKeyActions .btn{height:34px;padding:0 18px;white-space:nowrap}#testtools #resetClicks,#testtools #pickKeyBtn,#testtools #resetKeyBtn{border:1px solid rgba(0,0,0,.2);background:#fff;color:#000;border-radius:12px;box-shadow:3px 3px #0000008c;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}#testtools #resetClicks:hover,#testtools #pickKeyBtn:hover,#testtools #resetKeyBtn:hover{transform:translate(4px,4px);box-shadow:0 0 #000;background:#fff}#testtools #resetClicks:focus,#testtools #pickKeyBtn:focus,#testtools #resetKeyBtn:focus{outline:none}#testtools #resetClicks{color:#d92c2c}body.dark #testtools #resetClicks,body.dark #testtools #pickKeyBtn,body.dark #testtools #resetKeyBtn{border:1px solid rgba(255,255,255,.35);background:#000;color:#fff;box-shadow:3px 3px #ffffff8c}body.dark #testtools #resetClicks:hover,body.dark #testtools #pickKeyBtn:hover,body.dark #testtools #resetKeyBtn:hover{background:#000;box-shadow:0 0 #fff}body.dark #testtools #resetClicks{color:#d92c2c}#testtools #pagePoll :is(button,.ttRotHintBtn),#testtools #pageMatch :is(button,.ttRotHintBtn),#testtools #pageRot :is(button,.ttRotHintBtn){height:34px;padding:0 18px;white-space:nowrap;border:1px solid rgba(0,0,0,.2);background:#fff;color:#000;border-radius:12px;box-shadow:3px 3px #0000008c;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}#testtools #pagePoll :is(button,.ttRotHintBtn):hover,#testtools #pageMatch :is(button,.ttRotHintBtn):hover,#testtools #pageRot :is(button,.ttRotHintBtn):hover{transform:translate(4px,4px);box-shadow:0 0 #0000008c;background:#fff}#testtools #pagePoll :is(button,.ttRotHintBtn):active,#testtools #pageMatch :is(button,.ttRotHintBtn):active,#testtools #pageRot :is(button,.ttRotHintBtn):active{transform:none;box-shadow:3px 3px #0000008c}#testtools #pagePoll :is(button,.ttRotHintBtn):hover:active,#testtools #pageMatch :is(button,.ttRotHintBtn):hover:active,#testtools #pageRot :is(button,.ttRotHintBtn):hover:active{transform:translate(4px,4px);box-shadow:0 0 #0000008c}#testtools #pagePoll :is(button,.ttRotHintBtn):focus,#testtools #pageMatch :is(button,.ttRotHintBtn):focus,#testtools #pageRot :is(button,.ttRotHintBtn):focus{outline:none}#testtools #pagePoll :is(.danger,button.danger),#testtools #pageMatch :is(.danger,button.danger),#testtools #pageRot :is(.danger,button.danger){color:#d92c2c}body.dark #testtools #pagePoll :is(button,.ttRotHintBtn),body.dark #testtools #pageMatch :is(button,.ttRotHintBtn),body.dark #testtools #pageRot :is(button,.ttRotHintBtn){border:1px solid rgba(255,255,255,.35);background:#000;color:#fff;box-shadow:3px 3px #ffffff8c}body.dark #testtools #pagePoll :is(button,.ttRotHintBtn):hover,body.dark #testtools #pageMatch :is(button,.ttRotHintBtn):hover,body.dark #testtools #pageRot :is(button,.ttRotHintBtn):hover{background:#000;box-shadow:0 0 #ffffff8c}body.dark #testtools #pagePoll :is(button,.ttRotHintBtn):active,body.dark #testtools #pageMatch :is(button,.ttRotHintBtn):active,body.dark #testtools #pageRot :is(button,.ttRotHintBtn):active{transform:none;box-shadow:3px 3px #ffffff8c}body.dark #testtools #pagePoll :is(button,.ttRotHintBtn):hover:active,body.dark #testtools #pageMatch :is(button,.ttRotHintBtn):hover:active,body.dark #testtools #pageRot :is(button,.ttRotHintBtn):hover:active{transform:translate(4px,4px);box-shadow:0 0 #ffffff8c}body.dark #testtools #pagePoll :is(.danger,button.danger),body.dark #testtools #pageMatch :is(.danger,button.danger),body.dark #testtools #pageRot :is(.danger,button.danger){color:#d92c2c}#testtools .ttKeyGrid{display:flex;flex-direction:column;gap:calc(var(--spacing-xs) + 8px);margin-top:2px}#testtools .ttKeyGridRow{display:grid;gap:var(--spacing-xs)}#testtools .ttKeyGridRowTop{grid-template-columns:repeat(3,minmax(0,1fr))}#testtools .ttKeyGridRowBottom{grid-template-columns:minmax(200px,240px) minmax(0,1fr) minmax(0,1fr)}@media(max-width:1024px){#testtools .ttKeyHeader{grid-template-columns:1fr;align-items:stretch;gap:11px}#testtools .ttKeyHeaderRight{grid-template-columns:1fr;gap:11px}#testtools .ttKeyActions{justify-content:flex-start}#testtools #customKeyState{flex-basis:140px}}@media(max-width:1024px){#testtools .ttKeyGridRowTop,#testtools .ttKeyGridRowBottom{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){#testtools .ttKeyGridRowTop,#testtools .ttKeyGridRowBottom{grid-template-columns:1fr}}#testtools .ttMetric{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 14px;min-height:52px;background:var(--card-bg, rgba(255,255,255,.02));transition:all .2s ease}#testtools .ttMetric:hover{border-color:var(--border);background:var(--card-bg, rgba(255,255,255,.02))}#testtools .ttMetricTitle{font-size:11px;color:var(--muted);font-weight:700;margin-bottom:0;flex:1;min-width:0;padding-right:12px;line-height:1.3;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#testtools .ttMetricVal{font-size:18px;font-weight:900;line-height:1;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}#testtools .ttMetricInline{display:flex;align-items:baseline;gap:8px;justify-content:flex-end;flex-shrink:0;flex-wrap:nowrap;white-space:nowrap}#testtools .ttMetricBig{font-size:18px;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}#testtools .ttMetricInline .sub{font-size:11px;color:var(--muted);opacity:.7;white-space:nowrap}#testtools .ttCanvasWrap{width:100%;border:none;border-radius:0;overflow:visible;background:transparent}#testtools .ttCanvasWrap canvas{width:100%;height:380px;display:block}#testtools .ttPollRight{display:flex;flex-direction:column;padding:var(--spacing-sm)}#testtools .ttPollRight>.cardhead{flex-shrink:0;margin-bottom:var(--spacing-sm)}#testtools .ttPollRight>.ttCanvasWrap{flex:1;min-height:0;display:flex;flex-direction:column}#testtools .ttPollRight>.ttCanvasWrap canvas{flex:1;min-height:200px;height:auto}#testtools .ttPollRight>.pill{flex-shrink:0;margin-top:var(--spacing-sm);align-self:flex-start;background:transparent;border:none}#testtools .ttPollRight{box-shadow:none;transition:none;height:100%}#testtools .ttPollRight:hover{transform:none;box-shadow:none}#testtools .ttPollLeft{display:flex;flex-direction:column;align-items:center;gap:20px;height:100%}#testtools .ttPollLeft>.cardhead{width:100%;text-align:center}#testtools .ttPollLeft>.cardhead .title{font-size:18px}#testtools .ttPollLeft>.cardhead .sub{max-width:320px;margin:6px auto 0;line-height:1.5}#testtools .ttPollRing{position:relative;border:none;border-radius:50%;overflow:visible;width:200px;height:200px;flex-shrink:0}#testtools .ttPollRing canvas{width:100%;height:100%;display:block}#testtools .ttPollRingInner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;pointer-events:none;text-align:center;padding:12px}#testtools .ttPollHz{display:flex;align-items:baseline;gap:4px}#testtools .ttPollHzVal{font-size:42px;font-weight:900;letter-spacing:-1px;line-height:1}#testtools .ttPollHzUnit{font-size:16px;color:var(--muted);font-weight:900}#testtools .ttPollRingInner .sub{display:none}#testtools .ttMetricRow{display:grid;grid-template-columns:repeat(4,minmax(70px,1fr));gap:8px;width:100%;margin-bottom:16px}@media(max-width:1024px){#testtools .ttMetricRow{grid-template-columns:repeat(2,minmax(0,1fr))}}#testtools .ttMiniMetric{border:none;border-radius:0;padding:14px 10px;background:transparent;text-align:center}#testtools .ttMiniMetric .label{font-size:10px;color:var(--muted);font-weight:600;letter-spacing:.3px}#testtools .ttMiniMetric .value{font-weight:900;font-size:15px;margin-top:8px;line-height:1.3;white-space:nowrap}#testtools .ttPollLeft .ttRowCenter{margin-top:0}#testtools .ttPollLeft>.hint{font-size:11px;text-align:center;max-width:300px;color:var(--muted);margin-top:auto}#testtools .ttMatchLeft{display:flex;flex-direction:column;gap:12px}#testtools .ttMatchHead{display:flex;align-items:flex-start;justify-content:space-between;padding:4px 8px}#testtools #pageMatch .ttMatchHead{margin-bottom:14px}#testtools #pageMatch .ttMatchInfoCard{margin-bottom:18px}#testtools .ttMatchTitleGroup .title{font-size:18px;font-weight:900;margin-bottom:2px}#testtools .ttMatchTitleGroup .sub{font-size:12px;color:var(--muted)}#testtools .ttMatchCard{display:flex;flex-direction:column;justify-content:center;background:#ffffff0d;border:1px solid rgba(0,0,0,.2);border-radius:20px;padding:24px 20px 16px}#testtools .ttMatchCard>*:last-child{margin-bottom:0}body.dark #testtools .ttMatchCard{background:#ffffff0a}#testtools .card-label{font-size:13px;font-weight:900;margin-bottom:12px;color:var(--text)}#testtools .ttMatchSteps{display:flex;flex-direction:column;gap:6px;margin-bottom:0;background:transparent;padding:0}#testtools .step-item{display:flex;gap:8px;align-items:flex-start}#testtools .step-num{font-size:11px;font-weight:900;color:var(--text);opacity:.6;padding-top:1px;width:auto;height:auto;background:transparent}#testtools .step-item p{margin:0;font-size:12px;line-height:1.5;color:var(--text);opacity:.8}#testtools .step-item p b{opacity:1;color:var(--text)}#testtools .ttMatchInputRow{display:flex;align-items:flex-end;gap:16px;margin-bottom:20px}#testtools .input-group{display:flex;align-items:center;gap:12px}#testtools .input-group label{font-size:14px;font-weight:700;color:var(--muted);white-space:nowrap}#testtools .input-wrap .input{width:100px;height:32px;background:#0003;border:none;border-radius:6px;text-align:center;font-weight:900;font-size:14px;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}#testtools .input-wrap .input::-webkit-inner-spin-button,#testtools .input-wrap .input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#testtools .btn-hint{height:32px;padding:0 16px;background:#ffffff1a;border:none;border-radius:16px;font-size:11px;font-weight:800;color:var(--text)}#testtools .ttMatchActionRow{display:flex;gap:10px;margin-bottom:16px}#testtools .btn-measure{flex:1;height:38px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:12px;font-weight:900;color:var(--text);transition:all .2s ease;box-shadow:none}#testtools .btn-measure:hover{background:var(--text);color:var(--bg);transform:translateY(-1px)}#testtools .btn-reset{width:60px;height:38px;background:#ef444426;color:#ef4444;border:none;border-radius:10px}#testtools .ttStatus{background:transparent;border:none;padding:0;font-size:12px;opacity:.8}#testtools #pageMatch #matchStatus.ttStatus{line-height:16px;height:32px;overflow:hidden}#testtools .ttMatchDivider{height:1px;background:#ffffff14;margin:1px 0 0}#testtools .ttMatchResultArea{display:flex;flex-direction:column;gap:6px;padding:2px 8px 4px 22px}#testtools .result-row{display:flex;flex-direction:column;gap:4px}#testtools #pageMatch .ttMatchResultArea .result-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}#testtools #pageMatch .ttMatchResultArea .result-head .quality-text{text-align:right;white-space:nowrap}#testtools .result-label{font-size:13px;font-weight:700;color:var(--text);opacity:.9}#testtools .result-value{font-size:42px;font-weight:900;color:#00ff9d;line-height:1}#testtools #pageMatch .ttMatchResultArea .result-value{width:100%;text-align:center;transform:translate(-7px)}#testtools .result-footer{display:flex;flex-direction:column;gap:4px}#testtools .range-text{font-size:12px;font-weight:700;color:var(--text);opacity:.9}#testtools .quality-text{font-size:11px;font-weight:500;color:var(--text);opacity:.6}#testtools .record-sections{display:flex;flex-direction:column;gap:16px;margin-top:10px}#testtools .record-group{display:flex;flex-direction:column;gap:8px}#testtools .group-header{display:flex;align-items:center;padding:8px 16px;background:#0000000d;border-radius:20px;border:none}body.dark #testtools .group-header{background:#ffffff0f}#testtools .group-label{font-size:13px;font-weight:700;color:var(--text);opacity:.9}#testtools .group-label b{font-family:Space Grotesk,sans-serif;margin-left:8px;opacity:1}#testtools .ttTrials{display:flex;flex-direction:column;gap:14px}#testtools .trial-card{display:flex;align-items:center;gap:10px;padding:6px 8px}#testtools .trial-card .meta{display:flex;align-items:center;gap:8px;min-width:0}#testtools .trial-card .redo{margin-left:auto;white-space:nowrap}#testtools #pageRot .ttRotLeft{display:flex;flex-direction:column;gap:14px;height:100%;min-height:0;overflow:visible!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}#testtools #pageRot .ttRotActions{display:flex;gap:10px;margin-top:25px}#testtools #pageRot .ttRotActions .btn{flex:1}#testtools #pageRot .ttRotControlCard{margin-top:auto;margin-bottom:20px;min-height:170px}#testtools #pageRot .ttRotControlCard{display:flex;flex-direction:column;justify-content:center;position:relative}#testtools #pageRot .ttRotControlCard .ttRotResultGroup{flex:1;display:flex;align-items:center;justify-content:center;margin-bottom:0}#testtools #pageRot .ttRotControlCard .result-main{align-items:center;text-align:center}#testtools #pageRot .ttRotControlCard .result-sub-label{font-size:14px;letter-spacing:.06em;position:absolute;top:16px;left:16px;margin:0}#testtools #pageRot .ttRotControlCard .ttRotAngle{font-size:56px}#testtools .ttRotResultGroup{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:12px;position:relative}#testtools .result-main{display:flex;flex-direction:column;gap:6px;flex:1}#testtools .result-sub-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);display:flex;align-items:center;gap:8px}#testtools .ttRotAngle{font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:700;line-height:1;color:var(--text);letter-spacing:-.02em}#testtools .ttRotDeg{font-size:20px;margin-left:4px;opacity:.4;font-weight:400}#testtools .ttRotStats{display:flex;gap:8px;margin-bottom:8px}#testtools #pageRot .ttRotStats{margin-bottom:0}#testtools .ttRotStats .pill{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;color:var(--muted)}#testtools #pageRot #rotSwipePill{font-size:13px}#testtools .ttRotStats .pill b{color:var(--text);margin-left:4px}#testtools #pageRot .ttRotRight{box-shadow:none;transition:none;display:flex;flex-direction:column;min-height:0}#testtools #pageRot .ttRotRight:hover{box-shadow:none;border-color:#00000014;transform:none}#testtools .ttRotBox{position:relative;margin-top:6px;border:1px solid rgba(0,0,0,.2);border-radius:24px;overflow:hidden;flex:1;min-height:0;background:#fff;transition:border-color .18s ease}#testtools #pageRot .ttRotBox:hover{border-color:#00000059}#testtools .ttRotBox canvas{width:100%;height:100%;display:block}#testtools .ttRotHud{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:16px;pointer-events:none}#testtools .ttRotHintBtn{pointer-events:auto;height:auto;padding:8px 0;border:none!important;border-radius:0;font-weight:900;font-size:13px;background:transparent!important;color:var(--text);box-shadow:none!important;transition:none!important}#testtools .ttRotHintBtn:hover,#testtools .ttRotHintBtn:active,#testtools .ttRotHintBtn:focus{background:transparent!important;border:none!important;box-shadow:none!important;transform:none!important}#testtools #pageRot .ttTwoCol{padding-bottom:12px;gap:20px}#testtools #pageRot .ttMatchSteps{flex-direction:column;gap:8px}#testtools #pageRot .step-item p{font-size:12px;line-height:1.4}#advancedPanel [data-adv-item=keyScanningRate][data-adv-control=cycle]{display:none}body.device-rapoo #advancedPanel [data-adv-item=keyScanningRate][data-adv-control=cycle]{display:block;width:100%;min-width:0;align-self:stretch;margin-left:0}body.device-rapoo #advancedPanel [data-adv-item=keyScanningRate][data-adv-control=cycle] .shutter-row{width:100%}body.device-rapoo #advancedPanel [data-adv-item=keyScanningRate][data-adv-control=cycle] .status-indicator{min-width:92px}body.device-rapoo #advancedPanel [data-adv-item=keyScanningRate][data-adv-control=cycle] .cycle-text{min-width:28px;text-align:right}body.device-rapoo #advancedPanel [data-adv-item=secondarySurfaceToggle][data-adv-control=toggle]{display:none}body.device-rapoo #advancedPanel [data-adv-item=keyScanningRate][data-adv-control=select]{min-width:92px;height:34px}body.device-rapoo #advancedPanel [data-adv-item=keyScanningRate][data-adv-control=cycle] .xSelectTrigger{font-weight:800}.horizon-group{display:flex;align-items:center;gap:12px;margin-left:-25px;flex-shrink:0;min-width:fit-content}.horizon-visual{width:70px;height:42px;border:2px solid var(--ink);border-radius:10px;position:relative;overflow:hidden;background:transparent;flex-shrink:0;box-shadow:inset 2px 2px 4px #0000000d;transition:border-color .3s ease}.horizon-line{position:absolute;top:50%;left:-25%;width:150%;height:2px;background:var(--ink);transform-origin:center center;transform:translateY(-50%) rotate(0);transition:transform .1s cubic-bezier(.19,1,.22,1);z-index:2}.horizon-ref-x,.horizon-ref-y{position:absolute;background:var(--ink);opacity:.2;pointer-events:none;z-index:1}.horizon-ref-x{top:50%;left:4px;right:4px;height:1px;transform:translateY(-50%);border-top:1px dashed currentColor;background:transparent}.horizon-ref-y{top:4px;bottom:4px;left:50%;width:1px;transform:translate(-50%)}body.dark .horizon-visual{border-color:#fff;box-shadow:inset 2px 2px 4px #ffffff1a}body.dark .horizon-line{background:#fff}body.dark .horizon-ref-x,body.dark .horizon-ref-y{background:#fff;border-color:#fff}.height-visual-group{display:flex;align-items:center;gap:12px;margin-left:-20px;flex-shrink:0;min-width:fit-content}#advancedPanel [data-adv-item=smartTrackingLevel][data-adv-control=range] .height-visual-group .value-readout{align-self:center;padding-top:0}.height-visual{width:70px;height:42px;border:2px solid var(--ink);border-radius:10px;position:relative;overflow:hidden;background:transparent;flex-shrink:0;box-shadow:inset 2px 2px 4px #0000000d;transition:border-color .3s ease}.height-guide{position:absolute;left:50%;top:6px;bottom:6px;width:0;border-left:1px dashed var(--ink);opacity:.2;transform:translate(-.5px);z-index:1}.height-surface{position:absolute;bottom:6px;left:8px;right:8px;height:2px;background:var(--ink);opacity:.4;border-radius:1px;z-index:1}.height-block{position:absolute;left:50%;bottom:6px;transform:translate(-50%);width:16px;height:6px;background:var(--ink);border-radius:2px;box-shadow:0 2px 4px #0000001a;transition:bottom .15s cubic-bezier(.19,1,.22,1);z-index:2}body.dark .height-visual{border-color:#fff;box-shadow:inset 2px 2px 4px #ffffff1a}body.dark .height-guide{border-left-color:#fff}body.dark .height-surface{background:#fff}body.dark .height-block{background:#fff;box-shadow:0 2px 4px #ffffff1a}.debounce-visual-group.wide-mode{display:flex;align-items:center;gap:20px}.debounce-visual-wide{width:120px;height:36px;border:2px solid var(--ink);border-radius:6px;position:relative;overflow:hidden;background:transparent;flex-shrink:0;box-shadow:inset 0 0 8px #0000000d;transition:border-color .3s ease;display:flex;align-items:center;justify-content:center}.debounce-scale{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;padding:0 8px;z-index:0;opacity:.3}.debounce-scale i{width:1px;height:4px;background:var(--ink)}.debounce-scale i:first-child,.debounce-scale i:last-child{height:8px}.debounce-bar-wide{height:20px;width:4px;background:var(--ink);border-radius:2px;position:relative;z-index:1;transition:width .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 6px #0003;overflow:hidden}.bar-texture{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.2;background:repeating-linear-gradient(45deg,transparent,transparent 2px,#ffffff 2px,#ffffff 4px)}body.dark .debounce-visual-wide{border-color:#fff;box-shadow:inset 0 0 8px #ffffff1a}body.dark .debounce-scale i{background:#fff}body.dark .debounce-bar-wide{background:#fff;box-shadow:0 2px 6px #fff3}body.dark .bar-texture{background:repeating-linear-gradient(45deg,transparent,transparent 2px,#000000 2px,#000000 4px)}.kinetic-visual-group{display:flex;align-items:center;gap:20px}.fin-display{width:120px;height:32px;display:flex;justify-content:space-between;align-items:center;perspective:400px;padding:0 4px}.fin{width:12px;height:24px;background:var(--ink);border-radius:1px;transform:rotateY(-85deg);opacity:.2;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),background .4s ease,opacity .4s ease;transform-origin:center center}.fin.active{transform:rotateY(0);opacity:1;background:var(--ink);box-shadow:0 4px 10px #00000026}.fin:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-left:1px solid rgba(255,255,255,.3);opacity:0}.fin.active:after{opacity:1}body.dark .fin{background:#ffffff26}body.dark .fin.active{background:#fff;box-shadow:0 4px 15px #fff3}.adv-cycle-item .shutter-row{background:#f0f0f0;cursor:pointer;border:1px solid rgba(0,0,0,.1)}.shutter-bg-base,.shutter-bg-next{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);z-index:1}.shutter-bg-next{transform:translate(-101%)}.rate-color-1000{--cycle-base: #ffffff;background-color:var(--cycle-base)}.rate-color-2000{--cycle-base: #1e3a8a;background-color:var(--cycle-base)}.rate-color-4000{--cycle-base: #6b21a8;background-color:var(--cycle-base)}.rate-color-8000{--cycle-base: #065f46;background-color:var(--cycle-base)}.surface-mode-auto{--cycle-base: #ffffff;background-color:var(--cycle-base)}.surface-mode-on{--cycle-base: #6b21a8;background-color:var(--cycle-base)}.surface-mode-off,.hyperpolling-mode-1{--cycle-base: #1e3a8a;background-color:var(--cycle-base)}.hyperpolling-mode-2{--cycle-base: #6b21a8;background-color:var(--cycle-base)}.hyperpolling-mode-3{--cycle-base: #065f46;background-color:var(--cycle-base)}.dynamic-sensitivity-mode-off{--cycle-base: #ffffff;background-color:var(--cycle-base)}.dynamic-sensitivity-mode-0{--cycle-base: #1e3a8a;background-color:var(--cycle-base)}.dynamic-sensitivity-mode-1{--cycle-base: #6b21a8;background-color:var(--cycle-base)}.dynamic-sensitivity-mode-2{--cycle-base: #065f46;background-color:var(--cycle-base)}.adv-cycle-item.is-animating .shutter-bg-next{transform:translate(0)}.adv-cycle-item .content-layer{z-index:5;mix-blend-mode:difference;color:#fff}.adv-cycle-item .cycle-text{font-size:16px;font-weight:900;text-transform:uppercase}#advancedPanel .adv-cycle-item .status-text:after{content:""!important}body.device-ninjutso #advancedPanel #deviceStaticLedColorPanel.is-disabled .shutter-row{background:#9ca3af;border-color:#6b7280}body.device-ninjutso #advancedPanel #deviceStaticLedColorPanel.is-disabled .shutter-bg-base,body.device-ninjutso #advancedPanel #deviceStaticLedColorPanel.is-disabled .shutter-bg-next{background-color:#9ca3af!important}body.device-ninjutso #advancedPanel #deviceStaticLedColorPanel.is-disabled .content-layer,body.device-ninjutso #advancedPanel #deviceStaticLedColorPanel.is-disabled .border-deco{mix-blend-mode:normal;color:#fff}body.device-ninjutso #advancedPanel #deviceStaticLedColorPanel.is-disabled .label-code{background:#ffffff2e;color:#fff}body.dark .rate-color-1000{background-color:#2b3444}body.dark .rate-color-2000{background-color:#3a5f99}body.dark .rate-color-4000{background-color:#6a4f9b}body.dark .rate-color-8000{background-color:#2f7a63}body.dark .surface-mode-auto{background-color:#2b3444}body.dark .surface-mode-on{background-color:#6a4f9b}body.dark .surface-mode-off,body.dark .hyperpolling-mode-1{background-color:#3a5f99}body.dark .hyperpolling-mode-2{background-color:#6a4f9b}body.dark .hyperpolling-mode-3{background-color:#2f7a63}body.dark .dynamic-sensitivity-mode-off{background-color:#2b3444}body.dark .dynamic-sensitivity-mode-0{background-color:#3a5f99}body.dark .dynamic-sensitivity-mode-1{background-color:#6a4f9b}body.dark .dynamic-sensitivity-mode-2{background-color:#2f7a63}.adv-cycle-item.is-animating .crosshair{transition:transform .5s var(--trans-curve)}#advancedPanel .shutter-row{transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased}#advancedPanel .content-layer{isolation:isolate;transform:translateZ(0);will-change:transform,opacity}#advancedPanel .label-title{-webkit-font-smoothing:antialiased;transform:translateZ(0)}.adv-cycle-mode-0{--cycle-base: #ffffff;background-color:var(--cycle-base)}.adv-cycle-mode-1{--cycle-base: #1e3a8a;background-color:var(--cycle-base)}.adv-cycle-mode-2{--cycle-base: #6b21a8;background-color:var(--cycle-base)}.adv-cycle-mode-3{--cycle-base: #065f46;background-color:var(--cycle-base)}body.dark .adv-cycle-mode-0{background-color:#2b3444}body.dark .adv-cycle-mode-1{background-color:#3a5f99}body.dark .adv-cycle-mode-2{background-color:#6a4f9b}body.dark .adv-cycle-mode-3{background-color:#2f7a63}.color-picker-popover{position:fixed;z-index:10000;top:0;left:0;width:260px;padding:16px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.1);border-radius:20px;box-shadow:0 20px 50px #0003,0 0 0 1px #ffffff80 inset;display:flex;flex-direction:column;gap:12px;opacity:0;pointer-events:none;transform:scale(.95);transition:opacity .2s var(--ease),transform .2s var(--ease)}body.dark .color-picker-popover{background:#141414d9;border-color:#ffffff1a;box-shadow:0 20px 50px #00000080,0 0 0 1px #ffffff1a inset}.color-picker-popover.open{opacity:1;pointer-events:auto;transform:scale(1)}.cp-wheel{width:100%;aspect-ratio:1;border-radius:50%;cursor:crosshair;box-shadow:inset 0 0 0 1px #0000001a;position:relative}.cp-controls{display:flex;gap:8px;align-items:center}.cp-preview{width:20px;height:36px;border-radius:10px;border:1px solid rgba(0,0,0,.1);background:red;box-shadow:0 2px 6px #0000001a;flex-shrink:0}.cp-hex{width:150px;height:32px;border-radius:8px;border:1px solid rgba(0,0,0,.1);background:#ffffff80;text-align:center;font-family:monospace;font-weight:700;color:var(--text);font-size:15px;flex-shrink:0}.cp-btn-close{height:36px;padding:0 12px;border-radius:8px;background:var(--ink);color:var(--bg);border:none;font-weight:700;font-size:12px;cursor:pointer}.dpi-panel-redesign{display:grid;grid-template-columns:1.5fr 1fr 1.5fr;gap:24px;padding:24px;background:#fff;border:2px solid #000000;border-radius:20px;box-shadow:8px 8px #00000026;align-items:stretch}.dpi-panel-redesign,.dpi-panel-redesign .group-levels .ndp-seg-control,.dpi-panel-redesign .group-levels .ndp-seg-control button:first-child,.dpi-panel-redesign .group-levels .ndp-seg-control button:last-child,.dpi-panel-redesign .switch-track,.dpi-panel-redesign .switch-thumb,.dpi-panel-redesign .ndp-range-display,.dpi-panel-redesign .range-box{background-clip:padding-box;-webkit-background-clip:padding-box;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.dpi-panel-redesign.no-axis{grid-template-columns:1.5fr 1.5fr}.dpi-panel-redesign *,.dpi-panel-redesign *:before,.dpi-panel-redesign *:after{box-sizing:border-box}.ndp-group{min-width:0}@media(max-width:1024px){.dpi-panel-redesign{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.group-range{grid-column:1 / -1}.dpi-panel-redesign.no-axis{grid-template-rows:auto}.dpi-panel-redesign.no-axis .group-range{grid-column:auto}}@media(max-width:600px){.dpi-panel-redesign{display:flex;flex-direction:column;gap:20px}}.ndp-label{font-size:11px;font-weight:900;color:#999;letter-spacing:.1em;margin-bottom:10px;text-transform:uppercase}.dpi-panel-redesign .group-levels .ndp-seg-control{display:flex;width:100%;height:48px;border:2px solid #000;border-radius:20px;overflow:hidden;background:#fff;position:relative;isolation:isolate}.dpi-panel-redesign .group-levels .ndp-seg-control button{flex:1;border:none;border-right:1px solid #000;background:transparent;color:#000;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;transform:translateZ(0)}.dpi-panel-redesign .group-levels .ndp-seg-control button:first-child{border-top-left-radius:18px;border-bottom-left-radius:18px}.dpi-panel-redesign .group-levels .ndp-seg-control button:last-child{border-top-right-radius:18px;border-bottom-right-radius:18px;border-right:none}.dpi-panel-redesign .group-levels .ndp-seg-control button:hover{background:#f0f0f0}.dpi-panel-redesign .group-levels .ndp-seg-control button.active{background:#000;color:#fff;font-weight:900}.dpi-panel-redesign .group-levels .ndp-seg-control.is-switching:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:16px;pointer-events:none;background:linear-gradient(90deg,#fff0,#fff3,#fff0);animation:ndpSlotSweep .24s ease-out}.dpi-panel-redesign .group-levels .ndp-seg-control button.slot-switch-pop{animation:ndpSlotPop .24s cubic-bezier(.34,1.56,.64,1)}@keyframes ndpSlotPop{0%{transform:scale(.9)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes ndpSlotSweep{0%{opacity:0;transform:translate(-16px)}25%{opacity:1}to{opacity:0;transform:translate(16px)}}@media(prefers-reduced-motion:reduce){.dpi-panel-redesign .group-levels .ndp-seg-control button{transition:none}.dpi-panel-redesign .group-levels .ndp-seg-control.is-switching:after,.dpi-panel-redesign .group-levels .ndp-seg-control button.slot-switch-pop{animation:none}}.ndp-switch{width:100%;height:48px;padding:4px;border:none;background:transparent;cursor:pointer}.switch-track{position:relative;width:100%;height:100%;background:#eee;border-radius:99px;display:flex;align-items:center;justify-content:space-between;padding:0 4px;border:2px solid transparent;transition:all .2s ease}.ndp-switch:hover .switch-track{background:#e0e0e0;border-color:#ccc}.ndp-switch:disabled{opacity:.55;cursor:not-allowed}.s-opt{flex:1;text-align:center;font-size:12px;font-weight:800;z-index:2;color:#999;transition:color .3s ease}.switch-thumb{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:#fff;border:2px solid #000;border-radius:99px;box-shadow:2px 2px #0000001a;transition:transform .3s cubic-bezier(.34,1.56,.64,1);z-index:1}.ndp-switch[data-state=false] .switch-thumb{transform:translateZ(0)}.ndp-switch[data-state=false] .s-sync{color:#000}.ndp-switch[data-state=true] .switch-thumb{transform:translate3d(100%,0,0)}.ndp-switch[data-state=true] .s-split{color:#000}.ndp-range-display{display:flex;align-items:center;background:#000;border-radius:12px;padding:4px;height:48px;box-shadow:4px 4px #0003}.range-box{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:transparent;border:none;cursor:pointer;height:100%;border-radius:8px;transition:background .2s ease}.range-box:hover{background:#222}.r-sub{font-size:9px;color:#666;font-weight:700;line-height:1;margin-bottom:2px}.r-val{font-family:Space Grotesk,monospace;font-size:18px;font-weight:700;color:#fff;line-height:1}.range-divider{width:1px;height:24px;background:#333;margin:0 4px}.ndp-popover{position:fixed;z-index:10000;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid #000;border-radius:16px;padding:16px;box-shadow:0 20px 60px #0000004d;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:280px;max-height:70vh;overflow:auto;opacity:0;transform:scale(.9);pointer-events:none;transition:opacity .2s,transform .2s cubic-bezier(.34,1.56,.64,1)}.ndp-popover.open{opacity:1;transform:scale(1);pointer-events:auto}.ndp-option{padding:10px 0;border:1px solid #ddd;background:#fff;border-radius:8px;font-family:Space Grotesk,sans-serif;font-weight:700;color:#000;cursor:pointer;transition:all .1s ease}.ndp-option:hover{background:#000;color:#fff;border-color:#000;transform:scale(1.05)}.ndp-option.active{background:#000;color:#fff;border-color:#000;box-shadow:0 0 0 2px #fff inset}body.dark .dpi-panel-redesign{background:#111;border-color:#fff;box-shadow:8px 8px #ffffff1a}body.dark .ndp-label{color:#666}body.dark .ndp-seg-control{border-color:#fff;background:#000}body.dark .ndp-seg-control button{color:#fff;border-right-color:#fff}body.dark .ndp-seg-control button:hover{background:#222}body.dark .ndp-seg-control button.active{background:#fff;color:#000}body.dark .switch-track{background:#222}body.dark .ndp-switch:hover .switch-track{border-color:#444}body.dark .switch-thumb{background:#000;border-color:#fff}body.dark .ndp-switch[data-state=false] .s-sync,body.dark .ndp-switch[data-state=true] .s-split{color:#fff}#overrideLayer.override-layer{--override-progress: 0;--override-paper: var(--paper, rgba(255, 255, 255, .92));--override-outline: var(--outline, rgba(0, 0, 0, .2));--override-warning-color: #ef4444;--override-brand-color: #2563eb;--override-mode-color: #7c3aed;--override-app-color: #0f766e;--override-warning-emphasis-color: #d97706;--override-risk-color: #dc2626;--override-grid-line: var(--shutter-grid-line, rgba(0, 0, 0, .06));--override-grid-line-invert: rgba(255, 255, 255, .12);--override-auth-panel: #fb923c;--override-auth-fill: #046dc3;--override-auth-content: #ffffff;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10050;display:flex;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s var(--trans-curve, ease),visibility .45s var(--trans-curve, ease);background:var(--bg);background-image:linear-gradient(var(--override-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--override-grid-line) 1px,transparent 1px);background-size:20px 20px}#overrideLayer.override-layer.is-active{opacity:1;visibility:visible;pointer-events:auto}#overrideLayer .override-tools{position:absolute;top:20px;left:20px;z-index:32;display:flex;align-items:center;gap:12px}#overrideLayer .override-tool-btn{min-width:136px;height:42px;padding:0 18px;border:2px solid var(--ink);background:var(--override-paper);color:var(--ink);font-size:18px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:4px 4px #00000014;transition:transform .2s var(--trans-curve, ease),box-shadow .2s var(--trans-curve, ease),background .2s ease,color .2s ease}#overrideLayer .override-tool-btn:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--ink)}#overrideLayer .override-tool-btn:active{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink)}#overrideLayer .monolith-stage{position:relative;z-index:20;flex:1;display:flex;align-items:stretch;gap:80px;padding:60px}#overrideLayer .column-left{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right}#overrideLayer .giant-title{margin:10px 0;position:relative;-webkit-user-select:none;user-select:none;font-size:clamp(60px,8vw,120px);font-weight:900;text-transform:uppercase;line-height:.85;color:transparent;-webkit-text-stroke:2px var(--override-outline);transition:all .6s var(--trans-curve, ease)}#overrideLayer .giant-title.highlight{color:var(--override-warning-color, var(--theme-color));-webkit-text-stroke:0;transform:scale(1.05) translate(-20px);text-shadow:10px 10px 0 rgba(0,0,0,.06)}#overrideLayer .desc-text{margin-top:20px;max-width:440px;font-size:15px;font-weight:700;line-height:1.65;opacity:.68;color:var(--ink);font-family:Space Grotesk,Noto Sans SC,sans-serif}#overrideLayer .column-right{position:relative;flex:1.2;display:flex;flex-direction:column;justify-content:center;gap:24px}#overrideLayer .shutter-card{position:relative;display:flex;align-items:flex-start;gap:20px;padding:24px 30px;border:2px solid var(--ink);background:var(--override-paper);box-shadow:6px 6px #00000014;transform:translateZ(0);transition:transform .2s var(--trans-curve, ease),box-shadow .2s var(--trans-curve, ease),border-color .2s ease}#overrideLayer .shutter-card:hover{z-index:10;transform:scale(1.02) translate(-2px,-2px);box-shadow:10px 10px 0 var(--ink);border-color:var(--ink)}#overrideLayer .shutter-code{flex-shrink:0;font-size:12px;font-weight:900;letter-spacing:.1em;background:var(--ink);color:var(--bg);padding:4px 12px;clip-path:polygon(0 0,100% 0,100% 70%,85% 100%,0 100%)}#overrideLayer .shutter-content h3{margin-bottom:8px;font-size:18px;font-weight:900;text-transform:uppercase;letter-spacing:-.02em}#overrideLayer .shutter-content p{font-size:13px;font-weight:600;line-height:1.5;opacity:.62}#overrideLayer .override-rule3-desc{display:grid;gap:10px;opacity:1;color:var(--ink);font-size:13px;line-height:1.6;font-weight:700}#overrideLayer .override-rule3-desc .rule-note-item{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px}#overrideLayer .override-rule3-desc .rule-note-index{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;background:var(--ink);color:var(--bg);font-size:11px;font-weight:900;line-height:1;letter-spacing:.02em}#overrideLayer .override-rule3-desc .rule-note-copy{min-width:0;color:var(--ink)}#overrideLayer .override-rule3-desc .rule-note-key{font-weight:900;opacity:1}#overrideLayer .override-rule3-desc .rule-note-key-brand{color:var(--override-brand-color)}#overrideLayer .override-rule3-desc .rule-note-key-mode{color:var(--override-mode-color)}#overrideLayer .override-rule3-desc .rule-note-key-app{color:var(--override-app-color)}#overrideLayer .override-rule3-desc .rule-note-key-warning{color:var(--override-warning-emphasis-color)}#overrideLayer .override-rule3-desc .rule-note-key-risk{color:var(--override-risk-color)}#overrideLayer .override-rule2-desc{display:grid;gap:10px}#overrideLayer .override-rule2-desc .rule-power-intro{display:grid;grid-template-columns:auto 1fr;align-items:start;column-gap:24px}#overrideLayer .override-rule2-desc .rule-power-label{white-space:nowrap}#overrideLayer .override-rule2-desc .rule-power-list{display:grid;gap:6px}#overrideLayer .override-rule2-desc .rule-power-item,#overrideLayer .override-rule2-desc .rule-power-tail{display:block}#overrideLayer .auth-shutter{position:relative;margin-top:20px;height:88px;padding:0 30px;overflow:hidden;border:2px solid var(--ink);background:var(--override-auth-panel);box-shadow:8px 8px 0 var(--ink);display:flex;align-items:center;justify-content:space-between;cursor:pointer;touch-action:pan-y;transition:transform .2s var(--trans-curve, ease),box-shadow .2s var(--trans-curve, ease),border-color .2s ease}#overrideLayer .auth-shutter:hover{transform:translate(-2px,-2px);box-shadow:12px 12px 0 var(--ink)}#overrideLayer .auth-shutter:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}#overrideLayer .auth-bg-fill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--override-auth-fill);background-image:linear-gradient(var(--override-grid-line-invert) 1px,transparent 1px),linear-gradient(90deg,var(--override-grid-line-invert) 1px,transparent 1px);background-size:20px 20px;transform:scaleX(var(--override-progress));transform-origin:left center;transition:transform .2s var(--trans-curve, ease)}#overrideLayer .auth-shutter.is-dragging .auth-bg-fill{transition:none}#overrideLayer .auth-shutter.is-confirmed .auth-bg-fill{transition:transform .6s cubic-bezier(.16,1,.3,1)}#overrideLayer .auth-content{position:relative;z-index:2;width:100%;display:flex;justify-content:space-between;align-items:center;color:var(--override-auth-content);mix-blend-mode:normal}#overrideLayer .auth-title{font-size:26px;font-weight:900;text-transform:uppercase;letter-spacing:-.02em}#overrideLayer .auth-sub{margin-top:4px;font-size:11px;font-weight:600;opacity:.55}#overrideLayer .auth-side{display:flex;align-items:center;gap:16px}#overrideLayer .auth-status{font-size:14px;font-weight:900;letter-spacing:.1em}#overrideLayer .auth-status:after{content:attr(data-locked)}#overrideLayer .auth-shutter.is-confirmed .auth-status:after{content:attr(data-granted)}#overrideLayer .crosshair{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:2px solid currentColor;border-radius:50%;transition:all .5s var(--trans-curve, ease)}#overrideLayer .crosshair:before,#overrideLayer .crosshair:after{content:"";position:absolute;background:currentColor;transition:all .5s ease}#overrideLayer .crosshair:before{width:16px;height:2px}#overrideLayer .crosshair:after{width:2px;height:16px}#overrideLayer .auth-shutter.is-confirmed .crosshair{border-radius:0;transform:rotate(135deg);border-color:currentColor}body.dark #overrideLayer.override-layer{--override-paper: var(--paper, rgba(17, 17, 17, .92));--override-outline: var(--outline, rgba(255, 255, 255, .25));--override-warning-color: var(--theme-color);--override-grid-line: var(--shutter-grid-line, rgba(255, 255, 255, .1));--override-grid-line-invert: rgba(0, 0, 0, .22);--override-auth-panel: #d9dee6;--override-auth-fill: #262119;--override-auth-content: #111827}body.dark #overrideLayer .auth-content{color:#fff;mix-blend-mode:difference}body.dark #overrideLayer .giant-title.highlight{text-shadow:10px 10px 0 rgba(255,255,255,.1)}body.dark #overrideLayer.override-layer{--override-brand-color: #60a5fa;--override-mode-color: #c084fc;--override-app-color: #2dd4bf;--override-warning-emphasis-color: #fdba74;--override-risk-color: #f87171}body.dark #overrideLayer .shutter-card{box-shadow:6px 6px #ffffff1a}body.dark #overrideLayer .shutter-card:hover{box-shadow:10px 10px #fff3}body.dark #overrideLayer .auth-shutter{box-shadow:8px 8px #ffffff59}body.dark #overrideLayer .auth-shutter:hover{box-shadow:12px 12px #ffffff73}body.dark #overrideLayer .auth-shutter:active{box-shadow:2px 2px #ffffff4d}body.dark #overrideLayer .override-tool-btn{box-shadow:4px 4px #ffffff2e}body.dark #overrideLayer .override-tool-btn:hover{box-shadow:6px 6px #ffffff47}body.dark #overrideLayer .override-tool-btn:active{box-shadow:2px 2px #ffffff38}@media(max-width:980px){#overrideLayer .override-tools{top:14px;left:14px;gap:8px}#overrideLayer .override-tool-btn{min-width:82px;height:40px;padding:0 12px;font-size:12px;letter-spacing:.06em}#overrideLayer .monolith-stage{flex-direction:column;gap:40px;padding:40px 30px}#overrideLayer .column-left{align-items:flex-start;text-align:left;flex:none}#overrideLayer .giant-title.highlight{transform:scale(1.05) translate(10px)}#overrideLayer .override-rule2-desc .rule-power-intro{grid-template-columns:1fr;row-gap:4px}#overrideLayer .override-rule3-desc{gap:8px;font-size:12px;line-height:1.55}#overrideLayer .override-rule3-desc .rule-note-item{gap:8px}}body.dark{--bg: #08090b;--text: #f5f7fa;--muted: rgba(245, 247, 250, .58);--border: rgba(255, 255, 255, .16);--card: rgba(18, 18, 20, .92);--ink: #f5f7fa;--outline: rgba(255, 255, 255, .2);--chip: rgba(255, 255, 255, .08);--surface-panel: rgba(18, 18, 20, .92);--surface-panel-strong: #101114;--surface-elevated: #17181c;--surface-control: #0c0d10;--surface-control-hover: #15161a;--surface-invert: #f4f4f5;--surface-invert-hover: #ffffff;--text-on-invert: #111111;--shadow-panel: 6px 6px 0 rgba(255, 255, 255, .12);--shadow-panel-hover: 8px 8px 0 rgba(255, 255, 255, .18);--shadow-control: 4px 4px 0 rgba(255, 255, 255, .12)}body.dark .nav-item{color:var(--outline)}body.dark .nav-item.active,body.dark .nav-item.active .nav-text{color:var(--ink)}body.dark .card{background:var(--surface-panel);border-color:var(--border);box-shadow:var(--shadow-panel);color:var(--text)}body.dark .card:hover{border-color:#ffffff3d;box-shadow:var(--shadow-panel-hover)}body.dark :is(.card .title,.cardhead .title,.kmDrawerTitle){color:var(--text)}body.dark :is(.card .sub,.cardhead .sub,.label,.ndp-label){color:var(--muted)}body.dark .btn{background:var(--surface-control);color:var(--text);border-color:#fff3;box-shadow:var(--shadow-control)}body.dark .btn:hover,body.dark .btn.primary{background:var(--surface-invert);color:var(--text-on-invert);border-color:var(--surface-invert)}body.dark .btn.primary:hover{background:var(--surface-invert-hover)}body.dark .input,body.dark .xSelectTrigger,body.dark .xSelectMenu{background:var(--surface-control);color:var(--text);border-color:#ffffff2e;box-shadow:var(--shadow-control)}body.dark .input:hover,body.dark .input:focus,body.dark .xSelectTrigger:hover{background:var(--surface-control-hover);border-color:#ffffff47}body.dark .input::placeholder{color:#ffffff6b}body.dark .xSelectMenu{background:#0c0d10f5;box-shadow:0 20px 50px #00000073}body.dark .xSelectOption{color:var(--text)}body.dark .xSelectOption:hover{background:#ffffff14}body.dark .xSelectOption[aria-selected=true]{background:var(--surface-invert);color:var(--text-on-invert)}body.dark .kmDrawer{background:#050506;border-color:#ffffffb8;box-shadow:6px 6px #ffffff47}body.dark .kmDrawer:hover{border-color:#fff;box-shadow:8px 8px #ffffff52}body.dark .kmDrawer .input{background:var(--surface-invert);color:var(--text-on-invert);border-color:transparent;box-shadow:2px 2px #ffffff29}body.dark .kmDrawer .input:hover,body.dark .kmDrawer .input:focus{background:var(--surface-invert-hover);border-color:transparent;box-shadow:4px 4px #ffffff29}body.dark .kmDrawer .input::placeholder{color:#1111118c}body.dark .dpi-panel-redesign{background:var(--surface-control);border-color:#ffffffb8;box-shadow:8px 8px #ffffff1f}body.dark .dpi-panel-redesign .group-levels .ndp-seg-control{background:#050506;border-color:#ffffffb8}body.dark .dpi-panel-redesign .group-levels .ndp-seg-control button{color:var(--text);border-right-color:#ffffff24}body.dark .dpi-panel-redesign .group-levels .ndp-seg-control button:hover{background:#ffffff14}body.dark .dpi-panel-redesign .group-levels .ndp-seg-control button.active{background:var(--surface-invert);color:var(--text-on-invert)}body.dark .switch-track{background:#ffffff14}body.dark .ndp-switch:hover .switch-track{background:#ffffff1f;border-color:#ffffff3d}body.dark .switch-thumb{background:#050506;border-color:#ffffffb3;box-shadow:2px 2px #ffffff1f}body.dark .ndp-range-display{background:var(--surface-invert);box-shadow:4px 4px #ffffff1f}body.dark .range-box:hover{background:#e7e7ea}body.dark .r-sub{color:#6b7280}body.dark .r-val{color:#111}body.dark .range-divider{background:#11182729}body.dark .ndp-popover{background:#0c0d10f7;border-color:#ffffffb8;box-shadow:0 24px 60px #0000008c}body.dark .ndp-option{background:#050506;border-color:#ffffff1f;color:var(--text)}body.dark .ndp-option:hover,body.dark .ndp-option.active{background:var(--surface-invert);color:var(--text-on-invert);border-color:var(--surface-invert);box-shadow:0 0 0 2px #11111114 inset}body.dark #advancedPanel{--paper: #0b0c0f;--ink: #f4f4f5;--outline: rgba(255, 255, 255, .18);background:var(--surface-panel);border-color:var(--border);box-shadow:var(--shadow-panel);color:var(--text)}body.dark #advancedPanel:hover{border-color:#ffffff3d;box-shadow:var(--shadow-panel-hover)}body.dark #advancedPanel .advSectionHeader{color:var(--muted)}body.dark #advancedPanel .slider-card{box-shadow:6px 6px #ffffff1f}body.dark #advancedPanel .slider-card:before{background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%),repeating-linear-gradient(0deg,transparent 0px,transparent 1px,rgba(255,255,255,.04) 1px,rgba(255,255,255,.04) 2px)}body.dark #advancedPanel .slider-card:hover{box-shadow:4px 4px 0 var(--ink)}body.dark #advancedPanel .shutter-row{box-shadow:6px 6px #ffffff1f}body.dark #advancedPanel .shutter-row:hover{box-shadow:8px 8px 0 var(--ink)}body.dark #advancedPanel .label-code{background:var(--surface-invert);color:var(--text-on-invert)}body.dark #advancedPanel .label-desc{opacity:.62!important}body.dark #advancedPanel .v-switch-track{box-shadow:6px 6px #ffffff1f}body.dark #advancedPanel .adv-v-switch:hover .v-switch-track{box-shadow:8px 8px #ffffff2e}body.dark #testtools .testtoolsCard{background:var(--surface-panel)}body.dark #testtools .ttTabs{background:var(--surface-control);border-bottom-color:#ffffff24}body.dark #testtools .mouse-btn{background:#ffffff0d;border-color:#ffffff3d;box-shadow:4px 4px #ffffff24}body.dark #testtools .mouse-btn.active{transform:translate3d(4px,4px,0);box-shadow:0 0 0 transparent}body.dark #testtools .btn-title{border-bottom-color:#ffffff24}body.dark #testtools :is(.hero-label,.ttStatLabel,.ttMini,.ttMetricTitle,.ttMetricInline .sub,.group-header){color:var(--muted)}body.dark #testtools .ttDivider{background:#ffffff24}body.dark #testtools .ttMetric{background:#ffffff0d;border-color:#ffffff2e;color:var(--text)}body.dark #testtools .ttMetric:hover{background:#ffffff14}body.dark #testtools :is(.ttThresholdCard,.ttMatchCard,.ttRotRight){background:#ffffff0a;border-color:#ffffff2e}body.dark #testtools #pageMatch .ttMatchRight{background:#121214e6;border-color:#ffffff2e!important}body.dark #testtools .ttInputSmall{color:var(--text);border-color:#ffffff2e;box-shadow:none}body.dark #testtools .ttInputSmall:focus{background:#ffffff1f;color:var(--text)}body.dark #basicMonolith .basicFooter,body.dark #basicMonolith .basicRapooSwitches{color:var(--text);mix-blend-mode:normal}body.dark #basicMonolith .basicItem{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.18);opacity:.68}body.dark #basicMonolith .basicItem:hover:not(.active),body.dark #basicMonolith .basicItem:focus-visible:not(.active){-webkit-text-stroke:1.5px #f4f4f5}body.dark #basicMonolith .basicItem.active{color:#f5f7fa;color:color-mix(in srgb,var(--theme-color, #f5f7fa) 58%,#f5f7fa 42%);-webkit-text-stroke:0;text-shadow:10px 10px 0 rgba(255,255,255,.08)}body.dark #basicMonolith .basicMiniSwitch .miniSub{color:var(--muted)}body.dark #basicMonolith .basicMiniSwitch .miniState{color:var(--text)}body.dark #basicMonolith .basicMiniSwitch .miniTrack{background:#050506;border-color:#ffffffb8;box-shadow:6px 6px #ffffff1f}body.dark #basicMonolith .basicMiniSwitch input:checked+.miniTrack{background:#050506!important;border-color:#ffffffb8!important;box-shadow:6px 6px #ffffff1f}body.dark #basicMonolith .basicMiniSwitch .miniThumb{background:#f4f4f5;border-color:#050506}body.dark #basicMonolith .basicMiniSwitch input:checked+.miniTrack .miniThumb{background:#050506!important;border-color:#050506!important}body.dark #basicMonolith .basicMiniSwitch:has(#wirelessStrategyToggle:checked) .miniTrack .miniThumb{background:var(--rapoo-wireless-color)!important;border-color:#050506!important}body.dark #basicMonolith .basicMiniSwitch:has(#commProtocolToggle:checked) .miniTrack .miniThumb{background:var(--rapoo-protocol-color)!important;border-color:#050506!important}body.dark #basicMonolith .basicMiniSwitch input:checked+.miniTrack .miniThumb:before{background:#f4f4f5}body.dark #keys .kmImg{position:relative;z-index:1;filter:none}body.dark .kmDotBtn{box-shadow:0 4px 10px #ffffff38}body.dark .kmPoint:hover .kmDotBtn{box-shadow:2px 2px #0003}body.dark .kmPoint.active .kmDotBtn{box-shadow:4px 4px #00000040}body.dark .kmBubble{box-shadow:4px 4px #ffffffd1}body.dark .kmPoint.bubble-left .kmBubble{box-shadow:-4px 4px #ffffffd1}body.dark .kmPoint.active .kmBubble,body.dark .kmPoint.bubble-left.active .kmBubble{box-shadow:0 0 0 transparent}body.dark .dpiSlotRow:not(.active):hover:not(.disabled){background:#000;border-color:#ffffffe6;box-shadow:0 0 0 transparent;top:1px;left:1px}body.dark .dpiSlotRow{background:#000;color:#fff;border-color:#ffffffe6;box-shadow:4px 4px #ffffffd1;top:0;left:0}body.dark .dpiSlotRow:not(.active) .dpiNum{background:#111;color:#fff;border:2px solid #ffffff;box-shadow:2px 2px #ffffff57}body.dark .dpiSlotRow:not(.active) .dpiNum:hover,body.dark .dpiSlotRow:not(.active) .dpiNum:focus{border-color:#fff;box-shadow:3px 3px #ffffff80}body.dark .dpiSlotRow:not(.active) input[type=range].dpiRange::-webkit-slider-thumb{background:#111;border-color:#fff;box-shadow:2px 2px #fffffff2}body.dark .dpiSlotRow:not(.active):hover input[type=range].dpiRange::-webkit-slider-thumb{box-shadow:3px 3px #fffffff2}body.dark .dpiSlotRow:not(.active) input[type=range].dpiRange:active::-webkit-slider-thumb,body.dark .dpiSlotRow:not(.active) input[type=range].dpiRange.dpiRangeDragging::-webkit-slider-thumb{background:#fff;border-color:#111;box-shadow:4px 4px #fffffff2,0 0 12px #ffffff38}body.dark .dpiSlotRow:not(.active) input[type=range].dpiRange::-moz-range-thumb{background:#111;border-color:#fff;box-shadow:2px 2px #fffffff2}body.dark .dpiSlotRow:not(.active) input[type=range].dpiRange.dpiRangeDragging::-moz-range-thumb{background:#fff;border-color:#111;box-shadow:4px 4px #fffffff2,0 0 12px #ffffff38}body.dark .dpiSlotRow:not(.active) .dpiSelectBtn{border-color:#ffffffe6;box-shadow:2px 2px #ffffff6b}body.dark .dpiSlotRow:not(.active) .dpiSelectBtn:hover{box-shadow:3px 3px #ffffff85}body.dark #testtools #pageRot .ttRotBox{background:#ffffff0a;border-color:#ffffff29}body.dark #testtools #pageRot .ttRotBox:hover{border-color:#ffffff47}body.dark .kmItem:hover:not(.selected){background:#000;color:#fff;border-color:#ffffffe6;box-shadow:0 0 0 transparent;transform:translate(2px,2px) translateZ(0)}body.dark .kmItem{border-color:#ffffffe6;box-shadow:4px 4px #ffffffd1}body.dark .kmTab.active{background:#fff;color:#000;border-color:#111;box-shadow:0 0 0 transparent;transform:translate(0);z-index:5}body.dark .kmTab.active:hover{background:#fff;color:#000;border-color:#111;box-shadow:6px 6px #ffffffb8;transform:translate(-4px,-4px);z-index:10}body.dark .kmItem.selected{background:#fff;color:#000;border-color:#111;box-shadow:0 0 0 transparent;transform:translate(0) translateZ(0);z-index:5}body.dark .kmItem.selected>:last-child{color:#111111b8}body.dark .kmItem.selected:hover{background:#fff;color:#000;border-color:#111;box-shadow:6px 6px #ffffffb8;transform:translate(-2px,-2px) translateZ(0);z-index:10}body.dark .dpiSlotRow.active{background:#f4f4f5;color:#111;border-color:#ffffffe6;box-shadow:0 0 0 transparent;top:0;left:0;z-index:5}body.dark .dpiSlotRow.active .dpiSlotNum,body.dark .dpiSlotRow.active .dpiAxisTag{color:#111}body.dark .dpiSlotRow.active .dpiSlotBar{background:#111}body.dark .dpiSlotRow.active .dpiNum{background:#fff;color:#111;border:2px solid #111111;box-shadow:2px 2px #1111114d}body.dark .dpiSlotRow.active .dpiNum:hover,body.dark .dpiSlotRow.active .dpiNum:focus{border-color:#000;box-shadow:3px 3px #11111161}body.dark .dpiSlotRow.active input[type=range].dpiRange::-webkit-slider-thumb{background:#fff;border-color:#111;box-shadow:2px 2px #111111eb}body.dark .dpiSlotRow.active:hover input[type=range].dpiRange::-webkit-slider-thumb{box-shadow:3px 3px #111111eb}body.dark .dpiSlotRow.active input[type=range].dpiRange:active::-webkit-slider-thumb,body.dark .dpiSlotRow.active input[type=range].dpiRange.dpiRangeDragging::-webkit-slider-thumb{background:#111;border-color:#fff;box-shadow:4px 4px #111111eb,0 0 12px #1111113d}body.dark .dpiSlotRow.active input[type=range].dpiRange::-moz-range-thumb{background:#fff;border-color:#111;box-shadow:2px 2px #111111eb}body.dark .dpiSlotRow.active input[type=range].dpiRange.dpiRangeDragging::-moz-range-thumb{background:#111;border-color:#fff;box-shadow:4px 4px #111111eb,0 0 12px #1111113d}body.dark .dpiSlotRow.active .dpiSelectBtn{border-color:#111;box-shadow:2px 2px #11111159}body.dark .dpiSlotRow.active .dpiSelectBtn:hover{border-color:#000}body.dark .dpiSlotRow.active:hover:not(.disabled){background:#f4f4f5;color:#111;border-color:#f4f4f5;box-shadow:4px 4px #999;top:-2px;left:-2px;z-index:10}body.dark #keys .kmDrawer .iconbtn:hover{transform:translate(4px,4px);background:#000;box-shadow:0 0 #fff}body.dark #keys .kmDrawer .iconbtn:active{transform:translate(4px,4px);box-shadow:0 0 #fff}
/*# sourceMappingURL=/cdn/shop/t/36/assets/clicksync-assets-css-style-cc17ca5f.css.map */