.w62p9q_frame{flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}.w62p9q_shell{background:var(--demo-canvas);width:100%;min-height:0;color:var(--demo-foreground);flex:auto;display:flex;position:relative;overflow:hidden!important}.w62p9q_shellNav{flex-shrink:0;height:100%;min-height:0;display:flex}.w62p9q_main{flex-direction:column;flex:1;min-width:0;display:flex}.w62p9q_content{border:1px solid var(--demo-border);border-radius:var(--demo-radius-lg);background:var(--demo-background);min-width:0;min-height:0;box-shadow:var(--demo-shadow-panel);flex:1;margin:12px 12px 12px 0;position:relative;overflow:auto}.w62p9q_topbar,.w62p9q_backdrop{display:none}.w62p9q_sidebar{z-index:30;background:var(--demo-canvas);flex-shrink:0;height:100%;min-height:0;display:flex;position:relative}.w62p9q_rail{background:var(--demo-rail-bg);flex-direction:column;flex-shrink:0;align-items:stretch;gap:2px;width:68px;padding:0 6px 12px;display:flex;overflow-y:auto}.w62p9q_railBrand{height:var(--app-header-height,56px);flex-shrink:0;place-items:center;margin-bottom:4px;display:grid}.w62p9q_brandLink{place-items:center;display:grid}.w62p9q_brandLogo{width:auto;height:34px}.w62p9q_railButton{border-radius:var(--demo-radius-md);cursor:pointer;transition:background var(--demo-motion-fast) var(--demo-ease), color var(--demo-motion-fast) var(--demo-ease);background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:9px 2px 8px;display:flex;position:relative;color:var(--demo-rail-fg)!important}.w62p9q_railButton:hover{background:var(--demo-rail-hover);color:var(--demo-rail-fg-strong)!important}.w62p9q_railButton[data-active]{background:var(--demo-rail-active);color:var(--demo-rail-fg-strong)!important}.w62p9q_railButton:focus-visible{outline:2px solid var(--demo-accent);outline-offset:-2px}.w62p9q_railIcon{display:inline-flex}.w62p9q_railIcon>svg{width:20px;height:20px}.w62p9q_railButton[data-active] .w62p9q_railIcon{color:var(--demo-accent)}.w62p9q_railLabel{letter-spacing:-.02em;text-align:center;word-break:keep-all;font-size:11px;font-weight:500;line-height:1.25}.w62p9q_railButton[data-active] .w62p9q_railLabel{font-weight:600}.w62p9q_railBadge{background:var(--demo-error);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:11px;font-weight:600;line-height:1;display:inline-flex;position:absolute;top:4px;right:6px}.w62p9q_panel{background:var(--demo-canvas);flex-direction:column;flex-shrink:0;width:212px;min-height:0;display:flex}.w62p9q_panel:not([data-docked]){z-index:1;border-radius:0 var(--demo-radius-lg) var(--demo-radius-lg) 0;box-shadow:var(--demo-shadow-overlay);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s var(--demo-ease), transform .18s var(--demo-ease), visibility .18s;position:absolute;top:0;bottom:0;left:68px;transform:translate(-12px)}.w62p9q_panel[data-peeking]{opacity:1;visibility:visible;pointer-events:auto;transform:none}.w62p9q_panelHeader{height:var(--app-header-height,56px);flex-shrink:0;align-items:center;gap:8px;padding:0 8px 0 14px;display:flex}.w62p9q_panelTitle{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.w62p9q_pinButton{border-radius:var(--demo-radius-sm);background:var(--demo-track);cursor:pointer;border:0;flex-shrink:0;place-items:center;width:30px;height:30px;padding:0;display:grid;color:var(--demo-muted)!important}.w62p9q_pinButton[data-pinned]{background:0 0}.w62p9q_pinButton:hover{background:var(--demo-track);color:var(--demo-foreground)!important}.w62p9q_pinButton:focus-visible{outline:2px solid var(--demo-accent);outline-offset:1px}.w62p9q_panelNav{flex:1 1 0;min-height:0;padding:0 8px 8px;overflow:hidden auto}.w62p9q_section+.w62p9q_section{margin-top:14px}.w62p9q_sectionTitle{color:var(--demo-muted);padding:4px 10px 6px;font-size:12px;font-weight:500;line-height:1.4}.w62p9q_items,.w62p9q_children{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.w62p9q_link,.w62p9q_branch,.w62p9q_childLink{min-height:36px;color:var(--demo-foreground);transition:background var(--demo-motion-fast) var(--demo-ease);border-radius:8px;align-items:center;font-size:14px;font-weight:400;line-height:1.35;text-decoration:none;display:flex}.w62p9q_link{gap:10px;padding:0 10px}.w62p9q_link:hover,.w62p9q_childLink:hover,.w62p9q_branch:hover{background:var(--demo-track)}.w62p9q_link[data-active],.w62p9q_branch[data-active],.w62p9q_childLink[data-active]{background:var(--demo-background);box-shadow:var(--demo-shadow-panel);font-weight:600}.w62p9q_link:focus-visible,.w62p9q_branchLink:focus-visible,.w62p9q_childLink:focus-visible,.w62p9q_chevron:focus-visible{outline:2px solid var(--demo-accent);outline-offset:-2px}.w62p9q_linkIcon{color:var(--demo-muted);flex-shrink:0;display:inline-flex}.w62p9q_linkIcon>svg{width:18px;height:18px}.w62p9q_link[data-active] .w62p9q_linkIcon,.w62p9q_branch[data-active] .w62p9q_linkIcon{color:var(--demo-accent)}.w62p9q_linkLabel{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.w62p9q_external{color:var(--demo-muted);flex-shrink:0}.w62p9q_branch[data-within]{font-weight:600}.w62p9q_branchLink{min-width:0;min-height:36px;color:inherit;border-radius:8px;flex:1;align-items:center;gap:10px;padding:0 0 0 10px;text-decoration:none;display:flex}.w62p9q_chevron{border-radius:var(--demo-radius-sm);cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;width:30px;height:32px;padding:0;display:grid;color:var(--demo-muted)!important}.w62p9q_childLink{gap:8px;min-height:32px;padding:0 10px 0 38px;font-size:13px}.w62p9q_count{font-variant-numeric:tabular-nums;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.w62p9q_count[data-tone=neutral]{background:var(--demo-track);color:var(--demo-muted)}.w62p9q_count[data-tone=alert]{background:var(--demo-error);color:#fff}.w62p9q_railFooter{flex-shrink:0;place-items:center;margin-top:auto;padding-top:12px;display:grid}.w62p9q_userMenu{place-items:center;display:grid}.w62p9q_userMenuButton{cursor:pointer;background:0 0;border:2px solid #ffffff47;border-radius:999px;padding:0;line-height:0;display:grid}.w62p9q_userMenuButton:hover,.w62p9q_userMenuButton[aria-expanded=true]{border-color:var(--demo-rail-fg-strong)}.w62p9q_userMenuButton:focus-visible{outline:2px solid var(--demo-accent);outline-offset:2px}.w62p9q_avatar,.w62p9q_avatarLarge{background:var(--demo-accent-light);color:var(--demo-accent);border-radius:999px;flex-shrink:0;place-items:center;font-weight:600;display:grid}.w62p9q_avatar{width:32px;height:32px;font-size:13px}.w62p9q_avatarLarge{width:36px;height:36px;font-size:14px}.w62p9q_userText{flex:1;gap:1px;min-width:0;display:grid}.w62p9q_userName{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.w62p9q_userSub{color:var(--demo-muted);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.w62p9q_userMenuPanel{z-index:1000;border-radius:var(--demo-radius-md);background:var(--demo-background);width:248px;color:var(--demo-foreground);box-shadow:var(--demo-shadow-overlay);animation:w62p9q_userMenuIn .16s var(--demo-ease);transform-origin:0 100%;padding:6px;position:fixed;bottom:12px;left:72px}@keyframes w62p9q_userMenuIn{0%{opacity:0;transform:translate(-6px)scale(.97)}}.w62p9q_userMenuHeader{align-items:center;gap:10px;padding:8px 10px 10px;display:flex}.w62p9q_userMenuRule{background:var(--demo-border);height:1px;margin:4px 6px}.w62p9q_userMenuItem{border-radius:var(--demo-radius-sm);width:100%;height:36px;color:var(--demo-foreground);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;font-size:14px;font-weight:500;display:flex}.w62p9q_userMenuItem:hover{background:var(--demo-track)}.w62p9q_userMenuItem:focus-visible{outline:2px solid var(--demo-accent);outline-offset:-2px}.w62p9q_userMenuItem>svg{color:var(--demo-muted);flex-shrink:0}.w62p9q_userMenuLabel{flex:1;min-width:0}.w62p9q_userMenuMeta{color:var(--demo-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}@media (prefers-reduced-motion:reduce){.w62p9q_panel:not([data-docked]){transition:none}.w62p9q_userMenuPanel{animation:none}}@media (max-width:767.98px){.w62p9q_shell{flex-direction:row}.w62p9q_shellNav{z-index:60;height:auto;box-shadow:var(--demo-shadow-overlay);visibility:hidden;transition:transform .2s var(--demo-ease), visibility .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.w62p9q_shell[data-nav-open] .w62p9q_shellNav{visibility:visible;transform:none}.w62p9q_shell[data-nav-open] .w62p9q_backdrop{z-index:59;background:var(--demo-scrim);border:0;padding:0;display:block;position:fixed;inset:0}.w62p9q_topbar{background:var(--demo-canvas);flex-shrink:0;align-items:center;gap:4px;height:48px;padding:0 12px 0 4px;display:flex}.w62p9q_menuButton{border-radius:var(--demo-radius-md);cursor:pointer;background:0 0;border:0;place-items:center;width:40px;height:40px;padding:0;display:grid;color:var(--demo-foreground)!important}.w62p9q_menuButton:hover{background:var(--demo-track)}.w62p9q_topbarBrand{color:var(--demo-foreground);font-size:15px;font-weight:600;text-decoration:none}.w62p9q_content{box-shadow:none;border-width:1px 0 0;border-radius:0;margin:0}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.w62p9q_shellNav{transition:none}}.w62p9q_settingsModal{flex-direction:column;width:min(960px,100vw - 32px);display:flex}.w62p9q_settingsHeader{border-bottom:1px solid var(--demo-border);flex-shrink:0;align-items:center;height:56px;padding:0 56px 0 20px;font-size:15px;font-weight:600;display:flex}.w62p9q_settingsBody{height:min(640px,100dvh - 140px);min-height:0;display:flex}.w62p9q_settingsNav{border-right:1px solid var(--demo-border);background:var(--demo-canvas);flex-direction:column;flex-shrink:0;gap:2px;width:220px;padding:16px 12px;display:flex;overflow-y:auto}.w62p9q_settingsSearch{border:1px solid var(--demo-border);border-radius:var(--demo-radius-md);background:var(--demo-background);height:36px;color:var(--demo-muted);align-items:center;gap:8px;margin-bottom:12px;padding:0 10px;display:flex}.w62p9q_settingsSearch input{width:100%;min-width:0;color:var(--demo-foreground);font:inherit;background:0 0;border:0;outline:0;font-size:14px}.w62p9q_settingsNavTitle{color:var(--demo-muted);margin:0;padding:4px 10px 6px;font-size:12px;font-weight:500}.w62p9q_settingsNavItem{border-radius:var(--demo-radius-sm);height:36px;color:var(--demo-foreground);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;font-size:14px;font-weight:400;display:flex}.w62p9q_settingsNavItem:hover{background:var(--demo-track)}.w62p9q_settingsNavItem[data-active]{background:var(--demo-background);box-shadow:var(--demo-shadow-panel);font-weight:600}.w62p9q_settingsNavItem>svg{color:var(--demo-muted);flex-shrink:0}.w62p9q_settingsNavItem[data-active]>svg{color:var(--demo-accent)}.w62p9q_settingsNavItem:focus-visible{outline:2px solid var(--demo-accent);outline-offset:-2px}.w62p9q_settingsPanel{flex:1;min-width:0;padding:20px 28px 28px;overflow-y:auto}.w62p9q_settingsPanelTitle{margin:0 0 8px;font-size:15px;font-weight:600}.w62p9q_settingsRow{border-bottom:1px solid var(--demo-border);justify-content:space-between;align-items:center;gap:24px;min-height:56px;display:flex}.w62p9q_settingsRowText{gap:2px;min-width:0;padding:10px 0;display:grid}.w62p9q_settingsRowLabel{font-size:14px;font-weight:500}.w62p9q_settingsRowDescription{color:var(--demo-muted);font-size:12px}.w62p9q_settingsRowValue{color:var(--demo-foreground);flex-shrink:0;align-items:center;font-size:14px;display:flex}.w62p9q_settingsButton{border:1px solid var(--demo-border);border-radius:var(--demo-radius-md);background:var(--demo-background);height:30px;color:var(--demo-foreground);cursor:pointer;padding:0 12px;font-size:13px;font-weight:500}.w62p9q_settingsButton:hover{border-color:var(--pds-border-strong);background:var(--demo-track)}.w62p9q_settingsButton:focus-visible{outline:2px solid var(--demo-accent);outline-offset:1px}.w62p9q_settingsInline{border:1px solid var(--demo-border);border-radius:var(--demo-radius-lg);margin-top:12px;padding:16px}.w62p9q_settingsEmpty{color:var(--demo-muted);margin:16px 0;font-size:14px}@media (max-width:767.98px){.w62p9q_settingsBody{flex-direction:column;height:auto;max-height:calc(100dvh - 120px)}.w62p9q_settingsNav{border-right:0;border-bottom:1px solid var(--demo-border);flex-flow:wrap;width:100%}.w62p9q_settingsSearch{width:100%}.w62p9q_settingsNavTitle{display:none}}