export declare const CSS_STYLES = "\n/* ========================\n   Animation keyframes\n   ======================== */\n@keyframes twd-spin {\n  0%   { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n/* ========================\n   Buttons \u2014 shared base\n   ======================== */\n.twd-btn {\n  cursor: pointer;\n  border-radius: var(--twd-border-radius);\n  transition: all var(--twd-animation-duration) ease;\n}\n.twd-btn:hover { filter: brightness(1.15); }\n.twd-btn:active { filter: brightness(0.9); }\n.twd-btn:focus-visible {\n  outline: 2px solid var(--twd-primary);\n  outline-offset: 2px;\n}\n.twd-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.twd-btn:disabled:hover { filter: none; }\n\n/* ========================\n   Button variants\n   ======================== */\n.twd-btn-primary {\n  background: var(--twd-button-primary);\n  color: var(--twd-button-primary-text);\n  padding: var(--twd-spacing-xs) var(--twd-spacing-md);\n  border: none;\n}\n.twd-btn-secondary {\n  background: var(--twd-button-secondary);\n  color: var(--twd-button-secondary-text);\n  padding: var(--twd-spacing-xs) var(--twd-spacing-md);\n  border: 1px solid var(--twd-button-border);\n}\n.twd-btn-icon {\n  background: transparent;\n  border: 1px solid var(--twd-border-light);\n  padding: 0;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  vertical-align: middle;\n  font-size: var(--twd-font-size-sm);\n}\n.twd-btn-mock-rules {\n  background: var(--twd-button-secondary);\n  border: 1px solid var(--twd-button-border);\n  border-radius: var(--twd-border-radius-lg);\n  padding: var(--twd-spacing-md) var(--twd-spacing-lg);\n  font-size: var(--twd-font-size-sm);\n  color: var(--twd-button-secondary-text);\n  display: flex;\n  align-items: center;\n  gap: var(--twd-spacing-md);\n  margin-bottom: 10px;\n  width: 100%;\n  text-align: left;\n  transition: all var(--twd-animation-duration) ease;\n  box-shadow: var(--twd-shadow-sm);\n}\n\n/* ========================\n   Sidebar layout\n   ======================== */\n.twd-sidebar {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  width: var(--twd-sidebar-width);\n  background: var(--twd-background);\n  font-size: var(--twd-font-size-md);\n  overflow-y: auto;\n  box-shadow: var(--twd-shadow);\n  text-align: left;\n  z-index: var(--twd-z-index-sidebar);\n  pointer-events: all;\n  isolation: isolate;\n}\n.twd-sidebar-header {\n  padding: var(--twd-spacing-md);\n  background: var(--twd-background);\n  position: sticky;\n  top: 0;\n  z-index: var(--twd-z-index-sticky);\n  border-bottom: 1px solid var(--twd-border);\n}\n.twd-sidebar-header-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: var(--twd-spacing-xl);\n}\n.twd-sidebar-header-buttons {\n  display: flex;\n  gap: var(--twd-spacing-xs);\n}\n.twd-sidebar-stats {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: var(--twd-font-size-md);\n  color: var(--twd-text-secondary);\n  margin-bottom: 10px;\n}\n.twd-sidebar-stats-counts {\n  display: flex;\n  gap: var(--twd-spacing-xs);\n}\n.twd-sidebar-content {\n  padding: var(--twd-spacing-md);\n}\n.twd-sidebar-closed {\n  position: fixed;\n  top: 50%;\n  transform: translateY(-50%);\n  z-index: var(--twd-z-index-sidebar);\n  background: var(--twd-button-primary);\n  color: var(--twd-button-primary-text);\n  padding: var(--twd-spacing-sm) 10px;\n  font-size: var(--twd-font-size-sm);\n}\n.twd-sidebar-version {\n  color: var(--twd-text-secondary);\n  font-size: var(--twd-font-size-sm);\n  align-self: center;\n}\n\n/* ========================\n   Test list\n   ======================== */\n.twd-test-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n.twd-test-group {\n  background: var(--twd-describe-bg);\n  border-left: 3px solid var(--twd-describe-border);\n  border-radius: var(--twd-border-radius);\n  padding: var(--twd-spacing-xs) var(--twd-spacing-sm);\n  margin-bottom: var(--twd-spacing-sm);\n}\n.twd-test-group-toggle {\n  font-weight: var(--twd-font-weight-bold);\n  font-size: var(--twd-font-size-md);\n  cursor: pointer;\n  color: var(--twd-describe-text);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--twd-spacing-sm);\n  letter-spacing: 0.05em;\n}\n.twd-test-item {\n  display: flex;\n  align-items: left;\n  justify-content: space-between;\n  padding: var(--twd-spacing-sm) var(--twd-spacing-sm);\n  border-radius: var(--twd-border-radius);\n}\n.twd-test-item-name {\n  font-weight: var(--twd-font-weight-normal);\n  font-size: var(--twd-font-size-md);\n  color: var(--twd-text);\n  max-width: 220px;\n}\n.twd-test-item-logs {\n  border-radius: var(--twd-border-radius);\n  max-height: 260px;\n  overflow-y: auto;\n  padding: 0;\n  background: var(--twd-background-secondary);\n  list-style: none;\n  margin-top: var(--twd-spacing-xs);\n  text-align: left;\n}\n\n/* ========================\n   Status variants\n   ======================== */\n.twd-status-pass  { background: var(--twd-success-bg); }\n.twd-status-fail  { background: var(--twd-error-bg); }\n.twd-status-skip  { background: var(--twd-skip-bg); }\n.twd-status-running { background: var(--twd-warning-bg); }\n\n/* ========================\n   Search\n   ======================== */\n.twd-search-wrapper {\n  position: relative;\n  margin-bottom: var(--twd-spacing-md);\n}\n.twd-search-input {\n  width: 100%;\n  padding: var(--twd-spacing-md);\n  background: var(--twd-background);\n  color: var(--twd-text);\n  border: 1px solid var(--twd-border);\n  border-radius: var(--twd-border-radius);\n  font-size: var(--twd-font-size-md);\n  box-sizing: border-box;\n}\n.twd-search-input:focus-visible {\n  outline: 2px solid var(--twd-primary);\n  outline-offset: 2px;\n}\n\n/* ========================\n   Loader\n   ======================== */\n.twd-loader {\n  animation: twd-spin 1s linear infinite;\n}\n";
/**
 * Injects all sidebar CSS classes into the document.
 * Guards against double-injection (same pattern as injectTheme).
 * Called once from initSidebar.tsx after injectTheme().
 */
export declare function injectStyles(): void;