._testArea_1ifue_7{background:var(--surface);border:2px dashed var(--border);text-align:center;cursor:crosshair;user-select:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:320px;margin-bottom:20px;padding:40px 24px;transition:all .2s;display:flex;position:relative;overflow:hidden}._testArea_1ifue_7:hover{border-color:var(--primary)}._mouseVisual_1ifue_31{border:3px solid var(--border);background:var(--background);border-radius:40px 40px 36px 36px;width:80px;height:120px;transition:all .15s;position:relative}._mouseVisual_1ifue_31:before{content:"";background:var(--border);border-radius:1px;width:2px;height:30px;position:absolute;top:12px;left:50%;transform:translate(-50%)}._mouseDivider_1ifue_53{background:var(--border);width:2px;height:60px;position:absolute;top:12px;left:50%;transform:translate(-50%)}._mouseLeft_1ifue_2{border-radius:37px 0 0;width:50%;height:50%;transition:all .15s;position:absolute;top:0;left:0}._mouseRight_1ifue_73{border-radius:0 37px 0 0;width:50%;height:50%;transition:all .15s;position:absolute;top:0;right:0}._mouseMiddle_1ifue_83{border:2px solid var(--border);background:var(--background);border-radius:4px;width:14px;height:22px;transition:all .15s;position:absolute;top:35px;left:50%;transform:translate(-50%)}._mouseLeft_1ifue_2[data-ms-active]{background:#3b82f6}._mouseRight_1ifue_73[data-ms-active]{background:#10b981}._mouseMiddle_1ifue_83[data-ms-active]{background:#f59e0b;border-color:#f59e0b}._clickHint_1ifue_109{color:var(--text-muted);align-items:center;gap:8px;font-size:.9rem;display:flex}._clickHint_1ifue_109 svg{color:var(--primary)}._infoPanel_1ifue_122{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:20px}._infoPanel_1ifue_122 h3{color:var(--text-secondary);margin-bottom:16px;font-size:.875rem;font-weight:600}._infoGrid_1ifue_137{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}._infoItem_1ifue_143{background:var(--background);border-radius:8px;flex-direction:column;gap:4px;padding:10px 14px;display:flex}._infoLabel_1ifue_152{color:var(--text-muted);font-size:.75rem}._infoValue_1ifue_157{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:600}._buttonStates_1ifue_165{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}._buttonState_1ifue_2{background:var(--surface);border:2px solid var(--border);text-align:center;border-radius:12px;flex:1;min-width:120px;padding:16px;transition:all .2s}._buttonState_1ifue_2[data-ms-active]{border-color:var(--primary);box-shadow:0 0 0 4px #3b82f626}._buttonStateIcon_1ifue_188{color:var(--text-muted);margin-bottom:8px;font-size:1.5rem}._buttonState_1ifue_2[data-ms-active] ._buttonStateIcon_1ifue_188{color:var(--primary)}._buttonStateLabel_1ifue_198{color:var(--text-secondary);margin-bottom:4px;font-size:.8rem}._buttonStateCount_1ifue_204{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:700}._historyPanel_1ifue_212{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:20px}._historyHeader_1ifue_220{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}._historyHeader_1ifue_220 h3{color:var(--text-secondary);margin:0;font-size:.875rem;font-weight:600}._historyCount_1ifue_234{color:var(--text-muted);background:var(--background);border-radius:12px;padding:4px 10px;font-size:.8rem}._historyList_1ifue_242{flex-direction:column;gap:6px;max-height:240px;display:flex;overflow-y:auto}._historyEmpty_1ifue_250{text-align:center;color:var(--text-muted);padding:24px;font-size:.9rem}._historyItem_1ifue_257{background:var(--background);border-radius:6px;align-items:center;gap:12px;padding:8px 12px;font-size:.85rem;display:flex}._historyType_1ifue_267{text-align:center;border-radius:4px;min-width:70px;padding:4px 8px;font-size:.8rem;font-weight:600}._historyType_1ifue_267[data-ms-history-type=click]{color:#2563eb;background:#dbeafe}._historyType_1ifue_267[data-ms-history-type=dblclick]{color:#16a34a;background:#dcfce7}._historyType_1ifue_267[data-ms-history-type=contextmenu]{color:#d97706;background:#fef3c7}._historyType_1ifue_267[data-ms-history-type=wheel]{color:#7c3aed;background:#f3e8ff}._historyDetail_1ifue_296{color:var(--text-secondary);font-family:var(--font-mono);flex:1;font-size:.8rem}._historyTime_1ifue_303{color:var(--text-muted);font-size:.75rem}._dblClickArea_1ifue_3{background:var(--surface);border:2px solid var(--border);text-align:center;cursor:pointer;user-select:none;border-radius:12px;margin-bottom:20px;padding:32px;transition:all .2s}._dblClickArea_1ifue_3:hover{border-color:var(--primary)}._dblClickArea_1ifue_3[data-ms-dbl-active]{background:#f0fdf4;border-color:#10b981}._dblClickTitle_1ifue_330{color:var(--text-secondary);margin-bottom:12px;font-size:.875rem;font-weight:600}._dblClickCount_1ifue_337{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700}._dblClickHint_1ifue_344{color:var(--text-muted);margin-top:8px;font-size:.8rem}._scrollTestArea_1ifue_351{background:var(--surface);border:2px solid var(--border);border-radius:12px;margin-bottom:20px;padding:20px}._scrollTestTitle_1ifue_359{color:var(--text-secondary);margin-bottom:12px;font-size:.875rem;font-weight:600}._scrollTrack_1ifue_366{background:var(--background);border:1px solid var(--border);border-radius:8px;height:120px;position:relative;overflow:hidden}._scrollIndicator_1ifue_375{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;transition:top .1s ease-out;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #2563eb4d}._scrollInfo_1ifue_393{color:var(--text-muted);justify-content:space-between;margin-top:12px;font-size:.8rem;display:flex}._actionBar_1ifue_402{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px;display:flex}@media (width<=768px){._infoGrid_1ifue_137{grid-template-columns:repeat(2,1fr)}._buttonStates_1ifue_165{flex-direction:column}._buttonState_1ifue_2{min-width:auto}._historyItem_1ifue_257{flex-wrap:wrap}}@media (width<=480px){._testArea_1ifue_7{min-height:240px;padding:24px 16px}._mouseVisual_1ifue_31{width:60px;height:90px}}