.page_hooks_test_page__H2Aaa{padding:40px 20px;max-width:1200px;margin:0 auto}.page_hooks_test_page-description__eErqe{margin-bottom:30px;color:#666}.page_hooks_test_page-grid__LEs_3{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:20px}.page_hooks_test_page-section__N0wrU{padding:20px;border-radius:8px;background-color:#f5f5f5}.page_hooks_test_page-section-content_box__RQXZh{padding:15px;border-radius:4px;background:#fff}.page_hooks_test_page-section-flex_column__QNmHW,.page_hooks_test_page-section-flex_row__LM2DQ{display:flex}.page_hooks_test_page-section-flex_column__QNmHW{gap:8px}.page_hooks_test_page-section-flex_row__LM2DQ{gap:12px;align-items:center}.page_hooks_test_page-section-flex_column__QNmHW{flex-direction:column}.page_hooks_test_page-section-value_display__Egn_2{font-size:24px;font-weight:700}.page_hooks_test_page-section-value_meta__TlxUx{font-size:12px}.page_hooks_test_page-section-value_display__Egn_2{color:#1976d2}.page_hooks_test_page-section-description__thSKi,.page_hooks_test_page-section-value_meta__TlxUx{color:#666}.page_hooks_test_page-section-title__jKEKB{margin-top:0}.page_hooks_test_page-section-description__thSKi{margin-bottom:15px}.page_hooks_test_page-section-value_meta__TlxUx{margin-top:5px}.page_hooks_test_page-section-input_field__hNQhf{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px}.page_hooks_test_page-section-hint__BgfE1{margin-top:10px;font-size:12px;color:#999}.page_hooks_test_page-section-counter_display__u4txB{font-size:32px;font-weight:700;color:#1976d2}.page_hooks_test_page-section-success_message__qZSnT{padding:10px;border-radius:4px;color:#fff;background-color:#4caf50}.page_hooks_test_page-button__NzWhT{padding:10px 20px;border:none;border-radius:4px;color:#fff;background-color:#1976d2;cursor:pointer}.page_hooks_test_page-button_success__yemBl{padding:10px 20px;border:none;border-radius:4px;color:#fff;background-color:#4caf50;cursor:pointer}.page_hooks_test_page-button_danger__p_9wJ{padding:10px 20px;border:none;border-radius:4px;color:#fff;background-color:#f44336;cursor:pointer}.page_hooks_test_page-button_neutral__AdR3Q{padding:10px 20px;border:none;border-radius:4px;color:#fff;background-color:#666;cursor:pointer}.page_hooks_test_page-dropdown__ewXjf{position:relative}.page_hooks_test_page-dropdown-menu__q9KMK{position:absolute;top:45px;left:0;z-index:10;min-width:200px;padding:10px;border:1px solid #ddd;border-radius:4px;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.page_hooks_test_page-dropdown-menu-item__AAgmA{padding:8px;cursor:pointer}.page_hooks_test_page-key_status__2qNEA{padding:10px;border-radius:4px;transition:all .2s}.page_hooks_test_page-key_status__2qNEA[data-pressed=true]{color:#fff}.page_hooks_test_page-key_status__2qNEA[data-key=escape][data-pressed=true]{background-color:#f44336}.page_hooks_test_page-key_status__2qNEA[data-key=enter][data-pressed=true]{background-color:#4caf50}.page_hooks_test_page-key_status__2qNEA[data-pressed=false]{color:#000;background-color:#fff}.page_hooks_test_page-scroll_test__bLJqP{height:150px;padding:10px;border:1px solid #ddd;border-radius:4px;overflow:auto;background-color:#fff}.page_hooks_test_page-scroll_test-content__KKO5C{height:400px}.page_hooks_test_page-media_badge__3d_sX{padding:8px;border-radius:4px;font-size:14px}.page_hooks_test_page-media_badge__3d_sX[data-active=true]{color:#fff}.page_hooks_test_page-media_badge__3d_sX[data-active=false]{color:#000;background-color:#e0e0e0}.page_hooks_test_page-media_badge__3d_sX[data-type=mobile][data-active=true]{background-color:#4caf50}.page_hooks_test_page-media_badge__3d_sX[data-type=tablet][data-active=true]{background-color:#2196f3}.page_hooks_test_page-media_badge__3d_sX[data-type=dark][data-active=true]{background-color:#424242}