export declare const BASE_CSS = "\n/* ---------- safe-area variables (S2.1, 2026-08-17) ----------\n   Every safe-area use in this stylesheet reads --mnav-sat / --mnav-sab\n   instead of env() directly. Same computed value by default, but the\n   indirection gives one place to override: ?mobile-nav-inset=54 (client/\n   debug.ts) writes a fake inset onto the root element, so a desktop CDP\n   run can regress notch layout \u2014 env(safe-area-inset-*) is hard 0 in every\n   desktop browser, which is exactly why the header and the workbench\n   panel shipped broken to a real iPhone. */\n:root {\n  --mnav-sat: env(safe-area-inset-top, 0px);\n  --mnav-sab: env(safe-area-inset-bottom, 0px);\n}\n\n/* ---------- base control styles (rendered at any width, hidden where unused) ---------- */\n\n[data-mobile-nav=\"toggle\"],\n[data-mobile-nav=\"files\"] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  flex: none;\n  padding: 0;\n  border: none;\n  border-radius: 50%;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary, inherit);\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n}\n[data-mobile-nav=\"toggle\"]:hover,\n[data-mobile-nav=\"files\"]:hover {\n  background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06));\n}\n[data-mobile-nav=\"toggle\"]:focus-visible,\n[data-mobile-nav=\"files\"]:focus-visible {\n  outline: 2px solid var(--dsw-alias-state-business-primary, #4f6ef7);\n  outline-offset: 1px;\n}\n\n/* Drawer footer actions: the relocated Session log download plus the Files\n   action that opens the dsh-web-ui explorer sheet. */\n[data-mobile-nav=\"drawer-actions\"] {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n}\n[data-mobile-nav=\"session-log\"],\n[data-mobile-nav=\"explorer\"] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  height: 34px;\n  padding: 0 12px;\n  border: 1px solid var(--dsw-alias-border-l1, rgba(0, 0, 0, .12));\n  border-radius: 12px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary, inherit);\n  font-family: inherit;\n  font-size: 13px;\n  line-height: 20px;\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n}\n[data-mobile-nav=\"session-log\"]:hover:not(:disabled),\n[data-mobile-nav=\"explorer\"]:hover {\n  background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06));\n}\n[data-mobile-nav=\"session-log\"]:disabled {\n  color: var(--dsw-alias-label-dimmed, rgba(0, 0, 0, .35));\n  cursor: default;\n}\n\n/* Floating fallback button (hero / blank phases without a session header).\n   The top clears the camera band below the status bar; when the client has\n   set viewport-fit=cover the safe-area inset moves it below the notch too. */\n[data-mobile-nav=\"fab\"] {\n  position: absolute;\n  top: calc(var(--mnav-sat) + 72px);\n  left: 10px;\n  z-index: 21;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 38px;\n  height: 38px;\n  padding: 0;\n  border: 1px solid var(--dsw-alias-border-l1, rgba(0, 0, 0, .12));\n  border-radius: 50%;\n  background: var(--dsw-alias-button-floating-fill, #ffffff);\n  color: var(--dsw-alias-label-primary, inherit);\n  cursor: pointer;\n  box-shadow: 0 2px 12px rgba(0, 0, 0, .18);\n  -webkit-tap-highlight-color: transparent;\n}\n[data-mobile-nav=\"fab\"]:hover {\n  background: var(--dsw-alias-button-floating-hover, rgba(0, 0, 0, .08));\n}\n[data-mobile-nav=\"fab\"]:focus-visible {\n  outline: 2px solid var(--dsw-alias-state-business-primary, #4f6ef7);\n  outline-offset: 2px;\n}\n\n/* Dimmed backdrop under the open drawer; above every column, below the drawer. */\n[data-mobile-nav=\"backdrop\"] {\n  position: absolute;\n  inset: 0;\n  z-index: 30;\n  background: rgba(0, 0, 0, .45);\n  cursor: pointer;\n  animation: dsh-mobile-nav-fade .2s var(--ds-ease-in-out, ease-in-out);\n  -webkit-tap-highlight-color: transparent;\n}\n@keyframes dsh-mobile-nav-fade {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n/* Settings sheet entrance: the official dialog mounts with no animation at\n   all, so it snaps in. Fade + slight rise/scale reads as a proper sheet. */\n@keyframes dsh-mobile-nav-sheet-in {\n  from {\n    opacity: 0;\n    transform: translateY(14px) scale(.98);\n  }\n  to {\n    opacity: 1;\n    transform: none;\n  }\n}\n/* Preview sheet rise: the aionui preview column opens as a bottom sheet. */\n@keyframes dsh-mobile-nav-sheet-up {\n  from {\n    opacity: 0;\n    transform: translateY(28px);\n  }\n  to {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n/* ---------- beta-notice handling (ALL widths \u2014 deliberate exception) ----\n   User-directed (2026-08-17): tone down DSH's beta/preview notices\n   everywhere, including desktop. This is the ONE place this plugin\n   intentionally breaks its own \">=1024px strict no-op\" rule.\n   - The hero \"\u9884\u89C8\u7248\" badge only carries a hashed class; per repo convention\n     the stable part is the suffix (_previewBadge), matched with [class$=].\n   - The first-run \"\u5185\u6D4B\u58F0\u660E\" modal must NOT be hidden with CSS: while it is\n     mounted it holds document #root inert, so display:none leaves the whole\n     app unclickable (2026-08-18 incident). effects/welcome-notice.ts instead\n     injects a \"\u4E0D\u518D\u5F39\u51FA\" opt-out button; this styles it. */\n[class$=\"_previewBadge\"] {\n  display: none !important;\n}\n/* Mirrors the official primitives Button (md capsule, outline variant):\n   36px height, 18px radius, --dsw-alias-border-l2 hairline. */\n.zen-welcome-optout {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: 36px;\n  /* The notice's action row is a flex row and the official confirm button\n     takes the slack; without an explicit shrink guard this button collapsed\n     to about two characters wide on a phone. Content width, never squeezed. */\n  flex: 0 0 auto;\n  min-width: max-content;\n  white-space: nowrap;\n  padding: 0 14px;\n  margin-right: 8px;\n  border: 1px solid var(--dsw-alias-border-l2, rgba(0, 0, 0, .15));\n  border-radius: 18px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary, inherit);\n  font-size: 14px;\n  line-height: 22px;\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n}\n.zen-welcome-optout:hover {\n  background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .06));\n}\n";
//# sourceMappingURL=base.css.d.ts.map