export declare const CHIPS_CSS = "/* ---------- chips row + settings entry (S5) ---------- */\n\n@media (max-width: 767px) {\n /* --- settings dialog / usage-stats panel / scheduled-tasks dialog portal fix ---\n dsh-client-ui-settings-general's SettingsRoot (trigger button +\n position:fixed;z-index:1000 modal), dsh-usage-stats' sidebar-footer\n badge (position:fixed panel), and @opendsh/dsh-plugin-scheduled-tasks'\n \"\u5B9A\u65F6\u4EFB\u52A1\" trigger (position:fixed;z-index:120 `.dshst-overlay`,\n verified against 0.2.0 \u2014 real-device report 2026-08-17: chip click\n produced no visible window) all mount as PLAIN CHILDREN of the sidebar\n tree \u2014 not a React portal to document.body \u2014 inside\n sidebar.settings / sidebar.footer.action\n (dsh-client-ui-sidebar's SidebarRoot: footArea > settingsArea /\n footerActions). home.css.ts sets the sidebar ROOT\n (`[data-mobile-nav=\"frame\"] > :first-child`) to display:none on the\n phone breakpoint (the app shell replaced the drawer) \u2014 and display:none\n removes the WHOLE subtree from the render tree, including\n position:fixed descendants, which cannot escape it the way they escape\n a merely-offscreen or opacity:0 ancestor. A `.click()` on the (still\n DOM-present) hidden trigger still flips its component-local `open`\n state and mounts the aria-modal dialog (synthetic dispatch bypasses\n hit-testing \u2014 S2.1 precedent), but nothing paints without this fix.\n\n Un-hiding the WHOLE sidebar would surface the session tree / new-session\n button underneath the dialog, so this is scoped to exactly the sidebar\n root plus its OWN direct children that are not on the path to\n footArea: display:contents on the root removes its own box (no\n duplicate page background/padding, no grid-column reflow) while\n letting footArea/footerActions/settingsArea resume their OWN official\n (non-none) display \u2014 logoRow / newSession / regionArea are hidden\n explicitly instead. :has() matches against the DOM tree regardless of\n the scope element's own computed display, so this reads correctly even\n though the whole subtree started at display:none (same precedent as\n every other :has()-gated rule in this stylesheet, e.g. the settings\n sheet adaptation below, which depends on exactly this becoming\n visible).\n\n `:first-child` is a layout-column WRAPPER\n (`pI_x6G_sidebarCol`, dsh-client-ui-layout's AppFrame grid cell), not\n SidebarRoot's own div \u2014 SidebarRoot (`hHd-Xa_root`) sits one more empty\n unstyled div below it (measured 2026-08-17: sidebarCol > div (no\n class) > div.hHd-Xa_root > logoRow/newSession/regionArea/footArea).\n display:contents on sidebarCol lets that whole chain resume its own\n official (non-none) display with no other rule needed, but the\n \"hide the other three\" selectors below must therefore be DESCENDANT\n (unscoped depth), not direct-child `>`, or they silently match\n nothing \u2014 confirmed live: an earlier `>`-only version left\n logoRow/newSession/regionArea at `display: flex`, which is only\n hidden from view by being fully underneath the usage-stats panel's\n opaque body, not by this rule. */\n [data-mobile-nav=\"frame\"] > :first-child:has([aria-modal=\"true\"], [data-usage-stats-panel], .dshst-overlay) {\n display: contents !important;\n }\n [data-mobile-nav=\"frame\"] > :first-child:has([aria-modal=\"true\"], [data-usage-stats-panel], .dshst-overlay) [class$=\"_logoRow\"],\n [data-mobile-nav=\"frame\"] > :first-child:has([aria-modal=\"true\"], [data-usage-stats-panel], .dshst-overlay) [class$=\"_newSession\"],\n [data-mobile-nav=\"frame\"] > :first-child:has([aria-modal=\"true\"], [data-usage-stats-panel], .dshst-overlay) [class$=\"_regionArea\"] {\n display: none !important;\n }\n\n /* Home-top settings gear: 44pt touch target, pushed to the row's end by\n its own auto margin (home-top itself stays a plain flex row). */\n [data-mobile-nav=\"home-settings\"] {\n flex: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 44px;\n height: 44px;\n margin-left: auto;\n padding: 0;\n border: none;\n background: transparent;\n color: var(--dsw-alias-label-secondary, inherit);\n cursor: pointer;\n touch-action: manipulation;\n -webkit-tap-highlight-color: transparent;\n }\n [data-mobile-nav=\"home-settings\"]:active {\n background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06));\n border-radius: 50%;\n }\n\n /* Plugin-entry chips row: one horizontally-scrolling line of 34px pills\n between the workspace title and the session list (prototype spec).\n Scrollbar hidden on BOTH engines (2026-08-18 user decision): iOS\n overlay scrollbars never showed anyway, but desktop browsers painted a\n permanent 2px strip under the pills. This revisits the AGENTS.md\n \"silently cut off the last tab\" lesson deliberately \u2014 with 4+ chips the\n row now always overflows mid-chip (a partially visible pill is the\n scroll affordance), unlike the early incident where the chips fit\n flush and the hidden overflow was undiscoverable. */\n [data-mobile-nav=\"chip-row\"] {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 0 16px 10px;\n overflow-x: auto;\n overscroll-behavior: contain;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n }\n [data-mobile-nav=\"chip-row\"]::-webkit-scrollbar {\n display: none;\n }\n [data-mobile-nav=\"chip\"],\n [data-mobile-nav=\"chip-more\"] {\n flex: none;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n height: 34px;\n padding: 0 14px;\n border: none;\n border-radius: 17px;\n /* Same surface as the list rows: the home page is bg-base since the\n 2026-08-20 swap (see home.css.ts), so a bg-base chip would disappear\n into it. */\n background: var(--dsw-specific-sidebar-fill, #f5f5f5);\n color: var(--dsw-alias-label-primary, inherit);\n font-family: inherit;\n font-size: 13px;\n font-weight: 500;\n white-space: nowrap;\n cursor: pointer;\n touch-action: manipulation;\n -webkit-tap-highlight-color: transparent;\n box-shadow: 0 1px 3px rgba(0, 0, 0, .06);\n }\n [data-mobile-nav=\"chip-more\"] {\n padding: 0 9px;\n }\n [data-mobile-nav=\"chip\"]:active,\n [data-mobile-nav=\"chip-more\"]:active {\n background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06));\n }\n\n /* Harvested chip icon (S5.1): the cloned