._sidebar_gwfk1_1{height:100%;background:var(--rpl-demo-sidebar-bg);color:var(--rpl-demo-text-primary);display:flex;flex-direction:column;overflow:auto;border-right:1px solid var(--rpl-demo-sidebar-border);font-family:var(--rpl-demo-font-family);font-size:var(--rpl-demo-font-size-sm)}._sidebarHeader_gwfk1_13{padding:var(--rpl-demo-space-lg) var(--rpl-demo-space-lg) var(--rpl-demo-space-md);border-bottom:none;margin-bottom:var(--rpl-demo-space-sm)}._sidebarTitle_gwfk1_19{margin:0;font-size:var(--rpl-demo-font-size-lg);font-weight:700;letter-spacing:-.02em;color:var(--rpl-demo-text-primary);background:var(--rpl-demo-gradient-text);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}._sidebarSubtitle_gwfk1_32{margin:4px 0 0;font-size:var(--rpl-demo-font-size-xs);color:var(--rpl-demo-text-secondary);font-weight:500;letter-spacing:.02em;text-transform:uppercase;opacity:.8}._nav_gwfk1_42{flex:1;padding:0 var(--rpl-demo-space-md);display:flex;flex-direction:column;gap:2px}._navCategory_gwfk1_50{margin:4px 0}._navCategorySummary_gwfk1_54{padding:8px 12px;font-size:var(--rpl-demo-font-size-sm);font-weight:600;color:var(--rpl-demo-text-secondary);display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;border-radius:var(--rpl-demo-radius-md);transition:var(--rpl-demo-transition)}._navCategorySummary_gwfk1_54:hover{color:var(--rpl-demo-text-primary);background:#00000008}._navCategorySummary_gwfk1_54::-webkit-details-marker{display:none}._navArrow_gwfk1_77{color:var(--rpl-demo-text-tertiary);transition:transform .2s ease;font-size:16px}._navCategory_gwfk1_50[open] ._navArrow_gwfk1_77{transform:rotate(90deg)}._navGroupChildren_gwfk1_87{padding-left:0;margin-top:2px;display:flex;flex-direction:column;gap:2px}._navLink_gwfk1_95{display:flex;align-items:center;gap:10px;padding:8px 12px;color:var(--rpl-demo-text-secondary);text-decoration:none;font-size:var(--rpl-demo-font-size-sm);background:transparent;border-radius:var(--rpl-demo-radius-md);transition:var(--rpl-demo-transition);font-weight:500}._navLink_gwfk1_95:hover{background:#00000008;color:var(--rpl-demo-text-primary)}._navLink_gwfk1_95._active_gwfk1_114{background:#007aff14;color:var(--rpl-demo-accent);font-weight:600}._navIcon_gwfk1_120{font-size:18px;display:flex;align-items:center;justify-content:center;color:inherit;opacity:.8}._navLink_gwfk1_95._active_gwfk1_114 ._navIcon_gwfk1_120{opacity:1}._navChildLink_gwfk1_133{display:block;padding:8px 12px 8px 40px;color:var(--rpl-demo-text-secondary);text-decoration:none;font-size:var(--rpl-demo-font-size-sm);background:transparent;border-radius:var(--rpl-demo-radius-md);transition:var(--rpl-demo-transition);font-weight:400}._navChildLink_gwfk1_133:hover{background:#00000008;color:var(--rpl-demo-text-primary)}._navChildLink_gwfk1_133._active_gwfk1_114{color:var(--rpl-demo-accent);background:#007aff14;font-weight:500}._sidebarFooter_gwfk1_156{padding:var(--rpl-demo-space-lg);border-top:1px solid var(--rpl-demo-sidebar-border);font-size:var(--rpl-demo-font-size-xs);color:var(--rpl-demo-text-tertiary);text-align:center}._stackedMainContent_gwfk1_167{background:var(--rpl-demo-bg);display:flex;flex-direction:column;position:relative}._stackedContentArea_gwfk1_175{flex:1;min-height:0;overflow:auto;padding-top:54px}._mobileHeader_gwfk1_182{display:none;align-items:center;gap:var(--rpl-demo-space-sm);padding:var(--rpl-demo-space-sm) var(--rpl-demo-space-md);border-bottom:1px solid var(--rpl-demo-sidebar-border);position:sticky;top:0;z-index:2;background:var(--rpl-demo-bg)}._stackedMobileHeader_gwfk1_194{position:fixed;top:0;left:0;width:100%;z-index:10}._mobileNavButton_gwfk1_202{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--rpl-demo-sidebar-border);border-radius:var(--rpl-demo-radius-md);padding:8px 12px;background:var(--rpl-demo-control-bg);color:var(--rpl-demo-text-primary);cursor:pointer;transition:var(--rpl-demo-transition)}._mobileNavButton_gwfk1_202:hover{background:var(--rpl-demo-control-bg-hover)}._mobileNavButton_gwfk1_202:active{background:var(--rpl-demo-control-bg-active)}._mobileNavLabel_gwfk1_223{font-weight:600;font-size:var(--rpl-demo-font-size-sm)}._mobileTitle_gwfk1_228{margin:0;font-size:var(--rpl-demo-font-size-lg);font-weight:700;letter-spacing:-.02em}@media (max-width: 960px){._sidebar_gwfk1_1{height:auto;border-right:none;border-bottom:1px solid var(--rpl-demo-sidebar-border)}._sidebarHeader_gwfk1_13{padding:var(--rpl-demo-space-md) var(--rpl-demo-space-md) var(--rpl-demo-space-sm);text-align:center}._nav_gwfk1_42{padding:0 var(--rpl-demo-space-sm) var(--rpl-demo-space-sm)}._sidebarFooter_gwfk1_156{padding:var(--rpl-demo-space-md)}._mobileHeader_gwfk1_182{display:flex}}._container_ioitd_1{width:100%;height:400px;position:relative;background-color:var(--rpl-demo-bg-secondary);background-image:radial-gradient(var(--rpl-demo-border-primary) 1px,transparent 1px);background-size:20px 20px;border:1px solid var(--rpl-demo-sidebar-border);border-radius:var(--rpl-demo-radius-lg);box-shadow:var(--rpl-demo-shadow-md);overflow:hidden}._contentText_ioitd_14{color:var(--rpl-demo-text-secondary)}._page_9dvfb_1{width:100%;box-sizing:border-box;font-family:var(--rpl-demo-font-family);color:var(--rpl-demo-text-primary)}._fullHeight_9dvfb_8{min-height:100%;display:flex;flex-direction:column}._inner_9dvfb_14{width:100%;margin:0 auto;display:flex;flex-direction:column;gap:var(--rpl-demo-space-lg);min-height:0;flex:1}._header_9dvfb_24{display:flex;flex-direction:column;gap:var(--rpl-demo-space-sm);margin-bottom:var(--rpl-demo-space-md)}._title_9dvfb_31{margin:0;font-size:var(--rpl-demo-font-size-xl);font-weight:700;letter-spacing:-.02em;background:var(--rpl-demo-gradient-text);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;width:fit-content}._intro_9dvfb_44{color:var(--rpl-demo-text-secondary);font-size:var(--rpl-demo-font-size-md);line-height:1.6;max-width:800px}._body_9dvfb_51{display:flex;flex-direction:column;gap:var(--rpl-demo-space-xl)}._bodyStretch_9dvfb_57{flex:1;min-height:0}._container_19q5s_5{display:flex;flex-direction:column;background:#1e1e2e;border-radius:var(--rpl-demo-radius-md);overflow:hidden;box-shadow:var(--rpl-demo-shadow-md);height:100%;min-height:0}._header_19q5s_16{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#181825;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}._headerLeft_19q5s_26{display:flex;align-items:center;gap:8px}._codeIcon_19q5s_32{color:#fff6;flex-shrink:0}._title_19q5s_37{font-size:var(--rpl-demo-font-size-xs);font-weight:500;color:#ffffff80;font-family:var(--rpl-demo-font-family);letter-spacing:.02em}._copyButton_19q5s_45{display:flex;align-items:center;gap:6px;padding:5px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#fff9;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:var(--rpl-demo-font-family)}._copyButton_19q5s_45:hover{background:#ffffff1a;color:#ffffffd9}._copyButton_19q5s_45._copied_19q5s_66{background:#28c84026;border-color:#28c8404d;color:#28c840}._content_19q5s_72{flex:1;overflow:auto;min-height:0}._pre_19q5s_78{display:flex;margin:0;padding:0;font-family:JetBrains Mono,Fira Code,Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.6;tab-size:2}._lineNumbers_19q5s_88{position:sticky;left:0;padding:14px 12px 14px 14px;background:#1e1e2e;border-right:1px solid rgba(255,255,255,.06);-webkit-user-select:none;user-select:none;text-align:right;flex-shrink:0}._lineNumber_19q5s_88{color:#fff3;font-size:12px;line-height:1.6}._code_19q5s_32{flex:1;padding:14px 16px;color:#cdd6f4;white-space:pre;overflow-x:auto}._shikiWrapper_19q5s_115{flex:1;overflow-x:auto}._shikiWrapper_19q5s_115 pre.shiki{margin:0;padding:14px 16px;background:transparent!important;font-family:inherit;font-size:inherit;line-height:inherit}._shikiWrapper_19q5s_115 pre.shiki code{display:block;font-family:inherit;font-size:inherit;line-height:inherit}._code_19q5s_32 .keyword{color:#cba6f7}._code_19q5s_32 .string{color:#a6e3a1}._code_19q5s_32 .number{color:#fab387}._code_19q5s_32 .comment{color:#6c7086;font-style:italic}._code_19q5s_32 .function{color:#89b4fa}._code_19q5s_32 .type{color:#f9e2af}._content_19q5s_72::-webkit-scrollbar{width:8px;height:8px}._content_19q5s_72::-webkit-scrollbar-track{background:transparent}._content_19q5s_72::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}._content_19q5s_72::-webkit-scrollbar-thumb:hover{background:#fff3}._content_19q5s_72::-webkit-scrollbar-corner{background:transparent}._container_1r0aa_5{position:relative;width:100%;height:100%;overflow:hidden;background:var(--rpl-color-surface-2)}._codeWrapper_1r0aa_13{height:100%;border-right:1px solid var(--rpl-color-border);background:#1e1e2e}._codeWrapper_1r0aa_13>*{border-radius:0;box-shadow:none}._previewWrapper_1r0aa_24{height:100%;width:100%;overflow:hidden;background:var(--rpl-color-surface)}._drawerContent_1r0aa_32{height:100%;display:flex;flex-direction:column;background:#1e1e2e;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -8px 32px #0003}._drawerContent_1r0aa_32>*{border-radius:0;box-shadow:none;flex:1;min-height:0}._codeToggle_1r0aa_49{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:8px;padding:10px 16px;background:#1e1e2e;color:#cdd6f4;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #0003;font-family:var(--rpl-demo-font-family);z-index:50}._codeToggle_1r0aa_49:hover{background:#2a2a3e;border-color:#fff3;transform:translateY(-2px);box-shadow:0 6px 20px #00000040}._codeToggle_1r0aa_49:active{transform:translateY(0)}._codeToggle_1r0aa_49 svg{opacity:.7}._drawerClose_1r0aa_86{position:absolute;top:calc(40% - 48px);right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;color:#fff9;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .15s ease;z-index:110}._drawerClose_1r0aa_86:hover{background:#ffffff1a;color:#ffffffe6}._container_8yli4_6{width:100%;height:100%;flex:1;min-height:0}._settingsContent_1mh4b_1{display:flex;flex-direction:column;gap:.5rem}._notificationItem_13e3j_1{padding:.5rem;border-radius:4px}._notificationItemBlue_13e3j_6{background:#e3f2fd}._notificationItemPurple_13e3j_10{background:#f3e5f5}._notificationTitle_13e3j_14{font-weight:700}._notificationText_13e3j_18{margin:.25rem 0 0;font-size:.875rem}._profileContent_16x27_1{display:flex;flex-direction:column;gap:1rem}._profileHeader_16x27_7{display:flex;gap:1rem;align-items:center}._profileAvatar_16x27_13{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2)}._profileName_16x27_20{display:block;font-weight:700}._profileEmail_16x27_25{font-size:.875rem;color:#666}._profileBioLabel_16x27_30{margin:0 0 .5rem;font-size:.875rem;color:#666}._profileBio_16x27_30{margin:0}._profileStats_16x27_40{display:flex;gap:1rem}._profileStat_16x27_40{display:block;font-size:1.25rem;font-weight:700}._profileStatLabel_16x27_51{font-size:.75rem;color:#666}._button_1uuan_1{display:inline-flex;align-items:center;justify-content:center;font-family:var(--rpl-demo-font-family);font-weight:600;cursor:pointer;border:none;transition:all .2s ease;outline:none}._button_1uuan_1:hover{transform:scale(1.03)}._sm_1uuan_18{padding:6px 12px;font-size:var(--rpl-demo-font-size-sm);border-radius:16px}._md_1uuan_24{padding:10px 20px;font-size:var(--rpl-demo-font-size-md);border-radius:24px}._lg_1uuan_30{padding:14px 28px;font-size:var(--rpl-demo-font-size-lg);border-radius:32px}._primary_1uuan_37{background:var(--rpl-demo-accent);color:var(--rpl-demo-accent-contrast);box-shadow:0 4px 12px #00000026}._secondary_1uuan_43{background:#fffc;color:var(--rpl-demo-text-primary);border:1px solid rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._secondary_1uuan_43:hover{background:#fff}._outline_1uuan_54{background:transparent;color:var(--rpl-demo-text-primary);border:1px solid var(--rpl-demo-text-secondary)}._ghost_1uuan_60{background:transparent;color:var(--rpl-demo-text-secondary)}._articleContent_1ftf1_1{overflow:auto}._articleContent_1ftf1_1 h3{margin-top:0}._articleContent_1ftf1_1 p{line-height:1.6}._demoContainer_s9n3t_1{display:flex;height:300px;border:1px solid var(--rpl-demo-sidebar-border);border-radius:var(--rpl-demo-radius-lg);overflow:hidden;box-shadow:var(--rpl-demo-shadow-md);background:#fff}._leftPanel_s9n3t_11{background:var(--rpl-demo-surface-secondary);padding:var(--rpl-demo-space-lg);display:flex;flex-direction:column;gap:var(--rpl-demo-space-sm)}._rightPanel_s9n3t_19{flex:1;background:#fff;padding:var(--rpl-demo-space-lg);display:flex;flex-direction:column;gap:var(--rpl-demo-space-sm)}._panelTitle_s9n3t_28{margin:0;font-size:var(--rpl-demo-font-size-md);font-weight:600;color:var(--rpl-demo-text-primary)}._panelInfo_s9n3t_35{margin:0;font-size:var(--rpl-demo-font-size-sm);color:var(--rpl-demo-text-secondary)}._panelText_s9n3t_41{margin:0;font-size:var(--rpl-demo-font-size-sm);color:var(--rpl-demo-text-secondary);line-height:1.5}._demoContainer_odz3z_1{display:flex;height:300px;border:1px solid var(--rpl-demo-sidebar-border);border-radius:var(--rpl-demo-radius-lg);overflow:hidden;box-shadow:var(--rpl-demo-shadow-md);background:#fff}._demoContainerTall_odz3z_11{height:400px}._sidebarPanel_odz3z_15{background:var(--rpl-demo-surface-secondary);padding:var(--rpl-demo-space-lg);overflow:auto}._sidebarTitle_odz3z_21{margin-top:0;font-size:var(--rpl-demo-font-size-md);font-weight:600}._panelInfo_odz3z_27{margin:0;font-size:var(--rpl-demo-font-size-sm);color:var(--rpl-demo-text-secondary)}._sidebarNav_odz3z_33{display:flex;flex-direction:column;gap:.25rem;margin-top:var(--rpl-demo-space-md)}._navLink_odz3z_40{padding:.5rem .75rem;background:transparent;border-radius:var(--rpl-demo-radius-md);text-decoration:none;color:var(--rpl-demo-text-secondary);display:block;font-size:var(--rpl-demo-font-size-sm);transition:all .2s ease}._navLink_odz3z_40:hover{background:#0000000d;color:var(--rpl-demo-text-primary)}._recentFiles_odz3z_56{margin-top:var(--rpl-demo-space-xl)}._recentFiles_odz3z_56 h5{margin-top:0;font-size:var(--rpl-demo-font-size-sm);color:var(--rpl-demo-text-tertiary);text-transform:uppercase;letter-spacing:.05em}._recentFiles_odz3z_56 ul{font-size:var(--rpl-demo-font-size-sm);padding-left:1.25rem;color:var(--rpl-demo-text-secondary)}._mainPanel_odz3z_74{flex:1;background:#fff;padding:var(--rpl-demo-space-lg);overflow:auto}._mainTitle_odz3z_81{margin-top:0;font-size:var(--rpl-demo-font-size-lg);font-weight:700}._cardList_odz3z_87{margin-top:var(--rpl-demo-space-lg);display:flex;flex-direction:column;gap:var(--rpl-demo-space-md)}._card_odz3z_87{padding:var(--rpl-demo-space-md);background:#fff;border-radius:var(--rpl-demo-radius-md);border:1px solid var(--rpl-demo-sidebar-border);box-shadow:var(--rpl-demo-shadow-sm)}._card_odz3z_87 h5{margin-top:0;margin-bottom:.5rem;font-size:var(--rpl-demo-font-size-md)}._card_odz3z_87 p{margin:0;font-size:var(--rpl-demo-font-size-sm);color:var(--rpl-demo-text-secondary)}._demoContainer_1estb_1{display:flex;height:300px;border:1px solid var(--rpl-demo-sidebar-border);border-radius:var(--rpl-demo-radius-lg);overflow:hidden;box-shadow:var(--rpl-demo-shadow-md);background:#fff}._demoContainerMedium_1estb_11{height:350px}._leftPanel_1estb_15{background:var(--rpl-demo-surface-secondary);padding:var(--rpl-demo-space-lg);display:flex;flex-direction:column;gap:var(--rpl-demo-space-sm)}._panelTitle_1estb_23{margin:0;font-size:var(--rpl-demo-font-size-md);font-weight:600;color:var(--rpl-demo-text-primary)}._panelInfo_1estb_30{margin:0;font-size:var(--rpl-demo-font-size-sm);color:var(--rpl-demo-text-secondary)}._panelText_1estb_36{margin:0;font-size:var(--rpl-demo-font-size-sm);color:var(--rpl-demo-text-secondary);line-height:1.5}._centerPanel_1estb_43{flex:1;background:#fff;padding:var(--rpl-demo-space-lg);overflow:auto}._centerTitle_1estb_50{margin-top:0;font-size:var(--rpl-demo-font-size-md);font-weight:600}._demoContainer_lrb7o_1{display:flex;height:300px;border:1px solid var(--rpl-demo-sidebar-border);border-radius:var(--rpl-demo-radius-lg);overflow:hidden;box-shadow:var(--rpl-demo-shadow-md);background:#fff}._resizeWrapper_lrb7o_11{position:relative;display:flex}._verticalHandleWrapper_lrb7o_16{position:absolute;left:0;top:0;bottom:0;width:6px;display:flex;align-items:center;justify-content:center;z-index:10}._resizablePanel_lrb7o_28{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:var(--rpl-demo-space-lg);padding-left:var(--rpl-demo-space-xl);display:flex;flex-direction:column;gap:var(--rpl-demo-space-sm)}._panelTitle_lrb7o_38{margin:0;font-size:var(--rpl-demo-font-size-md);font-weight:600}._panelInfo_lrb7o_44{margin:0;font-size:var(--rpl-demo-font-size-sm);opacity:.9}._panelText_lrb7o_50{margin:0;font-size:var(--rpl-demo-font-size-sm);opacity:.9;line-height:1.5}._staticPanel_lrb7o_57{flex:1;background:#fff;padding:var(--rpl-demo-space-lg)}._staticPanelTitle_lrb7o_63{margin-top:0;font-size:var(--rpl-demo-font-size-md);font-weight:600;color:var(--rpl-demo-text-primary)}._demoContainerVertical_80ick_1{border:1px solid var(--rpl-demo-sidebar-border);border-radius:var(--rpl-demo-radius-lg);overflow:hidden;box-shadow:var(--rpl-demo-shadow-md);background:#fff}._horizontalHandleWrapper_80ick_9{position:absolute;left:0;right:0;top:0;height:6px;display:flex;align-items:center;justify-content:center;z-index:10}._resizablePanelAlt_80ick_21{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:var(--rpl-demo-space-lg);padding-top:var(--rpl-demo-space-xl);display:flex;flex-direction:column;gap:var(--rpl-demo-space-sm)}._panelTitle_80ick_31{margin:0;font-size:var(--rpl-demo-font-size-md);font-weight:600}._panelInfo_80ick_37{margin:0;font-size:var(--rpl-demo-font-size-sm);opacity:.9}._panelText_80ick_43{margin:0;font-size:var(--rpl-demo-font-size-sm);opacity:.9;line-height:1.5}._staticPanelMinHeight_80ick_50{background:#fff;padding:var(--rpl-demo-space-lg);min-height:100px}._staticPanelTitle_80ick_56{margin-top:0;font-size:var(--rpl-demo-font-size-md);font-weight:600;color:var(--rpl-demo-text-primary)}._demoContainerInline_ta4pr_1{display:inline-block;position:relative;border:1px solid var(--rpl-demo-sidebar-border);border-radius:var(--rpl-demo-radius-lg);overflow:hidden;box-shadow:var(--rpl-demo-shadow-md);background:#fff}._verticalHandleWrapper_ta4pr_11{position:absolute;left:0;top:0;bottom:0;width:6px;display:flex;align-items:center;justify-content:center;z-index:10}._horizontalHandleWrapper_ta4pr_23{position:absolute;left:0;right:0;top:0;height:6px;display:flex;align-items:center;justify-content:center;z-index:10}._resizableBox_ta4pr_35{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;padding:var(--rpl-demo-space-lg);padding-left:var(--rpl-demo-space-xl);padding-top:var(--rpl-demo-space-xl);display:flex;flex-direction:column;gap:var(--rpl-demo-space-sm)}._panelTitle_ta4pr_46{margin:0;font-size:var(--rpl-demo-font-size-md);font-weight:600}._panelInfo_ta4pr_52{margin:0;font-size:var(--rpl-demo-font-size-sm);opacity:.9}._panelText_ta4pr_58{margin:0;font-size:var(--rpl-demo-font-size-sm);opacity:.9;line-height:1.5}._sizeInfo_ta4pr_65{margin-top:var(--rpl-demo-space-md)}._sizeInfoText_ta4pr_69{font-size:.75rem;opacity:.8}._demoContainerNested_qlctg_1{border:1px solid var(--rpl-demo-sidebar-border);border-radius:var(--rpl-demo-radius-lg);overflow:hidden;height:400px;box-shadow:var(--rpl-demo-shadow-md);background:#fff}._nestedLayout_qlctg_10{display:flex;height:100%}._resizeWrapper_qlctg_15{position:relative;display:flex}._verticalHandleWrapper_qlctg_20{position:absolute;left:0;top:0;bottom:0;width:6px;display:flex;align-items:center;justify-content:center;z-index:10}._horizontalHandleWrapper_qlctg_32{position:absolute;left:0;right:0;top:0;height:6px;display:flex;align-items:center;justify-content:center;z-index:10}._nestedSidebar_qlctg_44{background:var(--rpl-demo-surface-secondary);padding:var(--rpl-demo-space-lg);padding-left:var(--rpl-demo-space-xl);overflow:auto}._nestedTop_qlctg_51{background:#fff3e0;padding:var(--rpl-demo-space-lg);padding-top:var(--rpl-demo-space-xl);overflow:auto}._nestedBottom_qlctg_58{flex:1;background:#fff;padding:var(--rpl-demo-space-lg);overflow:auto}._staticPanelTitle_qlctg_65{margin-top:0;font-size:var(--rpl-demo-font-size-md);font-weight:600;color:var(--rpl-demo-text-primary)}._panelInfo_qlctg_72{margin:0;font-size:var(--rpl-demo-font-size-sm);color:var(--rpl-demo-text-secondary)}._panelText_qlctg_78{margin:0;font-size:var(--rpl-demo-font-size-sm);color:var(--rpl-demo-text-secondary);line-height:1.5}._container_ny1st_1{width:100%;height:400px;border:1px solid #ddd}._gridCell_ny1st_7{width:100%;height:100%;padding:var(--rpl-demo-space-lg);box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}._card_1svdp_1{background:#fff;border-radius:var(--rpl-demo-radius-xl);padding:var(--rpl-demo-space-lg);box-shadow:var(--rpl-demo-shadow-md);border:1px solid rgba(0,0,0,.05);transition:var(--rpl-demo-transition);position:relative;overflow:hidden}._hoverEffect_1svdp_12:hover{transform:translateY(-4px);box-shadow:var(--rpl-demo-shadow-lg)}._container_1kjua_1{width:100%;height:100%;background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--rpl-demo-text-primary);border-radius:var(--rpl-demo-radius-lg);box-shadow:var(--rpl-demo-shadow-lg);display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;user-select:none;border:1px solid rgba(255,255,255,.5)}._header_1kjua_17{padding:var(--rpl-demo-space-sm) var(--rpl-demo-space-md);background:#ffffff80;border-bottom:1px solid var(--rpl-demo-sidebar-border);display:flex;align-items:center;justify-content:space-between;cursor:grab}._headerContent_1kjua_27{display:flex;align-items:center;gap:var(--rpl-demo-space-sm)}._headerIcon_1kjua_33{font-size:1.125rem}._headerTitle_1kjua_37{margin:0;font-size:var(--rpl-demo-font-size-sm);font-weight:600}._headerBadge_1kjua_43{font-size:var(--rpl-demo-font-size-xs);color:var(--rpl-demo-text-secondary);background:#0000000d;padding:2px 6px;border-radius:4px}._tabs_1kjua_51{display:flex;gap:4px;padding:4px 8px;background:#00000005;border-bottom:1px solid var(--rpl-demo-sidebar-border)}._tab_1kjua_51{padding:4px 12px;background:transparent;color:var(--rpl-demo-text-secondary);border:none;border-radius:4px;font-size:var(--rpl-demo-font-size-xs);cursor:pointer;transition:all .2s;font-weight:500}._tab_1kjua_51:hover{background:#0000000d;color:var(--rpl-demo-text-primary)}._tabActive_1kjua_76{background:#fff!important;color:var(--rpl-demo-text-primary)!important;box-shadow:0 1px 2px #0000000d}._content_1kjua_82{flex:1;padding:var(--rpl-demo-space-md);overflow:auto;font-size:var(--rpl-demo-font-size-sm)}._footer_1kjua_89{padding:var(--rpl-demo-space-sm);background:#ffffff80;border-top:1px solid var(--rpl-demo-sidebar-border);font-size:var(--rpl-demo-font-size-xs);color:var(--rpl-demo-text-tertiary);text-align:center}._propertyList_1kjua_98{display:flex;flex-direction:column;gap:var(--rpl-demo-space-md)}._propertyLabel_1kjua_104{color:var(--rpl-demo-text-secondary);font-size:var(--rpl-demo-font-size-xs);margin-bottom:2px;font-weight:500}._propertyValue_1kjua_111{font-family:monospace;color:var(--rpl-demo-text-primary);background:#00000008;padding:2px 6px;border-radius:4px;display:inline-block}._propertyValueHighlight_1kjua_120{font-family:monospace;color:#0071e3;background:#0071e31a;padding:2px 6px;border-radius:4px;display:inline-block}._dataList_1kjua_129{display:flex;flex-direction:column;gap:var(--rpl-demo-space-sm)}._codeBlock_1kjua_135{padding:var(--rpl-demo-space-sm);background:#f5f5f7;border-radius:var(--rpl-demo-radius-sm);font-family:monospace;font-size:var(--rpl-demo-font-size-xs);border:1px solid var(--rpl-demo-sidebar-border)}._codeComment_1kjua_144{color:#6a9955}._codeKeyword_1kjua_148{color:#d73a49}._codeVariable_1kjua_152{color:#005cc5}._codeOperator_1kjua_156{color:#24292e}._codeString_1kjua_160{color:#032f62}._codeNumber_1kjua_164{color:#005cc5}._codeIndent_1kjua_168{padding-left:1rem}._hint_1kjua_172{color:var(--rpl-demo-text-tertiary);font-size:var(--rpl-demo-font-size-xs);margin-top:var(--rpl-demo-space-sm);text-align:center}._container_1ahr8_1{width:100%;height:600px;overflow:hidden;border:1px solid var(--rpl-demo-sidebar-border);border-radius:var(--rpl-demo-radius-lg);box-shadow:var(--rpl-demo-shadow-md)}._demoPanel_1ahr8_10{width:100%;height:100%;padding:var(--rpl-demo-space-md);box-sizing:border-box;overflow:auto;border-radius:var(--rpl-demo-radius-md)}._panelTitle_1ahr8_19{margin:0 0 1rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--rpl-demo-text-secondary)}._panelText_1ahr8_28{margin:0;font-size:.875rem;color:var(--rpl-demo-text-secondary)}._toolbar_1ahr8_34{display:flex;gap:.5rem;align-items:center}._sidebarList_1ahr8_40{list-style:none;padding:0;margin:0}._sidebarItem_1ahr8_46{padding:.5rem;cursor:pointer;border-radius:4px;font-size:.9rem}._canvasArea_1ahr8_53{border:2px dashed var(--rpl-demo-sidebar-border);border-radius:var(--rpl-demo-radius-md);padding:2rem;text-align:center;min-height:200px;display:flex;align-items:center;justify-content:center}._canvasText_1ahr8_64{color:var(--rpl-demo-text-tertiary);font-size:1rem}._inspectorForm_1ahr8_69{display:flex;flex-direction:column;gap:1rem}._formLabel_1ahr8_75{display:block;font-size:.75rem;margin-bottom:.25rem;font-weight:600}._formInput_1ahr8_82{width:100%;padding:.5rem;border-radius:4px;border:1px solid #ccc}._colorInput_1ahr8_89{width:100%;padding:.25rem;height:32px}._statusBar_1ahr8_95{width:100%;height:100%;background-color:#34495e;padding:0 1rem;display:flex;align-items:center;color:#ecf0f1;font-size:.75rem}._container_1nzqd_1{width:100%;height:600px;overflow:auto;border:1px solid var(--rpl-demo-sidebar-border);border-radius:var(--rpl-demo-radius-lg);box-shadow:var(--rpl-demo-shadow-md)}._dashboardCard_1nzqd_10{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:var(--rpl-demo-space-lg)}._cardHeader_1nzqd_19{display:flex;justify-content:space-between;align-items:flex-start}._cardTitle_1nzqd_25{font-size:.875rem;color:var(--rpl-demo-text-secondary);margin-bottom:.5rem}._cardValue_1nzqd_31{font-size:2rem;font-weight:700}._cardIcon_1nzqd_36{font-size:2rem;opacity:.3}._chartCard_1nzqd_41{width:100%;height:100%;padding:var(--rpl-demo-space-lg)}._chartTitle_1nzqd_47{margin:0 0 1rem;font-size:1rem;font-weight:600}._chartArea_1nzqd_53{height:calc(100% - 2rem);background-color:var(--rpl-demo-surface-secondary);border-radius:var(--rpl-demo-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--rpl-demo-text-tertiary)}._header_1nzqd_63{width:100%;height:100%;background-color:#fff;padding:1.5rem;box-sizing:border-box;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:space-between}._headerTitle_1nzqd_76{margin:0;font-size:1.5rem;font-weight:700}._headerMeta_1nzqd_82{font-size:.875rem;color:#666}._activityCard_1nzqd_87{width:100%;height:100%;background-color:#fff;padding:1.5rem;box-sizing:border-box;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:auto}._activityTitle_1nzqd_98{margin:0 0 1rem;font-size:1rem;font-weight:600}._activityList_1nzqd_104{display:flex;flex-direction:column;gap:.75rem}._activityItem_1nzqd_110{padding:.5rem;background-color:#f8f9fa;border-radius:4px;font-size:.875rem}._container_1ytkh_1{width:100%;height:500px;overflow:hidden;border:1px solid var(--rpl-demo-sidebar-border);border-radius:var(--rpl-demo-radius-lg);box-shadow:var(--rpl-demo-shadow-md)}._draggablePanel_1ytkh_10{width:100%;height:100%;padding:0;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--rpl-demo-shadow-lg)}._panelHeader_1ytkh_20{padding:var(--rpl-demo-space-md);color:#fff;font-weight:600;cursor:grab;-webkit-user-select:none;user-select:none}._panelContent_1ytkh_28{flex:1;padding:var(--rpl-demo-space-md);overflow:auto}._panelText_1ytkh_34{margin:0;color:var(--rpl-demo-text-secondary)}._canvas_1ytkh_39{width:100%;height:100%;background-color:#f0f4f8;background-image:linear-gradient(#e5e9ed 1px,transparent 1px),linear-gradient(90deg,#e5e9ed 1px,transparent 1px);background-size:20px 20px;display:flex;align-items:center;justify-content:center}._canvasContent_1ytkh_51{text-align:center;color:#999}._canvasIcon_1ytkh_56{font-size:2rem;margin-bottom:.5rem}._canvasHint_1ytkh_61{font-size:.875rem;margin-top:.5rem}._toolsList_1ytkh_66{display:flex;flex-direction:column;gap:.5rem}._colorGrid_1ytkh_72{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}._colorSwatch_1ytkh_78{width:100%;aspect-ratio:1;border-radius:4px;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000001a}._settingsForm_1ytkh_87{display:flex;flex-direction:column;gap:1rem}._formLabel_1ytkh_93{display:block;font-size:.75rem;margin-bottom:.25rem}._rangeInput_1ytkh_99{width:100%}._container_1v1cd_1{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--rpl-demo-radius-lg);border:1px solid var(--rpl-demo-sidebar-border);background:#f8fafc;box-shadow:var(--rpl-demo-shadow-md)}._hero_1v1cd_12{display:grid;place-items:center;height:100%;gap:var(--rpl-demo-space-md);color:#0f172a}._lead_1v1cd_20{margin:0;max-width:520px;text-align:center;color:#475569;line-height:1.5}._drawerContent_1v1cd_28{padding:var(--rpl-demo-space-lg);display:grid;gap:var(--rpl-demo-space-md)}._drawerList_1v1cd_34{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}._drawerItem_1v1cd_42{padding:.75rem .9rem;border-radius:var(--rpl-demo-radius-md);border:1px solid rgba(15,23,42,.08);background:#fff;color:#0f172a;display:flex;justify-content:space-between;align-items:center}._drawerItem_1v1cd_42 small{color:#475569}._container_1ffeq_1{position:relative;width:100%;height:100%;overflow:hidden}._shell_1ffeq_8{height:100%;display:flex;flex-direction:column;background:var(--rpl-demo-bg);border:1px solid var(--rpl-demo-sidebar-border);border-radius:var(--rpl-demo-radius-xl);box-shadow:var(--rpl-demo-shadow-lg);overflow:hidden}._topbar_1ffeq_19{display:flex;align-items:center;justify-content:space-between;padding:var(--rpl-demo-space-md) var(--rpl-demo-space-lg);background:linear-gradient(120deg,#0f172a,#111827 40%,#0b1221);color:#e2e8f0;gap:var(--rpl-demo-space-md)}._topbarLeft_1ffeq_29{display:flex;align-items:center;gap:var(--rpl-demo-space-sm);flex-wrap:wrap}._brand_1ffeq_36{font-weight:700;letter-spacing:-.02em}._breadcrumbs_1ffeq_41{display:flex;align-items:center;gap:.35rem;color:#cbd5e1;font-size:var(--rpl-demo-font-size-sm)}._crumbActive_1ffeq_49{color:#fff;font-weight:600}._topActions_1ffeq_54{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}._menuButton_1ffeq_61{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .9rem;background:#0ea5e9;color:#fff;border:none;border-radius:9999px;font-weight:600;cursor:pointer;box-shadow:0 8px 20px #0ea5e938;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}._menuButton_1ffeq_61:hover{transform:translateY(-1px);box-shadow:0 12px 26px #0ea5e947;background:#0284c7}._menuIcon_1ffeq_82{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:.5rem;background:#ffffff24}._body_1ffeq_92{flex:1;display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:var(--rpl-demo-space-lg);padding:var(--rpl-demo-space-lg);min-height:0;background:linear-gradient(180deg,#f7f9fc,#fff)}._main_1ffeq_102{background:#fff;border:1px solid var(--rpl-demo-sidebar-border);border-radius:var(--rpl-demo-radius-lg);padding:var(--rpl-demo-space-lg);display:flex;flex-direction:column;gap:var(--rpl-demo-space-lg);box-shadow:var(--rpl-demo-shadow-md);min-height:0}._mainHeader_1ffeq_114{display:flex;align-items:center;justify-content:space-between;gap:var(--rpl-demo-space-md);flex-wrap:wrap}._titleGroup_1ffeq_122 h3{margin:0;color:#0f172a}._titleGroup_1ffeq_122 p{margin:.25rem 0 0;color:#475569}._cardGrid_1ffeq_132{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--rpl-demo-space-md)}._card_1ffeq_132{background:linear-gradient(180deg,#f9fbff,#fff);border:1px solid rgba(15,23,42,.06);border-radius:var(--rpl-demo-radius-md);padding:var(--rpl-demo-space-md);box-shadow:0 8px 20px #0f172a0f}._cardTitle_1ffeq_146{margin:0 0 .35rem;color:#475569;font-size:var(--rpl-demo-font-size-sm)}._cardValue_1ffeq_152{margin:0;font-size:1.6rem;font-weight:700;color:#0f172a}._timeline_1ffeq_159{display:grid;gap:.75rem}._timelineItem_1ffeq_164{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border-radius:var(--rpl-demo-radius-md);border:1px solid rgba(15,23,42,.06);background:#f8fafc}._badge_1ffeq_174{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.75rem;background:#0ea5e91f;color:#0ea5e9;font-weight:700}._timelineText_1ffeq_186{display:flex;flex-direction:column;gap:.1rem}._timelineTitle_1ffeq_192{font-weight:600;color:#0f172a}._timelineMeta_1ffeq_197{color:#64748b;font-size:var(--rpl-demo-font-size-xs)}._aside_1ffeq_202{background:#0f172a;border-radius:var(--rpl-demo-radius-lg);padding:var(--rpl-demo-space-lg);color:#e2e8f0;display:grid;gap:var(--rpl-demo-space-md);box-shadow:0 14px 32px #0000002e}._asideHeader_1ffeq_212{display:flex;justify-content:space-between;align-items:center}._chip_1ffeq_218{padding:.35rem .75rem;border-radius:9999px;background:#34d39924;color:#bbf7d0;border:1px solid rgba(52,211,153,.4);font-size:var(--rpl-demo-font-size-xs)}._list_1ffeq_227{display:grid;gap:.65rem}._listItem_1ffeq_232{padding:.7rem .75rem;border-radius:var(--rpl-demo-radius-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;color:#e2e8f0}._listItem_1ffeq_232 small{color:#cbd5e1}._drawer_1ffeq_247{height:100%;padding:var(--rpl-demo-space-lg);background:#0f172a;color:#e2e8f0;display:flex;flex-direction:column;gap:var(--rpl-demo-space-lg)}._drawerHeader_1ffeq_257{display:flex;align-items:center;justify-content:space-between}._drawerTitle_1ffeq_263{font-weight:700;letter-spacing:-.01em}._drawerMeta_1ffeq_268{color:#cbd5e1;font-size:var(--rpl-demo-font-size-xs)}._drawerSection_1ffeq_273{display:grid;gap:.5rem}._sectionLabel_1ffeq_278{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-size:var(--rpl-demo-font-size-xs)}._navList_1ffeq_285{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}._navItem_1ffeq_293{padding:.75rem .85rem;border-radius:var(--rpl-demo-radius-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;color:#e2e8f0}._navItemActive_1ffeq_304{background:linear-gradient(145deg,#3b82f62e,#0ea5e92e);border-color:#3b82f666;box-shadow:0 12px 30px #3b82f633}._navTag_1ffeq_310{padding:.2rem .55rem;border-radius:9999px;background:#0f172a73;color:#bfdbfe;border:1px solid rgba(59,130,246,.35);font-size:var(--rpl-demo-font-size-xs)}._drawerFooter_1ffeq_319{margin-top:auto;padding:var(--rpl-demo-space-md);border-radius:var(--rpl-demo-radius-lg);background:linear-gradient(145deg,#3b82f638,#ec489938);border:1px solid rgba(255,255,255,.1);color:#f8fafc;box-shadow:0 12px 30px #00000040}._drawerFooter_1ffeq_319 strong{display:block;margin-bottom:.35rem}._container_j9qse_1{display:flex;flex-direction:column;gap:2rem;padding:1.5rem;height:100%;box-sizing:border-box}._intro_j9qse_10{text-align:center}._intro_j9qse_10 h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:600}._intro_j9qse_10 p{margin:0;color:#666;font-size:.875rem}._grid_j9qse_26{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;flex:1;min-height:0}._card_j9qse_34{display:flex;flex-direction:column;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#fff}._cardHeader_j9qse_43{padding:1rem;border-bottom:1px solid #e0e0e0;background:#f8f9fa}._cardHeader_j9qse_43 h3{margin:0 0 .25rem;font-size:1rem;font-weight:600}._cardHeader_j9qse_43 p{margin:0;font-size:.75rem;color:#666}._cardBody_j9qse_61{flex:1;position:relative;min-height:200px;display:flex;align-items:center;justify-content:center;background:#fafafa}._drawerContent_j9qse_71{padding:1rem;height:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:.75rem}._drawerContent_j9qse_71 h4{margin:0;font-size:.875rem;font-weight:600}._drawerContent_j9qse_71 ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}._drawerContent_j9qse_71 li{padding:.5rem;background:#f0f0f0;border-radius:4px;font-size:.8rem}._badge_j9qse_102{display:inline-block;padding:.25rem .5rem;font-size:.65rem;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}._badgeNone_j9qse_112{background:#e0e0e0;color:#666}._badgeCss_j9qse_117{background:#e3f2fd;color:#1565c0}._badgeViewTransition_j9qse_122{background:#f3e5f5;color:#7b1fa2}._container_i25c0_5{display:flex;flex-direction:column;height:100%;padding:24px;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#e9ecef}._hero_i25c0_14{display:flex;flex-direction:column;gap:16px;max-width:480px}._lead_i25c0_21{color:#adb5bd;font-size:14px;line-height:1.6;margin:0}._instructions_i25c0_28{display:flex;flex-direction:column;gap:12px;margin-top:24px;padding:16px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}._instruction_i25c0_28{display:flex;align-items:center;gap:12px;font-size:13px;color:#ced4da}._instructionIcon_i25c0_47{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#667eea33;border-radius:8px;color:#667eea;font-weight:600}._drawerContent_i25c0_59{display:flex;flex-direction:column;gap:12px;height:100%;padding:8px;overflow:hidden}._searchBox_i25c0_68{flex-shrink:0}._searchInput_i25c0_72{width:100%;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e9ecef;font-size:14px;outline:none;transition:border-color .15s ease,background .15s ease}._searchInput_i25c0_72:focus{background:#ffffff14;border-color:#667eea}._searchInput_i25c0_72::placeholder{color:#868e96}._scrollableSection_i25c0_93{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}._sectionTitle_i25c0_100{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#868e96;margin:0 0 8px 4px;position:sticky;top:0;background:inherit;padding:4px 0}._drawerList_i25c0_113{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}._drawerItem_i25c0_122{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#ffffff08;border-radius:6px;cursor:pointer;transition:background .15s ease}._drawerItem_i25c0_122:hover{background:#ffffff14}._drawerItem_i25c0_122 small{color:#868e96;font-size:11px}._formSection_i25c0_142{flex-shrink:0;display:flex;flex-direction:column;gap:8px;padding:12px;background:#4caf5014;border-radius:8px;border:1px dashed rgba(76,175,80,.4);position:relative}._formSection_i25c0_142:before{content:"SAFE";position:absolute;top:4px;right:8px;font-size:9px;font-weight:700;letter-spacing:.5px;color:#4caf50b3}._textInput_i25c0_165{width:100%;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e9ecef;font-size:13px;outline:none;transition:border-color .15s ease,background .15s ease}._textInput_i25c0_165:focus{background:#ffffff14;border-color:#667eea}._textInput_i25c0_165::placeholder{color:#868e96}._textArea_i25c0_186{width:100%;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e9ecef;font-size:13px;font-family:inherit;outline:none;resize:vertical;min-height:60px;transition:border-color .15s ease,background .15s ease}._textArea_i25c0_186:focus{background:#ffffff14;border-color:#667eea}._textArea_i25c0_186::placeholder{color:#868e96}._swipeHint_i25c0_210{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;margin-top:auto;background:#667eea1a;border-radius:8px;color:#667eea;font-size:13px}._swipeArrow_i25c0_223{animation:_swipeHint_i25c0_210 1.5s ease-in-out infinite}@keyframes _swipeHint_i25c0_210{0%,to{transform:translate(0);opacity:.6}50%{transform:translate(-8px);opacity:1}}._edgeIndicator_i25c0_238{position:absolute;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#667eeacc,#667eea4d);pointer-events:none;z-index:100}._edgeIndicatorLeft_i25c0_248{left:0}._edgeIndicatorRight_i25c0_252{right:0}._configPanel_i25c0_256{margin-top:24px;padding:16px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.08)}._configTitle_i25c0_264{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#868e96;margin:0 0 12px}._configOptions_i25c0_273{display:flex;flex-direction:column;gap:8px}._configOption_i25c0_273{display:flex;align-items:center;gap:8px;font-size:13px;color:#ced4da}._configOption_i25c0_273 input[type=checkbox]{accent-color:#667eea}._anchorSelect_i25c0_291{display:flex;gap:8px;margin-top:8px}._anchorButton_i25c0_297{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#ced4da;font-size:12px;cursor:pointer;transition:all .15s ease}._anchorButton_i25c0_297:hover{background:#ffffff1a}._anchorButton_i25c0_297[data-active=true]{background:#667eea4d;border-color:#667eea;color:#fff}._container_1p2n2_1{padding:24px;min-height:400px}._section_1p2n2_6{margin-bottom:24px}._section_1p2n2_6 h3{margin:0 0 8px;font-size:18px;font-weight:600}._section_1p2n2_6 p{margin:0 0 16px;color:#666}._modalContent_1p2n2_21{min-width:300px}._modalContent_1p2n2_21 p{margin:0 0 16px;color:#666;line-height:1.5}._formGroup_1p2n2_31{margin-bottom:16px}._formGroup_1p2n2_31 label{display:block;margin-bottom:4px;font-weight:500;font-size:14px}._input_1p2n2_42{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:4px;font-size:14px;box-sizing:border-box}._input_1p2n2_42:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}._buttonRow_1p2n2_57{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}._resultBox_1p2n2_64{margin-top:16px;padding:12px;background:#f5f5f5;border-radius:4px;font-family:monospace;font-size:13px}._buttonGroup_1p2n2_73{display:flex;flex-wrap:wrap;gap:8px}._container_1jqyw_1{display:flex;flex-direction:column;gap:16px;padding:24px}._section_1jqyw_8{margin-bottom:24px}._label_1jqyw_12{font-size:12px;font-weight:600;color:var(--color-text-secondary, #6b7280);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}._buttonGroup_1jqyw_21{display:flex;gap:12px;flex-wrap:wrap}._modalContent_1jqyw_27{padding:24px;min-height:200px;display:flex;flex-direction:column;gap:16px}._scrollableContent_1jqyw_35{padding:24px;height:400px;overflow:auto}._infoBox_1jqyw_41{padding:16px;background-color:#3b82f61a;border-radius:8px;font-size:14px;line-height:1.6}._actionSheet_1jqyw_49{width:100%;max-width:400px;background-color:var(--color-bg-primary, #fff);border-radius:16px 16px 0 0;overflow:hidden}._actionItem_1jqyw_57{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;border:none;border-bottom:1px solid rgba(0,0,0,.1);background-color:transparent;font-size:16px;cursor:pointer;text-align:left}._actionItem_1jqyw_57:hover{background-color:#0000000d}._actionIcon_1jqyw_75{font-size:20px}._container_t5i5w_1{padding:16px}._header_t5i5w_5{margin-bottom:16px}._sectionTitle_t5i5w_9{margin:0 0 4px;font-size:20px;font-weight:600;color:var(--color-text-primary, #1a1a1a)}._hint_t5i5w_16{margin:0;font-size:13px;color:var(--color-text-secondary, #6b7280)}._grid_t5i5w_22{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}._card_t5i5w_29{display:flex;flex-direction:column;aspect-ratio:1;border:none;border-radius:12px;padding:0;cursor:pointer;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}._card_t5i5w_29:hover{transform:scale(1.02);box-shadow:0 8px 24px #0003}._card_t5i5w_29:active{transform:scale(.98)}._cardArt_t5i5w_50{flex:1;display:flex;align-items:center;justify-content:center}._cardIcon_t5i5w_57{width:60%;height:60%;opacity:.8}._cardInfo_t5i5w_63{padding:10px;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._cardTitle_t5i5w_69{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._cardArtist_t5i5w_78{font-size:11px;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._backdrop_t5i5w_87{position:fixed;inset:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:1000;animation:_backdropFadeIn_t5i5w_1 .35s ease-out}@keyframes _backdropFadeIn_t5i5w_1{0%{opacity:0}to{opacity:1}}._expanded_t5i5w_109{width:100vw;max-width:420px;height:85vh;max-height:700px;border-radius:24px 24px 0 0;display:flex;flex-direction:column;align-items:center;padding:12px 24px 32px;box-sizing:border-box;color:#fff}._dragHandle_t5i5w_123{width:36px;height:5px;background:#fff6;border-radius:3px;margin-bottom:24px;flex-shrink:0}._expandedArt_t5i5w_132{width:min(280px,70vw);aspect-ratio:1;background:#0003;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 48px #0000004d;margin-bottom:32px}._expandedIcon_t5i5w_144{width:70%;height:70%}._expandedInfo_t5i5w_149{text-align:center;margin-bottom:32px}._expandedTitle_t5i5w_154{margin:0 0 8px;font-size:22px;font-weight:700}._expandedArtist_t5i5w_160{margin:0;font-size:16px;opacity:.8}._controls_t5i5w_166{width:100%;max-width:320px;margin-bottom:24px}._progressBar_t5i5w_172{height:4px;background:#ffffff4d;border-radius:2px;overflow:hidden}._progressFill_t5i5w_179{height:100%;background:#fff;border-radius:2px}._timeLabels_t5i5w_185{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;opacity:.7}._playbackControls_t5i5w_193{display:flex;align-items:center;gap:32px;margin-bottom:24px}._controlButton_t5i5w_200{background:none;border:none;color:#fff;cursor:pointer;padding:8px;opacity:.9;transition:opacity .15s,transform .15s}._controlButton_t5i5w_200:hover{opacity:1}._controlButton_t5i5w_200:active{transform:scale(.9)}._playButton_t5i5w_218{width:64px;height:64px;border-radius:50%;background:#fff3;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .15s}._playButton_t5i5w_218:hover{background:#ffffff4d}._playButton_t5i5w_218:active{transform:scale(.95)}._closeButton_t5i5w_240{margin-top:auto;color:#fffc}._tabbar_gqs6l_1{display:flex;align-items:center;gap:0;padding:0 6px;background:#dee1e6;border-bottom:1px solid #c5c7ca;min-height:32px}._tab_gqs6l_1{display:inline-flex;align-items:center;position:relative;background:#c8cacd;color:#3c4043;border:none;margin:0 -10px 0 0;padding:6px 22px;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 100%,0 100%);border-top-left-radius:8px;border-top-right-radius:8px;z-index:1;transition:background .15s ease;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._tab_gqs6l_1:hover{background:#d4d6d9}._tabActive_gqs6l_35{background:#fff;z-index:2;box-shadow:0 1px 3px #0000001f}._tabActive_gqs6l_35:hover{background:#fff}._tabDragging_gqs6l_45{opacity:.6}._tabTitle_gqs6l_49{font-size:12px}._spacer_gqs6l_53{flex:1 1 auto;align-self:stretch}._addButton_gqs6l_58{margin-left:6px;border:1px solid #b8babd;background:#fff;border-radius:4px;width:22px;height:22px;line-height:20px;text-align:center;cursor:pointer}._closeButton_gqs6l_70{margin-left:6px;border:none;background:transparent;cursor:pointer}._tabbar_18t9n_1{display:flex;align-items:center;gap:0;padding:0;background:#2d2d2d;border-bottom:1px solid #1e1e1e;min-height:35px}._tab_18t9n_1{display:inline-flex;align-items:center;position:relative;background:transparent;color:#969696;border:none;border-right:1px solid #1e1e1e;padding:8px 12px;transition:background .1s ease,color .1s ease;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._tab_18t9n_1:hover{background:#2a2a2a}._tabActive_18t9n_31{background:#1e1e1e;color:#fff}._tabActive_18t9n_31:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#007acc}._tabDragging_18t9n_46{opacity:.6}._tabTitle_18t9n_50{font-size:13px}._spacer_18t9n_54{flex:1 1 auto;align-self:stretch}._addButton_18t9n_59{margin:0 6px;border:1px solid #3a3a3a;background:#2a2a2a;color:#ddd;border-radius:3px;width:22px;height:22px;line-height:20px;text-align:center;cursor:pointer}._closeButton_18t9n_72{margin-left:6px;border:none;background:transparent;color:inherit;cursor:pointer}._tabbar_8mg4l_1{display:flex;align-items:center;gap:8px;padding:0 16px;background:#fff;border-bottom:1px solid #d0d7de;min-height:48px}._tab_8mg4l_1{display:inline-flex;align-items:center;position:relative;background:transparent;color:#57606a;border:none;padding:8px 16px;border-radius:6px 6px 0 0;transition:background .1s ease,color .1s ease;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._tab_8mg4l_1:hover{background:#f6f8fa;color:#24292f}._tabActive_8mg4l_32{background:#fff;color:#24292f;font-weight:600}._tabActive_8mg4l_32:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#fd8c73;border-radius:6px 6px 0 0}._tabDragging_8mg4l_49{opacity:.6}._tabTitle_8mg4l_53{font-size:14px}._spacer_8mg4l_57{flex:1 1 auto;align-self:stretch}._addButton_8mg4l_62{margin-left:8px;border:1px solid #d0d7de;background:#f6f8fa;color:#24292f;border-radius:6px;width:26px;height:26px;line-height:24px;text-align:center;cursor:pointer}._closeButton_8mg4l_75{margin-left:8px;border:none;background:transparent;color:inherit;cursor:pointer}._container_1l74u_1{width:100%;height:100%;display:flex;flex-direction:column}._panelContainer_1l74u_8{flex:1;min-height:0}._panelSystem_1l74u_13{width:100%;height:100%}._tabContent_1l74u_18{padding:12px}._section_17bhp_1{margin-bottom:3rem}._sectionTitle_17bhp_5{margin-bottom:1rem;font-size:1.5rem;font-weight:600}._story_17bhp_11{margin-bottom:2rem}._storyHeader_17bhp_15{margin-bottom:1rem}._storyTitle_17bhp_19{margin-bottom:.5rem;font-size:1.125rem;font-weight:500}._storyDescription_17bhp_25{margin-bottom:1rem;color:#666;font-size:.875rem}._storyPreview_17bhp_31{padding:2rem;background:#f5f5f5;border-radius:8px;display:flex;align-items:center;justify-content:center;min-height:200px}._storyActions_17bhp_41{margin-top:1rem;display:flex;gap:.5rem}._actionButton_17bhp_47{padding:.5rem 1rem;background:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background .2s}._actionButton_17bhp_47:hover{background:#1976d2}._actionButtonSecondary_17bhp_62{background:#757575}._actionButtonSecondary_17bhp_62:hover{background:#616161}._codeBlock_1ar4p_1{margin-top:1rem;border:1px solid #ddd;border-radius:8px;overflow:hidden}._codeHeader_1ar4p_8{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f5f5f5;border-bottom:1px solid #ddd}._codeTitle_1ar4p_17{font-size:.875rem;font-weight:600;color:#333}._copyButton_1ar4p_23{padding:.25rem .75rem;background:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.75rem;transition:background .2s}._copyButton_1ar4p_23:hover{background:#1976d2}._copyButton_1ar4p_23._copied_1ar4p_38{background:#4caf50}._codeContent_1ar4p_42{padding:1rem;background:#2d2d2d;color:#f8f8f2;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;overflow-x:auto}._codeContent_1ar4p_42 pre{margin:0}._codePreview_1r4a0_1{margin-top:1rem}._summary_1r4a0_5{cursor:pointer;padding:.75rem 1rem;background:#f5f5f5;border:1px solid #ddd;border-radius:8px;font-size:.875rem;font-weight:500;color:#333;transition:background .2s;-webkit-user-select:none;user-select:none;list-style:none}._summary_1r4a0_5::-webkit-details-marker{display:none}._summary_1r4a0_5:before{content:"▶";display:inline-block;margin-right:.5rem;font-size:.75rem;transition:transform .2s}._summary_1r4a0_5:hover{background:#e8e8e8}details[open] ._summary_1r4a0_5:before{transform:rotate(90deg)}._container_1gjhx_1{padding:var(--rpl-demo-space-lg);max-width:1200px;margin:0 auto}._pageTitle_1gjhx_7{margin-bottom:var(--rpl-demo-space-lg);font-size:var(--rpl-demo-font-size-xl);font-weight:700}._intro_1gjhx_13{margin-bottom:var(--rpl-demo-space-xl);font-size:var(--rpl-demo-font-size-md);color:var(--rpl-demo-text-secondary);line-height:1.6}._previewFrame_1gjhx_20{width:100%;display:flex;justify-content:center}._demoSurface_1gjhx_26{width:min(1200px,100%);min-width:min(960px,100%);height:clamp(420px,55vw,640px);border-radius:var(--rpl-demo-radius-xl);padding:var(--rpl-demo-space-lg);background:linear-gradient(135deg,#eef2ff,#f8fafc 60%,#fff);border:1px solid rgba(79,70,229,.12);box-shadow:var(--rpl-demo-shadow-lg);overflow:hidden}._workspace_1gjhx_38{position:relative;height:420px;border-radius:var(--rpl-demo-radius-lg);overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(79,70,229,.16),transparent 45%),radial-gradient(circle at 80% 20%,rgba(56,189,248,.18),transparent 50%),linear-gradient(180deg,#0f172ae0,#0f172af0);border:1px solid rgba(148,163,184,.2)}._workspaceBackdrop_1gjhx_49{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05),rgba(255,255,255,.05) 1px,transparent 1px,transparent 32px),repeating-linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.05) 1px,transparent 1px,transparent 32px)}._workspaceGrid_1gjhx_64{position:absolute;inset:24px;border-radius:var(--rpl-demo-radius-lg);border:1px dashed rgba(148,163,184,.3)}._workspaceLabel_1gjhx_71{position:absolute;left:24px;bottom:24px;color:#e2e8f0e6;font-size:var(--rpl-demo-font-size-sm);letter-spacing:.04em;text-transform:uppercase;font-weight:600}._panelBody_1gjhx_82{display:flex;flex-direction:column;gap:var(--rpl-demo-space-md);padding:var(--rpl-demo-space-md);background:linear-gradient(180deg,#f8fafceb,#fffffff5)}._panelSummary_1gjhx_90{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rpl-demo-space-md);padding:.75rem 1rem;border-radius:var(--rpl-demo-radius-lg);background:#4f46e514;border:1px solid rgba(79,70,229,.12)}._metricLabel_1gjhx_100{display:block;font-size:var(--rpl-demo-font-size-xs);color:#64748b;text-transform:uppercase;letter-spacing:.05em}._metricValue_1gjhx_108{display:block;font-size:1.25rem;font-weight:600;color:#1e293b}._metricsList_1gjhx_115{margin:0;padding-left:1.125rem;display:flex;flex-direction:column;gap:.5rem}._metricsItem_1gjhx_123{font-size:.95rem;color:#334155;line-height:1.5}._badge_1gjhx_129{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:9999px;background:#6366f11f;color:#4338ca;font-size:var(--rpl-demo-font-size-xs);font-weight:600;letter-spacing:.04em}._notesIntro_1gjhx_142{margin:0;color:#475569;line-height:1.6}._notesGrid_1gjhx_148{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rpl-demo-space-md);padding:.75rem 1rem;border-radius:var(--rpl-demo-radius-md);background:#0ea5e914;border:1px solid rgba(14,165,233,.14)}._notesTip_1gjhx_158{margin:0;font-size:.9rem;color:#0f172a;line-height:1.5}._container_a758f_4{display:flex;flex-direction:column;gap:var(--rpl-demo-space-md);width:100%}._metaRow_a758f_11{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--rpl-demo-space-md);flex-wrap:wrap}._kicker_a758f_19{margin:0;font-size:var(--rpl-demo-font-size-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--rpl-demo-text-secondary)}._title_a758f_27{margin:4px 0 0;font-size:var(--rpl-demo-font-size-xl);line-height:1.2}._breakpoint_a758f_33{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--rpl-demo-space-sm)}._badge_a758f_41{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:var(--rpl-demo-control-bg);border:1px solid var(--rpl-demo-sidebar-border);font-weight:600;font-size:var(--rpl-demo-font-size-sm)}._mode_a758f_53{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid var(--rpl-demo-sidebar-border);font-weight:700;font-size:var(--rpl-demo-font-size-sm)}._desktop_a758f_64{background:#0d6efd14;border-color:#0d6efd33;color:#0a3d91}._compact_a758f_70{background:#0000000f;border-color:#0000001f;color:#111827}._width_a758f_76{display:inline-flex;align-items:baseline;gap:8px;padding:8px 12px;border-radius:var(--rpl-demo-radius-sm);background:var(--rpl-demo-control-bg)}._widthLabel_a758f_85{color:var(--rpl-demo-text-secondary);font-size:var(--rpl-demo-font-size-sm)}._widthValue_a758f_90{font-weight:700}._surface_a758f_94{width:100%}._framePane_a758f_98{height:100%;display:flex;flex-direction:column;gap:var(--rpl-demo-space-sm)}._frameViewport_a758f_105{width:100%;display:flex;flex-direction:column;gap:var(--rpl-demo-space-md)}._panelTitle_a758f_112{margin:0 0 4px;font-size:var(--rpl-demo-font-size-md);font-weight:700}._panelNote_a758f_118{margin:0;color:var(--rpl-demo-text-secondary);font-size:var(--rpl-demo-font-size-sm)}._card_a758f_124{height:100%;display:flex;flex-direction:column;gap:var(--rpl-demo-space-sm)}._header_a758f_131{background:linear-gradient(135deg,#f2f6ff,#fff 60%,#f9fafb);overflow:hidden}._headerTop_a758f_136{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--rpl-demo-space-lg)}._eyebrow_a758f_143{margin:0;font-size:var(--rpl-demo-font-size-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--rpl-demo-text-secondary)}._heading_a758f_151{margin:6px 0;font-size:22px}._body_a758f_156{margin:0 0 6px;color:var(--rpl-demo-text-secondary);line-height:1.6}._chipRow_a758f_162{display:flex;flex-wrap:wrap;gap:var(--rpl-demo-space-sm)}._chip_a758f_162{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--rpl-demo-radius-sm);background:#0000000f;border:1px solid rgba(0,0,0,.06);font-weight:600;font-size:var(--rpl-demo-font-size-sm)}._pulse_a758f_180{display:inline-flex;align-items:center;gap:10px;color:var(--rpl-demo-text-secondary);font-weight:600}._pulseDot_a758f_188{width:12px;height:12px;border-radius:50%;background:#10b981;box-shadow:0 0 0 10px #10b98126;animation:_pulse_a758f_180 2s infinite}@keyframes _pulse_a758f_180{0%{transform:scale(.95);opacity:1}70%{transform:scale(1.05);opacity:.45}to{transform:scale(.95);opacity:1}}._sidebar_a758f_212{gap:var(--rpl-demo-space-md)}._sectionHeader_a758f_216{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--rpl-demo-space-md)}._sectionTitle_a758f_223{margin:0;font-size:18px}._sectionCaption_a758f_228{margin:4px 0 0;color:var(--rpl-demo-text-secondary);font-size:var(--rpl-demo-font-size-sm)}._filterGrid_a758f_234{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rpl-demo-space-sm)}._filter_a758f_234{padding:10px 12px;border-radius:var(--rpl-demo-radius-sm);border:1px solid var(--rpl-demo-sidebar-border);background:var(--rpl-demo-control-bg);font-weight:600;text-align:left;cursor:pointer;transition:var(--rpl-demo-transition)}._filter_a758f_234:hover{background:var(--rpl-demo-control-bg-hover)}._sidebarFooter_a758f_255{display:flex;align-items:center;gap:var(--rpl-demo-space-sm);padding-top:6px;border-top:1px dashed var(--rpl-demo-sidebar-border);color:var(--rpl-demo-text-secondary);font-size:var(--rpl-demo-font-size-sm)}._content_a758f_265{gap:var(--rpl-demo-space-md)}._contentGrid_a758f_269{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--rpl-demo-space-sm)}._contentCard_a758f_275{background:var(--rpl-demo-control-bg);border-radius:var(--rpl-demo-radius-md);padding:var(--rpl-demo-space-md);display:flex;flex-direction:column;gap:var(--rpl-demo-space-sm)}._contentStat_a758f_284{display:flex;align-items:baseline;justify-content:space-between;gap:var(--rpl-demo-space-sm)}._statLabel_a758f_291{color:var(--rpl-demo-text-secondary);font-weight:600;font-size:var(--rpl-demo-font-size-sm)}._statValue_a758f_297{font-weight:700;font-size:var(--rpl-demo-font-size-lg)}._progress_a758f_302{width:100%;height:6px;border-radius:999px;overflow:hidden;background:var(--rpl-demo-control-bg-hover)}._progressFill_a758f_310{height:100%;border-radius:999px;background:#0d6efd}._timeline_a758f_316{display:flex;flex-direction:column;gap:var(--rpl-demo-space-sm)}._timelineItem_a758f_322{display:flex;align-items:center;gap:var(--rpl-demo-space-sm);padding:10px 12px;border-radius:var(--rpl-demo-radius-sm);background:var(--rpl-demo-control-bg)}._timelineDot_a758f_331{width:10px;height:10px;border-radius:50%;background:#0d6efd;box-shadow:0 0 0 8px #0d6efd1f}._timelineLabel_a758f_339{font-weight:700}._timelineValue_a758f_343{margin-left:auto;color:var(--rpl-demo-text-secondary);font-size:var(--rpl-demo-font-size-sm)}._insights_a758f_349{gap:var(--rpl-demo-space-sm)}._insightList_a758f_353{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--rpl-demo-space-sm)}._insightItem_a758f_362{display:flex;gap:var(--rpl-demo-space-sm);align-items:center;padding:12px;border-radius:var(--rpl-demo-radius-md);border:1px solid var(--rpl-demo-sidebar-border);background:#fff}._insightIcon_a758f_372{width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--rpl-demo-control-bg);color:#0a3d91}._insightText_a758f_383{display:flex;flex-direction:column;gap:4px}._insightTitle_a758f_389{margin:0;font-weight:700}._insightCaption_a758f_394{margin:0;color:var(--rpl-demo-text-secondary);font-size:var(--rpl-demo-font-size-sm)}._footer_a758f_400{gap:var(--rpl-demo-space-sm)}._footerRow_a758f_404{display:flex;gap:var(--rpl-demo-space-md);align-items:flex-start;justify-content:space-between;flex-wrap:wrap}._footerTitle_a758f_412{margin:0;font-size:var(--rpl-demo-font-size-lg)}._footerMeta_a758f_417{display:flex;flex-direction:column;align-items:flex-end;gap:var(--rpl-demo-space-xs);min-width:240px}._container_1dapx_3{display:flex;flex-direction:column;gap:16px;padding:24px;height:100%;box-sizing:border-box}._nav_1dapx_12{display:flex;gap:8px;flex-wrap:wrap}._panel_1dapx_18{flex:1;background:var(--rpl-color-surface, #f5f5f5);border-radius:8px;padding:16px;overflow:auto}._indicator_1dapx_26{font-size:12px;color:var(--rpl-color-text-secondary, #666);margin-bottom:12px;padding:4px 8px;background:var(--rpl-color-surface-elevated, #fff);border-radius:4px;display:inline-block}._content_1dapx_36 h3{margin:0 0 12px;color:var(--rpl-color-text-primary, #333)}._content_1dapx_36 p{margin:0 0 12px;color:var(--rpl-color-text-secondary, #666);line-height:1.6}._content_1dapx_36 ul{margin:0;padding-left:20px}._content_1dapx_36 li{margin-bottom:8px;color:var(--rpl-color-text-secondary, #666)}._codeBlock_1dapx_61{background:var(--rpl-color-surface-elevated, #1e1e1e);color:var(--rpl-color-text-on-dark, #d4d4d4);padding:16px;border-radius:8px;overflow-x:auto;font-family:SF Mono,Menlo,Monaco,Courier New,monospace;font-size:13px;line-height:1.5}._tabsContainer_1dapx_73{display:flex;flex-direction:column;height:100%;box-sizing:border-box}._tabList_1dapx_80{display:flex;border-bottom:1px solid var(--rpl-color-border, #e0e0e0);background:var(--rpl-color-surface, #f5f5f5)}._tab_1dapx_73{padding:12px 20px;border:none;background:transparent;cursor:pointer;font-size:14px;color:var(--rpl-color-text-secondary, #666);border-bottom:2px solid transparent;transition:all .15s ease}._tab_1dapx_73:hover{color:var(--rpl-color-text-primary, #333);background:var(--rpl-color-surface-hover, #eee)}._tab_1dapx_73[data-active=true]{color:var(--rpl-color-primary, #0066cc);border-bottom-color:var(--rpl-color-primary, #0066cc)}._tabPanel_1dapx_107{flex:1;padding:24px;overflow:auto}._sidebarContainer_1dapx_114{display:flex;height:100%;box-sizing:border-box}._sidebar_1dapx_114{width:200px;background:var(--rpl-color-surface, #f5f5f5);border-right:1px solid var(--rpl-color-border, #e0e0e0);padding:16px 0}._sidebarNav_1dapx_127{display:flex;flex-direction:column}._sidebarItem_1dapx_132{padding:12px 20px;border:none;background:transparent;cursor:pointer;font-size:14px;color:var(--rpl-color-text-secondary, #666);text-align:left;transition:all .15s ease;border-left:3px solid transparent}._sidebarItem_1dapx_132:hover{background:var(--rpl-color-surface-hover, #eee);color:var(--rpl-color-text-primary, #333)}._sidebarItem_1dapx_132[data-active=true]{background:var(--rpl-color-surface-elevated, #fff);color:var(--rpl-color-primary, #0066cc);border-left-color:var(--rpl-color-primary, #0066cc)}._mainContent_1dapx_155{flex:1;padding:24px;overflow:auto}._transitionsContainer_1dapx_163{padding:24px;height:100%;box-sizing:border-box;overflow:auto}._transitionsGrid_1dapx_170{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}._transitionDemoCard_1dapx_176{background:var(--rpl-color-surface, #f5f5f5);border-radius:12px;overflow:hidden;border:1px solid var(--rpl-color-border, #e0e0e0)}._transitionDemoHeader_1dapx_183{padding:16px;background:var(--rpl-color-surface-elevated, #fff);border-bottom:1px solid var(--rpl-color-border, #e0e0e0)}._transitionDemoHeader_1dapx_183 h4{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--rpl-color-text-primary, #333)}._transitionDemoDescription_1dapx_196{display:block;font-size:12px;color:var(--rpl-color-text-secondary, #666);margin-bottom:8px}._transitionDemoCode_1dapx_203{display:inline-block;font-size:11px;padding:2px 6px;background:var(--rpl-color-surface, #f0f0f0);border-radius:4px;color:var(--rpl-color-text-secondary, #666);font-family:SF Mono,Menlo,Monaco,monospace}._transitionDemoTabs_1dapx_213{display:flex;background:var(--rpl-color-surface, #f5f5f5);border-bottom:1px solid var(--rpl-color-border, #e0e0e0)}._transitionDemoTab_1dapx_213{flex:1;padding:10px 12px;border:none;background:transparent;cursor:pointer;font-size:13px;color:var(--rpl-color-text-secondary, #666);transition:background .1s ease}._transitionDemoTab_1dapx_213:hover{background:var(--rpl-color-surface-hover, #eee)}._transitionDemoTab_1dapx_213[data-active=true]{background:var(--rpl-color-surface-elevated, #fff);color:var(--rpl-color-primary, #0066cc);font-weight:500}._transitionDemoContent_1dapx_240{padding:16px;min-height:100px}._transitionDemoInnerContent_1dapx_246 h3{margin:0 0 8px;font-size:14px;color:var(--rpl-color-text-primary, #333)}._transitionDemoInnerContent_1dapx_246 p{margin:0;font-size:13px;color:var(--rpl-color-text-secondary, #666)}._designTokensSection_1dapx_259{margin-top:24px;padding:20px;background:var(--rpl-color-surface, #f5f5f5);border-radius:12px;border:1px solid var(--rpl-color-border, #e0e0e0)}._designTokensSection_1dapx_259 h4{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--rpl-color-text-primary, #333)}._designTokensSection_1dapx_259 p{margin:0 0 12px;font-size:13px;color:var(--rpl-color-text-secondary, #666)}._container_d69ws_2{display:flex;flex-direction:column;height:100%;box-sizing:border-box;background:var(--rpl-color-background, #f8f9fa);overflow:hidden}._indicators_d69ws_11{display:flex;justify-content:center;gap:8px;padding:16px}._indicator_d69ws_11{width:8px;height:8px;border-radius:50%;border:none;background:var(--rpl-color-border, #d0d0d0);cursor:pointer;padding:0;transition:background .2s ease,transform .2s ease}._indicator_d69ws_11:hover{transform:scale(1.2)}._indicator_d69ws_11[data-active=true]{background:var(--rpl-color-primary, #0066cc);transform:scale(1.2)}._swipeContainer_d69ws_38{flex:1;min-height:250px;position:relative;overflow:hidden;margin:0 16px;border-radius:12px;background:var(--rpl-color-surface, #fff);box-shadow:0 2px 8px #0000001a}._pageContent_d69ws_49{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px;box-sizing:border-box;text-align:center}._pageContent_d69ws_49 h2{margin:0 0 16px;font-size:28px;font-weight:600;color:var(--rpl-color-text-primary, #333)}._pageContent_d69ws_49 p{margin:0 0 8px;font-size:16px;color:var(--rpl-color-text-secondary, #666);line-height:1.6}._info_d69ws_74{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;font-size:14px;color:var(--rpl-color-text-secondary, #666)}._hint_d69ws_83{font-style:italic}._buttons_d69ws_87{display:flex;justify-content:center;gap:12px;padding:16px}._navButton_d69ws_94{padding:10px 24px;font-size:14px;font-weight:500;border:1px solid var(--rpl-color-border, #d0d0d0);border-radius:8px;background:var(--rpl-color-surface, #fff);color:var(--rpl-color-text-primary, #333);cursor:pointer;transition:all .15s ease}._navButton_d69ws_94:hover:not(:disabled){background:var(--rpl-color-surface-hover, #f0f0f0);border-color:var(--rpl-color-primary, #0066cc)}._navButton_d69ws_94:disabled{opacity:.4;cursor:not-allowed}._container_zdjwd_4{display:flex;flex-direction:column;height:100%;box-sizing:border-box;background:var(--rpl-color-background, #f8f9fa);overflow:hidden}._title_zdjwd_13{margin:16px 16px 4px;font-size:20px;font-weight:600;color:var(--rpl-color-text-primary, #333)}._subtitle_zdjwd_20{margin:0 16px 16px;font-size:14px;color:var(--rpl-color-text-secondary, #666)}._mainContainer_zdjwd_26{flex:1;display:flex;flex-direction:column;margin:0 16px;overflow:hidden}._tabsContainer_zdjwd_34{position:relative;height:48px;background:var(--rpl-color-surface, #fff);border-radius:12px 12px 0 0;overflow:hidden;box-shadow:0 1px 3px #0000001a}._tabsContainer_zdjwd_34[data-style=ios]{height:44px;margin:0 8px;padding:4px;background:#7676801f;border-radius:10px;box-shadow:none}._tab_zdjwd_34{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 16px;font-size:14px;font-weight:500;border:none;background:transparent;color:var(--rpl-color-text-secondary, #666);cursor:pointer;transition:color .2s ease,background .2s ease;box-sizing:border-box}._tab_zdjwd_34:hover{background:var(--rpl-color-surface-hover, rgba(0, 0, 0, .05))}._tab_zdjwd_34[data-active=true]{color:var(--rpl-color-primary, #0066cc);background:var(--rpl-color-primary-light, rgba(0, 102, 204, .1))}._tabIos_zdjwd_80{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 8px;font-size:13px;font-weight:600;border:none;background:transparent;color:#00000080;cursor:pointer;box-sizing:border-box;transition:color .2s ease;position:relative;z-index:1}._tabIos_zdjwd_80[data-active=true]{color:#000}._contentContainer_zdjwd_103{flex:1;position:relative;overflow:hidden;background:var(--rpl-color-surface, #fff);border-radius:0 0 12px 12px;box-shadow:0 2px 8px #0000001a}._pageContent_zdjwd_112{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px;box-sizing:border-box;text-align:center}._pageContent_zdjwd_112 h2{margin:0 0 16px;font-size:24px;font-weight:600;color:var(--rpl-color-text-primary, #333)}._pageContent_zdjwd_112 p{margin:0 0 8px;font-size:14px;color:var(--rpl-color-text-secondary, #666);line-height:1.6}._info_zdjwd_137{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;font-size:14px;color:var(--rpl-color-text-secondary, #666)}._hint_zdjwd_146{font-style:italic}._buttons_zdjwd_150{display:flex;justify-content:center;gap:12px;padding:16px}._navButton_zdjwd_157{padding:10px 24px;font-size:14px;font-weight:500;border:1px solid var(--rpl-color-border, #d0d0d0);border-radius:8px;background:var(--rpl-color-surface, #fff);color:var(--rpl-color-text-primary, #333);cursor:pointer;transition:all .15s ease}._navButton_zdjwd_157:hover{background:var(--rpl-color-surface-hover, #f0f0f0);border-color:var(--rpl-color-primary, #0066cc)}._styleToggle_zdjwd_174{display:flex;align-items:center;gap:8px;margin:0 16px 12px;font-size:14px;color:var(--rpl-color-text-secondary, #666)}._toggleButton_zdjwd_183{padding:6px 12px;font-size:13px;font-weight:500;border:1px solid var(--rpl-color-border, #d0d0d0);border-radius:6px;background:var(--rpl-color-surface, #fff);color:var(--rpl-color-text-secondary, #666);cursor:pointer;transition:all .15s ease}._toggleButton_zdjwd_183:hover{background:var(--rpl-color-surface-hover, #f0f0f0)}._toggleButton_zdjwd_183[data-active=true]{background:var(--rpl-color-primary, #007AFF);border-color:var(--rpl-color-primary, #007AFF);color:#fff}._container_1ih4m_3{display:flex;flex-direction:column;height:100%;box-sizing:border-box;background:var(--rpl-color-background, #f2f2f7)}._header_1ih4m_11{display:flex;align-items:center;padding:12px 16px;background:var(--rpl-color-surface, #fff);border-bottom:1px solid var(--rpl-color-border, #c6c6c8);min-height:44px}._backButton_1ih4m_20{padding:8px 12px;font-size:16px;color:var(--rpl-color-primary, #007aff);background:none;border:none;cursor:pointer;margin-right:8px}._backButton_1ih4m_20:disabled{opacity:.4;cursor:not-allowed}._title_1ih4m_35{flex:1;margin:0;font-size:17px;font-weight:600;color:var(--rpl-color-text-primary, #000);text-align:center}._actionButton_1ih4m_44{padding:8px 12px;font-size:16px;color:var(--rpl-color-primary, #007aff);background:none;border:none;cursor:pointer}._stackContainer_1ih4m_53{flex:1;position:relative;overflow:hidden}._panel_1ih4m_59{width:100%;height:100%;background:var(--rpl-color-background, #f2f2f7);overflow-y:auto}._list_1ih4m_70{margin:0;padding:0;list-style:none}._listItem_1ih4m_76{border-bottom:1px solid var(--rpl-color-border, #c6c6c8)}._listItem_1ih4m_76:last-child{border-bottom:none}._listItemButton_1ih4m_84{display:flex;align-items:center;width:100%;padding:12px 16px;background:var(--rpl-color-surface, #fff);border:none;cursor:pointer;text-align:left;transition:background .1s ease}._listItemButton_1ih4m_84:hover{background:var(--rpl-color-surface-hover, #e5e5ea)}._listItemButton_1ih4m_84:active{background:var(--rpl-color-surface-active, #d1d1d6)}._listItemName_1ih4m_104{flex:1;font-size:17px;color:var(--rpl-color-text-primary, #000)}._listItemDesc_1ih4m_110{font-size:15px;color:var(--rpl-color-text-secondary, #8e8e93);margin-right:12px}._chevron_1ih4m_116{color:var(--rpl-color-text-tertiary, #c7c7cc);font-size:18px}._detailContent_1ih4m_122{padding:24px;background:var(--rpl-color-surface, #fff);margin:16px;border-radius:10px}._detailContent_1ih4m_122 h2{margin:0 0 8px;font-size:22px;font-weight:600;color:var(--rpl-color-text-primary, #000)}._detailContent_1ih4m_122 p{margin:0 0 16px;font-size:15px;color:var(--rpl-color-text-secondary, #8e8e93);line-height:1.5}._detailMeta_1ih4m_143{padding:12px 0;border-top:1px solid var(--rpl-color-border, #c6c6c8);font-size:13px;color:var(--rpl-color-text-tertiary, #8e8e93)}._hint_1ih4m_150{font-size:14px;font-style:italic;color:var(--rpl-color-text-tertiary, #aeaeb2)}._editContent_1ih4m_157{padding:24px;background:var(--rpl-color-surface, #fff);margin:16px;border-radius:10px}._editContent_1ih4m_157 h2{margin:0 0 24px;font-size:22px;font-weight:600;color:var(--rpl-color-text-primary, #000)}._form_1ih4m_171{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}._label_1ih4m_178{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:500;color:var(--rpl-color-text-secondary, #8e8e93);text-transform:uppercase}._input_1ih4m_188,._textarea_1ih4m_189{padding:12px;font-size:17px;border:1px solid var(--rpl-color-border, #c6c6c8);border-radius:8px;background:var(--rpl-color-background, #f2f2f7);color:var(--rpl-color-text-primary, #000)}._textarea_1ih4m_189{min-height:100px;resize:vertical;font-family:inherit}._saveButton_1ih4m_204{width:100%;padding:14px;font-size:17px;font-weight:600;color:#fff;background:var(--rpl-color-primary, #007aff);border:none;border-radius:10px;cursor:pointer;transition:background .15s ease}._saveButton_1ih4m_204:hover{background:var(--rpl-color-primary-hover, #0066d6)}._saveButton_1ih4m_204:active{background:var(--rpl-color-primary-active, #0055b3)}._debugInfo_1ih4m_226{display:flex;gap:16px;padding:8px 16px;font-size:12px;color:var(--rpl-color-text-tertiary, #8e8e93);background:var(--rpl-color-surface, #fff);border-top:1px solid var(--rpl-color-border, #c6c6c8)}@keyframes _stack-ios-push_qy6v0_1{0%{transform:translate(calc(100% + 40px))}to{transform:translate(0)}}@keyframes _stack-ios-pop_qy6v0_1{0%{transform:translate(0)}to{transform:translate(calc(100% + 40px))}}._stackPanel_qy6v0_42{position:absolute;inset:0;width:100%;height:100%;background:var(--rpl-color-surface, #fff);transform-origin:center center;transition:transform var(--stack-duration, .35s) var(--stack-easing, cubic-bezier(.32, .72, 0, 1)),opacity var(--stack-duration, .35s) var(--stack-easing, cubic-bezier(.32, .72, 0, 1));will-change:transform,opacity}._panelEntering_qy6v0_57{animation:_stack-ios-push_qy6v0_1 var(--stack-duration, .35s) var(--stack-easing, cubic-bezier(.32, .72, 0, 1)) forwards}._panelExiting_qy6v0_62{animation:_stack-ios-pop_qy6v0_1 var(--stack-duration, .35s) var(--stack-easing, cubic-bezier(.32, .72, 0, 1)) forwards}._container_qy6v0_66{display:flex;height:100%;box-sizing:border-box;background:var(--rpl-color-background, #f2f2f7)}._sidebar_qy6v0_74{width:320px;flex-shrink:0;display:flex;flex-direction:column;background:var(--rpl-color-surface, #fff);border-right:1px solid var(--rpl-color-border, #c6c6c8)}._sidebarContent_qy6v0_83{flex:1;position:relative;overflow:hidden}._menuPanel_qy6v0_90{display:flex;flex-direction:column;height:100%;background:var(--rpl-color-surface, #fff)}._panelHeader_qy6v0_97{display:flex;flex-direction:column;padding:12px 16px;border-bottom:1px solid var(--rpl-color-border, #c6c6c8);background:var(--rpl-color-surface, #fff)}._panelBackButton_qy6v0_105{padding:4px 0;margin-bottom:4px;font-size:17px;color:var(--rpl-color-primary, #007aff);background:none;border:none;cursor:pointer;text-align:left}._panelBackButton_qy6v0_105:hover{text-decoration:underline}._panelTitle_qy6v0_120{margin:0;font-size:28px;font-weight:700;color:var(--rpl-color-text-primary, #000)}._menuList_qy6v0_128{margin:0;padding:8px;list-style:none;flex:1;overflow-y:auto}._menuItem_qy6v0_136{margin-bottom:2px}._menuButton_qy6v0_140{display:flex;align-items:center;width:100%;padding:12px;background:transparent;border:none;border-radius:10px;cursor:pointer;text-align:left;transition:background .15s ease;gap:12px}._menuButton_qy6v0_140:hover{background:var(--rpl-color-surface-hover, #e5e5ea)}._menuButtonActive_qy6v0_158{background:var(--rpl-color-primary, #007aff)}._menuButtonActive_qy6v0_158 ._menuLabel_qy6v0_162{color:#fff}._menuButtonActive_qy6v0_158 ._menuChevron_qy6v0_166{color:#ffffffb3}._menuIcon_qy6v0_170{font-size:24px;width:32px;text-align:center}._menuLabel_qy6v0_162{flex:1;font-size:17px;color:var(--rpl-color-text-primary, #000)}._menuChevron_qy6v0_166{font-size:20px;color:var(--rpl-color-text-tertiary, #c7c7cc);font-weight:600}._leafContent_qy6v0_189{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}._leafText_qy6v0_199{margin:0 0 8px;font-size:17px;color:var(--rpl-color-text-primary, #000)}._leafHint_qy6v0_205{margin:0;font-size:14px;color:var(--rpl-color-text-tertiary, #aeaeb2)}._detail_qy6v0_212{flex:1;display:flex;flex-direction:column;background:var(--rpl-color-background, #f2f2f7);min-width:0}._detailHeader_qy6v0_220{padding:16px 24px;background:var(--rpl-color-surface, #fff);border-bottom:1px solid var(--rpl-color-border, #c6c6c8)}._detailTitle_qy6v0_226{margin:0;font-size:28px;font-weight:700;color:var(--rpl-color-text-primary, #000)}._detailBody_qy6v0_233{flex:1;padding:20px;overflow-y:auto}._detailList_qy6v0_239{margin:0;padding:0;list-style:none;background:var(--rpl-color-surface, #fff);border-radius:12px;overflow:hidden}._detailItem_qy6v0_248{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--rpl-color-border, #c6c6c8)}._detailItem_qy6v0_248:last-child{border-bottom:none}._detailLabel_qy6v0_260{font-size:17px;color:var(--rpl-color-text-primary, #000)}._detailValue_qy6v0_265{font-size:17px;color:var(--rpl-color-text-secondary, #8e8e93)}._debugInfo_qy6v0_271{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:16px;padding:8px 16px;font-size:12px;color:var(--rpl-color-text-tertiary, #8e8e93);background:var(--rpl-color-surface, #fff);border-top:1px solid var(--rpl-color-border, #c6c6c8)}._themeSelector_qy6v0_286{display:flex;align-items:center;gap:4px}._themeSelector_qy6v0_286 select{padding:2px 8px;font-size:12px;border:1px solid var(--rpl-color-border, #c6c6c8);border-radius:4px;background:var(--rpl-color-surface, #fff);color:var(--rpl-color-text-primary, #000)}.stack-theme-ios{--stack-duration: .35s;--stack-easing: cubic-bezier(.32, .72, 0, 1)}.stack-theme-android{--stack-duration: .4s;--stack-easing: cubic-bezier(.05, .7, .1, 1)}.stack-theme-fluent{--stack-duration: .25s;--stack-easing: cubic-bezier(.1, .9, .2, 1)}.stack-theme-instant{--stack-duration: 0ms;--stack-easing: linear}._container_inmj1_2{display:flex;flex-direction:column;height:100%;box-sizing:border-box}._scrollArea_inmj1_9{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}._cover_inmj1_15{width:100%;height:100%;object-fit:cover;background:linear-gradient(135deg,#667eea,#764ba2)}._coverPlaceholder_inmj1_22{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:24px;font-weight:600}._header_inmj1_34{height:200px;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;box-sizing:border-box;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}._header_inmj1_34 h1{margin:0 0 8px;font-size:28px;font-weight:700}._header_inmj1_34 p{margin:0;font-size:14px;opacity:.9}._content_inmj1_57{background:var(--rpl-color-surface-elevated, #fff);padding:24px;min-height:400px}._footer_inmj1_63{height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;box-sizing:border-box;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}._footer_inmj1_63 p{margin:0;font-size:16px;font-weight:500}._content_inmj1_57 h2{margin:0 0 16px;font-size:20px;color:var(--rpl-color-text-primary, #333)}._content_inmj1_57 p{margin:0 0 16px;color:var(--rpl-color-text-secondary, #666);line-height:1.6}._content_inmj1_57 ul{margin:0 0 16px;padding-left:20px}._content_inmj1_57 li{margin-bottom:8px;color:var(--rpl-color-text-secondary, #666)}._stateIndicator_inmj1_104{position:fixed;top:16px;right:16px;padding:8px 16px;background:var(--rpl-color-surface-elevated, #fff);border-radius:8px;box-shadow:0 2px 8px #00000026;font-size:13px;z-index:100;display:flex;flex-direction:column;gap:4px}._stateRow_inmj1_119{display:flex;gap:8px}._stateLabel_inmj1_124{color:var(--rpl-color-text-secondary, #666)}._stateValue_inmj1_128{color:var(--rpl-color-text-primary, #333);font-weight:500;font-family:SF Mono,Menlo,Monaco,monospace}select._stateValue_inmj1_128{background:var(--rpl-color-surface, #fff);border:1px solid var(--rpl-color-border, #e0e0e0);border-radius:4px;padding:2px 6px;cursor:pointer}._stateValue_inmj1_128._stuck_inmj1_142{color:var(--rpl-color-primary, #0066cc)}._nestedContainer_inmj1_147{padding:24px;height:100%;box-sizing:border-box;overflow:auto}._nestedDescription_inmj1_154{margin-bottom:24px}._nestedDescription_inmj1_154 h3{margin:0 0 8px;color:var(--rpl-color-text-primary, #333)}._nestedDescription_inmj1_154 p{margin:0;color:var(--rpl-color-text-secondary, #666)}._nestedScrollBox_inmj1_168{height:400px;border:2px solid var(--rpl-color-border, #e0e0e0);border-radius:12px;overflow:hidden}._nestedScrollArea_inmj1_175{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}._nestedHeader_inmj1_181{height:120px;display:flex;align-items:flex-end;padding:16px;box-sizing:border-box;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}._nestedHeader_inmj1_181 h3{margin:0;font-size:18px}._nestedContent_inmj1_196{background:var(--rpl-color-surface-elevated, #fff);padding:16px;min-height:600px}._nestedContent_inmj1_196 p{margin:0 0 12px;color:var(--rpl-color-text-secondary, #666);line-height:1.6}._coverGradient1_inmj1_209{background:linear-gradient(135deg,#667eea,#764ba2)}._coverGradient2_inmj1_213{background:linear-gradient(135deg,#f093fb,#f5576c)}._coverGradient3_inmj1_217{background:linear-gradient(135deg,#4facfe,#00f2fe)}._demoPanel_isk1t_1{width:100%;height:100%;display:flex;flex-direction:column;background:var(--rpl-demo-surface-secondary);border-radius:var(--rpl-demo-radius-md);border:1px solid var(--rpl-demo-sidebar-border);overflow:hidden;transition:var(--rpl-demo-transition)}._panelTitle_isk1t_13{margin:0;padding:var(--rpl-demo-space-md);font-size:var(--rpl-demo-font-size-sm);font-weight:600;color:var(--rpl-demo-text-primary);border-bottom:1px solid var(--rpl-demo-sidebar-border);background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._panelContent_isk1t_24{flex:1;overflow:auto;padding:var(--rpl-demo-space-md)}._panelText_isk1t_30{margin:0;font-size:var(--rpl-demo-font-size-sm);color:var(--rpl-demo-text-secondary);line-height:1.5}._toolbar_isk1t_38{display:flex;gap:var(--rpl-demo-space-xs);align-items:center;padding:var(--rpl-demo-space-xs)}._toolbarButton_isk1t_45{padding:var(--rpl-demo-space-sm) var(--rpl-demo-space-md);cursor:pointer;border:none;background:transparent;border-radius:var(--rpl-demo-radius-sm);font-size:var(--rpl-demo-font-size-sm);color:var(--rpl-demo-text-secondary);transition:var(--rpl-demo-transition)}._toolbarButton_isk1t_45:hover{background:var(--rpl-demo-control-bg-hover);color:var(--rpl-demo-text-primary)}._sidebarList_isk1t_62{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--rpl-demo-space-xs)}._sidebarItem_isk1t_71{padding:var(--rpl-demo-space-sm);cursor:pointer;border-radius:var(--rpl-demo-radius-sm);font-size:var(--rpl-demo-font-size-sm);color:var(--rpl-demo-text-secondary);transition:var(--rpl-demo-transition);display:flex;align-items:center;gap:var(--rpl-demo-space-sm)}._sidebarItem_isk1t_71:hover{background:var(--rpl-demo-control-bg-hover);color:var(--rpl-demo-text-primary)}._canvasArea_isk1t_89{border:1px dashed var(--rpl-demo-sidebar-border);border-radius:var(--rpl-demo-radius-md);padding:var(--rpl-demo-space-xl);text-align:center;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff80}._canvasText_isk1t_101{color:var(--rpl-demo-text-tertiary);font-size:var(--rpl-demo-font-size-md)}._inspectorForm_isk1t_107{display:flex;flex-direction:column;gap:var(--rpl-demo-space-md)}._formLabel_isk1t_113{display:block;font-size:var(--rpl-demo-font-size-xs);font-weight:500;color:var(--rpl-demo-text-secondary);margin-bottom:var(--rpl-demo-space-xs)}._formInputNumber_isk1t_121,._formInputColor_isk1t_122{width:100%;padding:var(--rpl-demo-space-sm);border:1px solid var(--rpl-demo-sidebar-border);border-radius:var(--rpl-demo-radius-sm);font-family:inherit;font-size:var(--rpl-demo-font-size-sm);background:#fff;transition:var(--rpl-demo-transition)}._formInputNumber_isk1t_121:focus,._formInputColor_isk1t_122:focus{outline:none;border-color:var(--rpl-demo-accent);box-shadow:0 0 0 2px #0000000d}._formInputColor_isk1t_122{padding:2px;height:32px}._statusBar_isk1t_146{width:100%;height:100%;background:var(--rpl-demo-text-primary);padding:0 var(--rpl-demo-space-md);display:flex;align-items:center;color:#ffffffe6;font-size:var(--rpl-demo-font-size-xs);font-family:monospace}._intro_isk1t_159{margin:0;color:var(--rpl-demo-text-secondary);line-height:1.6;font-size:var(--rpl-demo-font-size-md)}._featuredContainer_isk1t_166{width:100%;height:600px;border-radius:var(--rpl-demo-radius-lg);overflow:hidden;box-shadow:var(--rpl-demo-shadow-md);border:1px solid var(--rpl-demo-sidebar-border);background:#fff}:root{--rpl-demo-bg: #ffffff;--rpl-demo-sidebar-bg: #ffffff;--rpl-demo-sidebar-border: rgba(0, 0, 0, .06);--rpl-demo-text-primary: #000000;--rpl-demo-text-secondary: #666666;--rpl-demo-text-tertiary: #999999;--rpl-demo-accent: #000000;--rpl-demo-accent-hover: #333333;--rpl-demo-accent-contrast: #ffffff;--rpl-demo-gradient-hero: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F5F5F7 100%);--rpl-demo-gradient-text: linear-gradient(135deg, #000000 0%, #444444 100%);--rpl-demo-gradient-glow: radial-gradient(circle at 50% 50%, rgba(0, 113, 227, .15) 0%, rgba(255, 255, 255, 0) 70%);--rpl-demo-control-bg: rgba(0, 0, 0, .04);--rpl-demo-control-bg-hover: rgba(0, 0, 0, .08);--rpl-demo-control-bg-active: rgba(0, 0, 0, .12);--rpl-demo-font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--rpl-demo-font-size-xs: 12px;--rpl-demo-font-size-sm: 14px;--rpl-demo-font-size-md: 16px;--rpl-demo-font-size-lg: 20px;--rpl-demo-font-size-xl: 24px;--rpl-demo-font-size-display: 56px;--rpl-demo-font-size-display-sm: 40px;--rpl-demo-radius-sm: 8px;--rpl-demo-radius-md: 12px;--rpl-demo-radius-lg: 24px;--rpl-demo-radius-xl: 32px;--rpl-demo-space-xs: 4px;--rpl-demo-space-sm: 8px;--rpl-demo-space-md: 16px;--rpl-demo-space-lg: 24px;--rpl-demo-space-xl: 48px;--rpl-demo-space-xxl: 80px;--rpl-demo-shadow-sm: 0 2px 4px rgba(0, 0, 0, .02);--rpl-demo-shadow-md: 0 8px 16px rgba(0, 0, 0, .04);--rpl-demo-shadow-lg: 0 24px 48px rgba(0, 0, 0, .08);--rpl-demo-shadow-hero: 0 40px 80px rgba(0, 0, 0, .12);--rpl-demo-transition: all .4s cubic-bezier(.16, 1, .3, 1);--rpl-demo-control-background: var(--rpl-demo-control-bg);--rpl-demo-control-background-secondary: rgba(0, 0, 0, .03);--rpl-demo-input-border: 1px solid rgba(0, 0, 0, .1);--rpl-demo-text-color: var(--rpl-demo-text-primary);--rpl-demo-header-text-color: var(--rpl-demo-text-primary);--rpl-demo-border-color: var(--rpl-demo-sidebar-border);--rpl-demo-border-width: 1px;--rpl-demo-surface-secondary: #f5f5f7;--rpl-demo-title-font: 600 14px var(--rpl-demo-font-family);--rpl-demo-control-button-size: 32px;--rpl-demo-hover-background: var(--rpl-demo-control-bg-hover);--rpl-demo-transition-duration: .4s;--rpl-demo-card-box-shadow: var(--rpl-demo-shadow-sm);--rpl-demo-card-hover-box-shadow: var(--rpl-demo-shadow-md);--rpl-demo-color-primary: #0071e3;--rpl-color-drop-suggest-border: #0071e3;--rpl-color-drop-suggest-bg: rgba(0, 113, 227, .1);--rpl-color-resize-handle-idle: rgba(0, 0, 0, 0);--rpl-color-resize-handle-hover: rgba(33, 150, 243, .35);--rpl-color-resize-handle-active: rgba(33, 150, 243, .55);--rpl-color-tab-fg: #d5d7de;--rpl-color-tab-active-bg: #2b2d35;--rpl-color-tabbar-bg: #1e1f24;--rpl-color-panel-border: rgba(0, 0, 0, .3);--rpl-color-panel-bg: #0b0b0c;--rpl-color-primary: #2196f3;--rpl-color-tabdrag-bg: rgba(34, 36, 42, .95);--rpl-color-tabdrag-fg: #e9ebf0;--rpl-color-tabdrag-border: rgba(120, 160, 255, .6);--rpl-color-tabdrag-shadow: 0 6px 20px rgba(0, 0, 0, .35);--rpl-color-insert-guide: rgba(120, 160, 255, .95);--rpl-color-insert-guide-shadow: 0 0 0 2px rgba(120, 160, 255, .2);--rpl-color-surface: #fff;--rpl-color-surface-2: #fafafa;--rpl-color-border: #e5e7eb;--rpl-color-muted-fg: #6b7280;--rpl-shadow-card: 0 2px 10px rgba(0, 0, 0, .08);--rpl-size-tab-font: 12px;--rpl-space-tab-padding-y: 4px;--rpl-space-tab-padding-x: 8px;--rpl-space-tabbar-gap: 6px;--rpl-space-tabbar-padding-y: 4px;--rpl-space-tabbar-padding-x: 6px;--rpl-radius-tab: 4px;--rpl-radius-suggest: 6px;--rpl-size-suggest-border: 2px;--rpl-size-grid-handle-thickness: 4px;--rpl-size-resize-handle-thickness: 4px;--rpl-size-split-handle-thickness: 6px;--rpl-space-drop-suggest-padding: 6px;--rpl-z-overlay: 9998;--rpl-z-tabdrag-overlay: 9999;--rpl-z-dialog-overlay: 10000;--rpl-z-resize-handle: 1000;--rpl-size-grid-layer-corner-hit: 14px;--rpl-size-grid-layer-edge-hit-thickness: 12px;--rpl-space-tab-drag-preview-offset-x: 12px;--rpl-space-tab-drag-preview-offset-y: 12px;--rpl-radius-tab-drag-preview: 6px;--rpl-space-tab-drag-preview-padding-y: 4px;--rpl-space-tab-drag-preview-padding-x: 8px;--rpl-size-tab-drag-preview-font: 12px;--rpl-size-tab-drag-insert-guide-width: 2px;--rpl-radius-tab-drag-insert-guide: 1px;--rpl-radius-floating-panel: 8px;--rpl-space-floating-panel-gap: 8px;--rpl-space-floating-panel-header-padding-y: 8px;--rpl-space-floating-panel-header-padding-x: 12px;--rpl-space-floating-panel-content-padding: 12px;--rpl-size-floating-panel-meta-font: 12px;--rpl-space-floating-panel-controls-gap: 6px;--rpl-space-drawer-header-padding-y: 10px;--rpl-space-drawer-header-padding-x: 12px;--rpl-space-drawer-header-gap: 8px;--rpl-space-drawer-content-padding: 12px;--rpl-size-drawer-close-button-font: 18px;--rpl-size-horizontal-divider-width: 4px;--rpl-space-horizontal-divider-hit-area-offset: 4px}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#root{min-width:100vw;height:auto}@keyframes pivotEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pivotLeave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes stackPush{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes stackPop{0%{transform:translate(0)}to{transform:translate(100%)}}:root{--rpl-pivot-animation-enter: pivotEnter .2s ease-out forwards;--rpl-pivot-animation-leave: pivotLeave .15s ease-in forwards;--rpl-stack-animation-push: stackPush .35s cubic-bezier(.32, .72, 0, 1) forwards;--rpl-stack-animation-pop: stackPop .35s cubic-bezier(.32, .72, 0, 1) forwards}