.ComponentPageHeader_header__vPujb{margin-bottom:48px}.ComponentPageHeader_title__D50DC{font-size:36px;font-weight:700;margin:0 0 24px;color:#000}.ComponentPageHeader_description__AEVqZ{font-size:18px;color:#555;margin:0;padding:16px 20px;border-left:3px solid var(--motile-theme);background-color:#f8fafc;border-radius:4px;line-height:1.6}@media (max-width:768px){.ComponentPageHeader_header__vPujb{margin-bottom:40px}.ComponentPageHeader_title__D50DC{font-size:32px;margin:0 0 20px}.ComponentPageHeader_description__AEVqZ{font-size:17px;padding:15px 18px}}@media (max-width:480px){.ComponentPageHeader_title__D50DC{font-size:28px}.ComponentPageHeader_description__AEVqZ{font-size:16px;padding:14px 16px}}.ComponentSection_section__jpzoq{margin:64px 0;padding-top:64px;border-top:1px solid #e5e5e5}.ComponentSection_section__jpzoq:first-of-type{border-top:none;padding-top:0}.ComponentSection_section-title__YNh1J{font-size:24px;font-weight:700;margin:0 0 24px;color:#000}.PropsTable_table-wrapper__da4yZ{overflow-x:auto;border:1px solid #e5e5e5;border-radius:12px}.PropsTable_props-table__bWjEQ{width:100%;border-collapse:collapse;font-size:14px}.PropsTable_props-table__bWjEQ thead{background:#fafafa;border-bottom:1px solid #e5e5e5}.PropsTable_props-table__bWjEQ th{padding:12px 16px;text-align:left;font-weight:600;color:#0a0a0a;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.PropsTable_props-table__bWjEQ th:first-child{width:15%;min-width:120px}.PropsTable_props-table__bWjEQ th:nth-child(2){width:25%;min-width:150px}.PropsTable_props-table__bWjEQ th:nth-child(3){width:15%;min-width:100px}.PropsTable_props-table__bWjEQ th:nth-child(4){width:45%;min-width:250px}.PropsTable_props-table__bWjEQ tbody tr{border-bottom:1px solid #e5e5e5}.PropsTable_props-table__bWjEQ tbody tr:last-child{border-bottom:none}.PropsTable_props-table__bWjEQ td{padding:16px;color:#666;line-height:1.6;vertical-align:top}.PropsTable_props-table__bWjEQ code{font-family:Monaco,Courier New,monospace;font-size:13px;background:#f0f0f0;padding:2px 6px;border-radius:4px;color:#0a0a0a;font-weight:500}@media (max-width:768px){.PropsTable_props-table__bWjEQ{font-size:13px}.PropsTable_props-table__bWjEQ td,.PropsTable_props-table__bWjEQ th{padding:12px}}@media (prefers-color-scheme:dark){.PropsTable_table-wrapper__da4yZ{border-color:#262626}.PropsTable_props-table__bWjEQ thead{background:#0a0a0a;border-bottom-color:#262626}.PropsTable_props-table__bWjEQ th{color:#fafafa}.PropsTable_props-table__bWjEQ tbody tr{border-bottom-color:#262626}.PropsTable_props-table__bWjEQ td{color:#999}.PropsTable_props-table__bWjEQ code{background:#262626;color:#fafafa}}.AccordionApiReference_api-section__HhB_h{margin:32px 0}.AccordionApiReference_api-title__fLdbP{font-size:24px;font-weight:600;margin:0 0 8px;color:#000}.AccordionApiReference_api-description__pZIzN{font-size:16px;color:#666;margin:0 0 16px}.AccordionApiReference_api-note__rV0J3{font-size:14px;color:#666;margin:16px 0 0}.AccordionApiReference_api-note__rV0J3 code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px}.BadgeApiReference_api-section__hmbn6{margin:32px 0}.BadgeApiReference_api-title__o8BbI{font-size:24px;font-weight:600;margin:0 0 8px;color:#000}.BadgeApiReference_api-description__g9qiT{font-size:16px;color:#666;margin:0 0 16px}.BadgeApiReference_api-note__c2LUg{font-size:14px;color:#666;margin:16px 0 0}.BadgeApiReference_api-note__c2LUg code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px}.ButtonApiReference_api-section__6MyUI{margin:32px 0}.ButtonApiReference_api-title__TiXNX{font-size:24px;font-weight:600;margin:0 0 8px;color:#000}.ButtonApiReference_api-description__6Eke9{font-size:16px;color:#666;margin:0 0 16px}.ButtonApiReference_api-note__cC2Ck{font-size:14px;color:#666;margin:16px 0 0}.ButtonApiReference_api-note__cC2Ck code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px}.CheckboxApiReference_api-section__rsOLX{margin:32px 0}.CheckboxApiReference_api-title__kHYAz{font-size:24px;font-weight:600;margin:0 0 8px;color:#000}.CheckboxApiReference_api-description__HHnJN{font-size:16px;color:#666;margin:0 0 16px}.CheckboxApiReference_api-note__aDh4X{font-size:14px;color:#666;margin:16px 0 0}.CheckboxApiReference_api-note__aDh4X code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px}@media (prefers-color-scheme:dark){.CheckboxApiReference_api-title__kHYAz{color:#fff}.CheckboxApiReference_api-description__HHnJN,.CheckboxApiReference_api-note__aDh4X{color:#a0a0a0}.CheckboxApiReference_api-note__aDh4X code{background:#2a2a2a}}.DockApiReference_api-section__gxu01{margin:32px 0;display:flex;flex-direction:column;gap:48px}.DockApiReference_api-component__rA5aF{display:flex;flex-direction:column;gap:16px}.DockApiReference_api-title__vzndv{font-size:24px;font-weight:600;margin:0;color:#000}.DockApiReference_api-description__dbXTh{font-size:16px;color:#666;margin:0}.DockApiReference_api-note__luKzL{font-size:14px;color:#666;margin:16px 0 0}.DockApiReference_api-note__luKzL code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px}@media (prefers-color-scheme:dark){.DockApiReference_api-title__vzndv{color:#fff}.DockApiReference_api-description__dbXTh,.DockApiReference_api-note__luKzL{color:#a0a0a0}.DockApiReference_api-note__luKzL code{background:#2a2a2a}}.DrawerApiReference_api-section__dAPEK+.DrawerApiReference_api-section__dAPEK{margin-top:48px}.DrawerApiReference_api-title__9VQxO{font-size:20px;font-weight:600;color:#111827;margin:0 0 8px}.DrawerApiReference_api-description__ps3xK{font-size:14px;color:#6b7280;margin:0 0 16px;line-height:1.6}.DrawerApiReference_api-note__sAAfv{font-size:13px;color:#9ca3af;margin:16px 0 0;line-height:1.5}.InputApiReference_api-section__v5i5_{margin-bottom:40px}.InputApiReference_api-title__9OstL{font-size:20px;font-weight:700;margin-bottom:12px;font-family:Courier New,monospace;color:var(--color-text-primary)}.InputApiReference_api-description__eFyrX{font-size:15px;color:var(--color-text-secondary);margin-bottom:20px;line-height:1.6}.InputApiReference_api-note__YomJB{margin-top:16px;padding:12px 16px;background-color:var(--color-background-secondary);border-left:3px solid var(--color-primary);border-radius:4px;font-size:14px;color:var(--color-text-secondary);line-height:1.6}.ModalApiReference_api-section___cWvT{margin-bottom:40px}.ModalApiReference_api-title__q9gcF{font-size:20px;font-weight:700;margin-bottom:12px;font-family:Courier New,monospace;color:var(--color-text-primary)}.ModalApiReference_api-description__M8072{font-size:15px;color:var(--color-text-secondary);margin-bottom:20px;line-height:1.6}.ModalApiReference_api-note___YDoW{margin-top:16px;padding:12px 16px;background-color:var(--color-background-secondary);border-left:3px solid var(--color-primary);border-radius:4px;font-size:14px;color:var(--color-text-secondary);line-height:1.6}.NumberFlowApiReference_api-section__y0nfg{margin:32px 0}.NumberFlowApiReference_api-title__qjQJ0{font-size:24px;font-weight:600;margin:0 0 8px;color:#000}.NumberFlowApiReference_api-description__FjjMN{font-size:16px;color:#666;margin:0 0 16px}.NumberFlowApiReference_api-note__VJmxn{font-size:14px;color:#666;margin:16px 0 0}.NumberFlowApiReference_api-note__VJmxn code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px}.PopoverApiReference_api-section__xGGlZ{margin-bottom:48px}.PopoverApiReference_api-section__xGGlZ:last-child{margin-bottom:0}.PopoverApiReference_api-title__4tkOJ{font-size:20px;font-weight:600;margin:0 0 8px;color:#111827}.PopoverApiReference_api-description__aAMKb{font-size:14px;color:#6b7280;margin:0 0 16px;line-height:1.6}.PopoverApiReference_api-note___n_1k{font-size:13px;color:#9ca3af;margin:12px 0 0;line-height:1.5}.SkeletonApiReference_api-section__iG9f0{margin-bottom:48px}.SkeletonApiReference_api-section__iG9f0:last-child{margin-bottom:0}.SkeletonApiReference_api-title__5D_n3{font-size:20px;font-weight:600;margin:0 0 8px;color:#1a1a1a}.SkeletonApiReference_api-description__WxjWq{font-size:14px;line-height:1.6;color:#666;margin:0 0 16px}.SkeletonApiReference_api-note__pAa5U{font-size:13px;line-height:1.5;color:#888;margin:12px 0 0}@media (prefers-color-scheme:dark){.SkeletonApiReference_api-title__5D_n3{color:#fff}.SkeletonApiReference_api-description__WxjWq{color:#aaa}.SkeletonApiReference_api-note__pAa5U{color:#777}}.SheetApiReference_api-section__Udq9W{margin-bottom:48px}.SheetApiReference_api-section__Udq9W:last-child{margin-bottom:0}.SheetApiReference_api-title__28HcT{font-size:20px;font-weight:600;margin-bottom:8px;color:#000}.SheetApiReference_api-description__mCGUG{font-size:14px;color:#666;margin-bottom:16px;line-height:1.6}@media (prefers-color-scheme:dark){.SheetApiReference_api-title__28HcT{color:#fff}.SheetApiReference_api-description__mCGUG{color:#999}}.SpeedDialApiReference_api-section__6zAFo{margin-bottom:32px}.SpeedDialApiReference_api-section__6zAFo:last-child{margin-bottom:0}.SpeedDialApiReference_api-title__Sne9S{font-size:18px;font-weight:600;margin-bottom:16px;color:#1f2937}.SpeedDialApiReference_api-description___fSWv{font-size:14px;color:#6b7280;margin-bottom:16px;line-height:1.5}.SpeedDialApiReference_api-note__gldyG{font-size:13px;color:#6b7280;margin-top:12px;padding:12px;background-color:#f9fafb;border-radius:6px;border-left:3px solid #d1d5db}@media (prefers-color-scheme:dark){.SpeedDialApiReference_api-title__Sne9S{color:#f9fafb}.SpeedDialApiReference_api-description___fSWv{color:#9ca3af}.SpeedDialApiReference_api-note__gldyG{color:#9ca3af;background-color:#1f2937;border-left-color:#374151}}.TextareaApiReference_api-section__m5YtM{margin-bottom:32px}.TextareaApiReference_api-title__PvmFK{font-size:20px;font-weight:700;margin-bottom:8px;color:#000}ㄴ .TextareaApiReference_api-description__Uq8Hl{font-size:14px;margin-bottom:16px;color:#666;line-height:1.6}.TextareaApiReference_api-note__ZnKXB{margin-top:16px;padding:12px 16px;font-size:14px;color:#666;background:#f8f9fa;border-left:3px solid #3b82f6;border-radius:4px;line-height:1.6}@media (prefers-color-scheme:dark){.TextareaApiReference_api-title__PvmFK{color:#fff}.TextareaApiReference_api-description__Uq8Hl,.TextareaApiReference_api-note__ZnKXB{color:#aaa}.TextareaApiReference_api-note__ZnKXB{background:#2a2a2a}}.SwitchApiReference_api-section__ZNd5p{margin-bottom:32px}.SwitchApiReference_api-section__ZNd5p:last-child{margin-bottom:0}.SwitchApiReference_api-title__UzSdR{font-size:18px;font-weight:600;margin-bottom:16px;color:#1f2937}.SwitchApiReference_api-description__CrxeL{font-size:14px;color:#6b7280;margin-bottom:16px;line-height:1.5}.SwitchApiReference_api-note__s39qb{font-size:13px;color:#6b7280;margin-top:12px;padding:12px;background-color:#f9fafb;border-radius:6px;border-left:3px solid #d1d5db}@media (prefers-color-scheme:dark){.SwitchApiReference_api-title__UzSdR{color:#f9fafb}.SwitchApiReference_api-description__CrxeL{color:#9ca3af}.SwitchApiReference_api-note__s39qb{color:#9ca3af;background-color:#1f2937;border-left-color:#374151}}.TimePickerApiReference_api-section__pmBtp{margin:32px 0}.TimePickerApiReference_api-title__5U28E{font-size:24px;font-weight:600;margin:0 0 8px;color:#000}.TimePickerApiReference_api-description___6RiB{font-size:16px;color:#666;margin:0 0 16px}.TimePickerApiReference_api-note__QFPsK{font-size:14px;color:#666;margin:16px 0 0}.TimePickerApiReference_api-note__QFPsK code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px}.TooltipApiReference_api-section__ciroC{margin-bottom:48px}.TooltipApiReference_api-section__ciroC:last-child{margin-bottom:0}.TooltipApiReference_api-title__MIaUT{font-size:20px;font-weight:600;margin-bottom:8px;color:#000}.TooltipApiReference_api-description__Psr_j{font-size:14px;color:#666;margin-bottom:16px;line-height:1.6}.TooltipApiReference_api-note__VDgzR{font-size:13px;color:#666;margin-top:16px;line-height:1.6}@media (prefers-color-scheme:dark){.TooltipApiReference_api-title__MIaUT{color:#fff}.TooltipApiReference_api-description__Psr_j,.TooltipApiReference_api-note__VDgzR{color:#999}}.ToastApiReference_api-section__j61rO{margin-bottom:40px}.ToastApiReference_api-title__KPNpD{font-size:20px;font-weight:700;margin-bottom:12px;font-family:Courier New,monospace;color:var(--color-text-primary)}.ToastApiReference_api-description__IaWGa{font-size:15px;color:var(--color-text-secondary);margin-bottom:20px;line-height:1.6}.ToastApiReference_api-note__8hqdy{margin-top:16px;padding:12px 16px;background-color:var(--color-background-secondary);border-left:3px solid var(--color-primary);border-radius:4px;font-size:14px;color:var(--color-text-secondary);line-height:1.6}.CodeBlock_code-block__Oo19Y{margin:16px 0;overflow:hidden;border-radius:8px}.CodeBlock_code-block__Oo19Y pre{margin:0!important;padding:16px!important}.MCPInstallation_installation__mCuqD{display:flex;flex-direction:column;gap:2rem}.MCPInstallation_method-selector__AgLWm{display:flex;gap:1rem;padding:.5rem;background:var(--motile-bg-secondary,#f8f9fa);border-radius:12px;border:1px solid var(--motile-border,#e5e7eb)}.MCPInstallation_method-button__zI_Vy{flex:1 1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:transparent;border:none;border-radius:8px;font-size:1rem;font-weight:500;color:var(--motile-text-secondary,#666);cursor:pointer;transition:all .2s;position:relative}.MCPInstallation_method-button__zI_Vy:hover{background:rgba(0,0,0,.04)}.MCPInstallation_method-button__zI_Vy.MCPInstallation_active___f5z4{background:white;color:var(--motile-primary,#007aff);box-shadow:0 2px 4px rgba(0,0,0,.1)}.MCPInstallation_method-content__CwgIC{display:flex;flex-direction:column;gap:2rem}.MCPInstallation_method-intro__G6LqB h4{font-size:1.25rem;font-weight:600;color:var(--motile-text-primary,#1a1a1a);margin:0 0 .75rem}.MCPInstallation_method-intro__G6LqB p{font-size:1rem;line-height:1.6;color:var(--motile-text-secondary,#666);margin:0}.MCPInstallation_client-tabs__iOVSX{display:flex;gap:0;border-bottom:2px solid var(--motile-border,#e5e7eb);margin-bottom:1.5rem}.MCPInstallation_tab__O18m1{flex:1 1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:1rem;font-weight:500;color:var(--motile-text-secondary,#666);cursor:pointer;transition:all .2s;position:relative}.MCPInstallation_tab__O18m1:hover{color:var(--motile-primary,#007aff);background:rgba(0,122,255,.05)}.MCPInstallation_tab__O18m1.MCPInstallation_active___f5z4{color:var(--motile-primary,#007aff);border-bottom-color:var(--motile-primary,#007aff)}.MCPInstallation_tab-icon__OcEBS{width:20px;height:20px;flex-shrink:0}.MCPInstallation_client-header__nn3Ey{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--motile-bg-secondary,#f8f9fa);border-radius:8px;font-weight:500;color:var(--motile-text-primary,#1a1a1a);margin-bottom:1rem}.MCPInstallation_client-icon__ddqaf{flex-shrink:0;border-radius:50%}.MCPInstallation_steps__xazdC{display:flex;flex-direction:column;gap:2rem}.MCPInstallation_step__fMkRu{display:flex;gap:1.25rem;align-items:flex-start}.MCPInstallation_step-number__aOAc_{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--motile-primary,#007aff);color:white;border-radius:50%;font-weight:600;font-size:1.125rem}.MCPInstallation_step-content__DTNiK{flex:1 1;display:flex;flex-direction:column;gap:1rem}.MCPInstallation_step-content__DTNiK h5{font-size:1.125rem;font-weight:600;color:var(--motile-text-primary,#1a1a1a);margin:0}.MCPInstallation_platform-codes__wun4H{display:flex;flex-direction:column;gap:1.5rem}.MCPInstallation_platform__nE302{font-size:.9375rem;font-weight:500;color:var(--motile-text-secondary,#666);margin:0 0 .5rem}.MCPInstallation_verification__bqP2j{padding:1.5rem;background:var(--motile-bg-secondary,#f8f9fa);border-radius:12px;border-left:4px solid var(--motile-primary,#007aff)}.MCPInstallation_verification__bqP2j h4{font-size:1.125rem;font-weight:600;color:var(--motile-text-primary,#1a1a1a);margin:0 0 1rem}.MCPInstallation_verification-steps__o1uTZ{margin:0;padding-left:1.5rem;display:flex;flex-direction:column;gap:.75rem}.MCPInstallation_verification-steps__o1uTZ li{font-size:1rem;line-height:1.6;color:var(--motile-text-secondary,#666)}@media (max-width:768px){.MCPInstallation_method-selector__AgLWm{flex-direction:column}.MCPInstallation_client-tabs__iOVSX{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.MCPInstallation_client-tabs__iOVSX::-webkit-scrollbar{display:none}.MCPInstallation_tab__O18m1{flex:0 0 auto;padding:.75rem 1rem;font-size:.875rem;white-space:nowrap}.MCPInstallation_tab-icon__OcEBS{width:16px;height:16px}.MCPInstallation_step__fMkRu{flex-direction:column}.MCPInstallation_step-number__aOAc_{align-self:flex-start}}.AccordionExamples_example__LSQRL{margin:40px 0}.AccordionExamples_example-title__A5aKM{font-size:20px;font-weight:600;margin:0 0 16px;color:#000}.AccordionExamples_example-preview__97wU_{padding:32px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;margin-bottom:16px}.BadgeExamples_example__NF7b1{margin:40px 0}.BadgeExamples_example-title__FGOvW{font-size:20px;font-weight:600;margin:0 0 16px;color:#000}.BadgeExamples_example-preview__G6BQc{padding:32px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;margin-bottom:16px}.BadgeExamples_badge-group__iH873{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.BadgeExamples_dot-example__aWqDo{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.ButtonExamples_examples__Q2bMx{display:flex;flex-direction:column;gap:48px}.ButtonExamples_example__RZiwj{display:flex;flex-direction:column;gap:16px}.ButtonExamples_example-title__2RxMy{font-size:18px;font-weight:600;margin:0;color:#000}.ButtonExamples_example-description__kLBfG{font-size:14px;color:#666;margin:0;line-height:1.6}.ButtonExamples_example-preview__q0pXX{padding:32px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;gap:16px}.ButtonExamples_full-width-preview__rZrMw{flex-direction:column;align-items:stretch}@media (prefers-color-scheme:dark){.ButtonExamples_example-title__2RxMy{color:#fff}.ButtonExamples_example-description__kLBfG{color:#a0a0a0}.ButtonExamples_example-preview__q0pXX{background:#1a1a1a;border-color:#333}}.CheckboxExamples_examples__uZDjS{display:flex;flex-direction:column;gap:48px}.CheckboxExamples_example__SLIQ3{display:flex;flex-direction:column;gap:16px}.CheckboxExamples_example-title__x7onx{font-size:18px;font-weight:600;margin:0;color:#000}.CheckboxExamples_example-description__KwkH5{font-size:14px;color:#666;margin:0;line-height:1.6}.CheckboxExamples_example-preview__mXgng{padding:32px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}@media (prefers-color-scheme:dark){.CheckboxExamples_example-title__x7onx{color:#fff}.CheckboxExamples_example-description__KwkH5{color:#a0a0a0}.CheckboxExamples_example-preview__mXgng{background:#1a1a1a;border-color:#333}}.DockExamples_examples__oi28k{display:flex;flex-direction:column;gap:48px}.DockExamples_example__M8TyD{display:flex;flex-direction:column;gap:16px}.DockExamples_example-title___nJbj{font-size:18px;font-weight:600;margin:0;color:#000}.DockExamples_example-description__ck8kB{font-size:14px;color:#666;margin:0;line-height:1.6}.DockExamples_dock-container__5Yk57{position:relative;height:250px;background:#ffffff;border:1px solid #e5e5e5;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.DockExamples_positions-grid__dvP31{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:16px;gap:16px}.DockExamples_position-item__kgvUl{display:flex;flex-direction:column;gap:8px}.DockExamples_position-label__begY4{font-size:14px;font-weight:600;color:#666;margin:0;text-align:center}@media (prefers-color-scheme:dark){.DockExamples_example-title___nJbj{color:#fff}.DockExamples_example-description__ck8kB,.DockExamples_position-label__begY4{color:#a0a0a0}.DockExamples_dock-container__5Yk57{background:#1a1a1a;border-color:#333}}.DrawerExamples_example__fhz3L{display:flex;flex-direction:column;gap:16px}.DrawerExamples_example__fhz3L+.DrawerExamples_example__fhz3L{margin-top:48px}.DrawerExamples_example-title__A61US{font-size:18px;font-weight:600;color:#111827;margin:0}.DrawerExamples_example-preview__jOwB3{padding:32px;background:#fff;border:1px solid #e5e5e5;border-radius:12px}.ComponentSpecificExample_example__roTV6{display:flex;flex-direction:column;gap:24px}.ComponentSpecificExample_description__cBeuT{font-size:15px;line-height:1.6;color:var(--color-text-secondary);margin:0}.ComponentSpecificExample_demo__097rN{display:flex;flex-direction:column;gap:20px;padding:32px;background-color:var(--color-background-secondary);border-radius:12px;border:1px solid var(--color-border)}.ComponentSpecificExample_component-group__2CK8k{display:flex;align-items:center;gap:16px;padding:16px;background-color:var(--color-background);border-radius:8px;border:1px solid var(--color-border)}.ComponentSpecificExample_component-label__yVtp1{font-size:14px;font-weight:600;color:var(--color-text-primary);min-width:90px}.ComponentSpecificExample_component-variable__pDT0u{display:inline-block;padding:4px 10px;background-color:rgba(59,130,246,.1);color:#3b82f6;font-size:13px;font-weight:600;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;border-radius:6px;border:1px solid rgba(59,130,246,.2);min-width:160px;text-align:center}.ComponentSpecificExample_note__izaUs{padding:16px;background-color:var(--color-background-secondary);border-left:3px solid var(--color-primary);border-radius:4px;font-size:14px;line-height:1.6;color:var(--color-text-secondary)}.ComponentSpecificExample_note__izaUs strong{color:var(--color-text-primary)}@media (max-width:768px){.ComponentSpecificExample_component-group__2CK8k{flex-direction:column;align-items:flex-start}.ComponentSpecificExample_component-label__yVtp1{min-width:unset}}.GlobalThemeExample_example__jW2mn{display:flex;flex-direction:column;gap:24px}.GlobalThemeExample_description__2Ioef{font-size:15px;line-height:1.6;color:var(--color-text-secondary);margin:0}.GlobalThemeExample_demo__vKQD0{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:32px;background-color:var(--color-background-secondary);border-radius:12px;border:1px solid var(--color-border)}.GlobalThemeExample_note__5DqGA{padding:16px;background-color:var(--color-background-secondary);border-left:3px solid var(--color-primary);border-radius:4px;font-size:14px;line-height:1.6;color:var(--color-text-secondary)}.GlobalThemeExample_note__5DqGA strong{color:var(--color-text-primary)}.ClickOutsideDemo_demo-container__B_ojB{display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--bg-secondary,#f9fafb);border-radius:12px;border:1px solid var(--border-color,#e5e7eb)}.ClickOutsideDemo_demo-hint__yRvAN{font-size:13px;color:var(--text-tertiary,#9ca3af);margin:0}.ClickOutsideDemo_dropdown-wrapper__4hGyT{position:relative;display:inline-block}.ClickOutsideDemo_dropdown__1_2_4{position:absolute;top:calc(100% + 8px);left:0;min-width:180px;background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);z-index:100;overflow:hidden}.ClickOutsideDemo_dropdown-item__uHljs{padding:12px 16px;font-size:14px;color:var(--text-primary,#111827);cursor:pointer;transition:background .15s}.ClickOutsideDemo_dropdown-item__uHljs:hover{background:var(--bg-hover,#f3f4f6)}@media (prefers-color-scheme:dark){.ClickOutsideDemo_demo-container__B_ojB{background:var(--bg-secondary,#1f2937);border-color:var(--border-color,#374151)}.ClickOutsideDemo_dropdown__1_2_4{background:var(--bg-primary,#1f2937);border-color:var(--border-color,#374151)}.ClickOutsideDemo_dropdown-item__uHljs{color:var(--text-primary,#f9fafb)}.ClickOutsideDemo_dropdown-item__uHljs:hover{background:var(--bg-hover,#374151)}}.EscapeKeyDemo_demo-container__IuGAj{display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--bg-secondary,#f9fafb);border-radius:12px;border:1px solid var(--border-color,#e5e7eb)}.EscapeKeyDemo_demo-hint__nKbPR{font-size:13px;color:var(--text-tertiary,#9ca3af);margin:0}.EscapeKeyDemo_overlay__Q1cxl{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;animation:EscapeKeyDemo_fadeIn__OUBao .2s ease}.EscapeKeyDemo_modal__nqXlk{background:var(--bg-primary,#fff);padding:32px;border-radius:16px;max-width:400px;width:90%;text-align:center;animation:EscapeKeyDemo_slideUp__3XTGO .2s ease}.EscapeKeyDemo_modal__nqXlk h3{margin:0 0 16px;font-size:20px;font-weight:600;color:var(--text-primary,#111827)}.EscapeKeyDemo_modal__nqXlk p{margin:0 0 20px;font-size:14px;color:var(--text-secondary,#6b7280);line-height:1.6}.EscapeKeyDemo_keyboard-hint__eQ_sg{margin-bottom:20px}.EscapeKeyDemo_keyboard-hint__eQ_sg kbd{display:inline-block;padding:8px 16px;font-size:14px;font-family:var(--font-mono,monospace);color:var(--text-primary,#111827);background:var(--bg-secondary,#f3f4f6);border:1px solid var(--border-color,#d1d5db);border-radius:6px;box-shadow:0 2px 0 var(--border-color,#d1d5db)}@keyframes EscapeKeyDemo_fadeIn__OUBao{0%{opacity:0}to{opacity:1}}@keyframes EscapeKeyDemo_slideUp__3XTGO{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.EscapeKeyDemo_demo-container__IuGAj{background:var(--bg-secondary,#1f2937);border-color:var(--border-color,#374151)}.EscapeKeyDemo_modal__nqXlk{background:var(--bg-primary,#1f2937)}.EscapeKeyDemo_modal__nqXlk h3{color:var(--text-primary,#f9fafb)}.EscapeKeyDemo_modal__nqXlk p{color:var(--text-secondary,#9ca3af)}.EscapeKeyDemo_keyboard-hint__eQ_sg kbd{color:var(--text-primary,#f9fafb);background:var(--bg-secondary,#374151);border-color:var(--border-color,#4b5563);box-shadow:0 2px 0 var(--border-color,#4b5563)}}.ScrollLockDemo_demo-container__hBYmA{display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--bg-secondary,#f9fafb);border-radius:12px;border:1px solid var(--border-color,#e5e7eb)}.ScrollLockDemo_demo-hint___z3vS{font-size:13px;color:var(--text-tertiary,#9ca3af);margin:0}.ScrollLockDemo_overlay__4Oc42{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;animation:ScrollLockDemo_fadeIn__ix_k1 .2s ease}.ScrollLockDemo_scroll-lock-content__PeZt7{background:var(--bg-primary,#fff);padding:24px;border-radius:16px;max-width:500px;width:90%;animation:ScrollLockDemo_slideUp__ypvIX .2s ease}.ScrollLockDemo_scroll-lock-content__PeZt7 h3{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--text-primary,#111827);text-align:center}.ScrollLockDemo_scroll-area-container__uhwUH{margin:16px 0}.ScrollLockDemo_scroll-label__lJaJJ{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;color:var(--text-secondary,#6b7280)}.ScrollLockDemo_scroll-label__lJaJJ code{font-size:12px;padding:2px 6px;background:var(--bg-secondary,#f3f4f6);border-radius:4px;font-family:var(--font-mono,monospace)}.ScrollLockDemo_scroll-badge__dhiVX{font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px}.ScrollLockDemo_scroll-badge__dhiVX.ScrollLockDemo_allowed__2r2co{background:#dcfce7;color:#166534}.ScrollLockDemo_scroll-allowed-area__WOQIy{height:120px;overflow-y:auto;border:1px solid #86efac;border-radius:8px;background:var(--bg-secondary,#f9fafb)}.ScrollLockDemo_scroll-item__axJD8{padding:10px 12px;font-size:13px;color:var(--text-secondary,#6b7280);border-bottom:1px solid var(--border-color,#e5e7eb)}.ScrollLockDemo_scroll-item__axJD8:last-child{border-bottom:none}@keyframes ScrollLockDemo_fadeIn__ix_k1{0%{opacity:0}to{opacity:1}}@keyframes ScrollLockDemo_slideUp__ypvIX{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.ScrollLockDemo_demo-container__hBYmA{background:var(--bg-secondary,#1f2937);border-color:var(--border-color,#374151)}.ScrollLockDemo_scroll-lock-content__PeZt7{background:var(--bg-primary,#1f2937)}.ScrollLockDemo_scroll-lock-content__PeZt7 h3{color:var(--text-primary,#f9fafb)}.ScrollLockDemo_scroll-label__lJaJJ{color:var(--text-secondary,#9ca3af)}.ScrollLockDemo_scroll-label__lJaJJ code{background:var(--bg-secondary,#374151)}.ScrollLockDemo_scroll-badge__dhiVX.ScrollLockDemo_allowed__2r2co{background:#166534;color:#dcfce7}.ScrollLockDemo_scroll-allowed-area__WOQIy{background:var(--bg-secondary,#374151);border-color:#166534}.ScrollLockDemo_scroll-item__axJD8{color:var(--text-secondary,#9ca3af);border-color:var(--border-color,#4b5563)}}