@aflueza/log-analysis 0.0.0-stage → 0.2.1-rc.2

package/lib/style.css

@@ -0,0 +1,1872 @@
+.E9cRQW_page {
+  height: 100%;
+  min-height: 0;
+  color: var(--dsw-alias-fg-primary);
+  flex-direction: column;
+  font-size: 13px;
+  display: flex;
+}
+
+.E9cRQW_header {
+  border-bottom: 1px solid var(--dsw-alias-border-subtle);
+  justify-content: space-between;
+  gap: 12px;
+  padding: 14px 16px;
+  display: flex;
+}
+
+h1 {
+  margin: 0 0 4px;
+  font-size: 18px;
+}
+
+.E9cRQW_actions {
+  align-items: center;
+  gap: 4px;
+  display: flex;
+}
+
+.E9cRQW_ruleManagementHead {
+  margin: -16px -16px 12px;
+}
+
+.E9cRQW_ruleManagementHeadActions {
+  align-items: center;
+  gap: 8px;
+  display: flex;
+}
+
+.E9cRQW_ruleManagementPage {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+}
+
+.E9cRQW_ruleList {
+  border-top: 1px solid var(--dsw-alias-border-subtle);
+  flex-direction: column;
+  display: flex;
+}
+
+.E9cRQW_ruleRow {
+  border-bottom: 1px solid var(--dsw-alias-border-subtle);
+  grid-template-columns: minmax(0, 2fr) 100px 180px auto;
+  align-items: center;
+  gap: 12px;
+  padding: 10px 8px;
+  display: grid;
+}
+
+.E9cRQW_ruleRow:hover {
+  background: var(--dsw-alias-surface-secondary);
+}
+
+.E9cRQW_ruleRowActions {
+  justify-content: flex-end;
+  gap: 4px;
+  display: flex;
+}
+
+.E9cRQW_ruleRow strong, .E9cRQW_ruleRow .E9cRQW_muted {
+  display: block;
+}
+
+.E9cRQW_ruleNameReadonly {
+  color: var(--dsw-alias-fg-secondary);
+  padding: 6px 8px;
+}
+
+.E9cRQW_ruleEditor {
+  flex-direction: column;
+  gap: 7px;
+  padding: 8px 0 2px 12px;
+  display: flex;
+}
+
+.E9cRQW_ruleEditor label {
+  color: var(--dsw-alias-fg-secondary);
+  grid-template-columns: 76px minmax(0, 1fr);
+  align-items: center;
+  gap: 10px;
+  padding: 7px 0;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 18px;
+  display: grid;
+}
+
+.E9cRQW_ruleEditor input {
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 0;
+  height: 30px;
+  padding: 4px 8px;
+  font: 12px / 18px inherit;
+}
+
+.E9cRQW_muted {
+  color: var(--dsw-alias-fg-secondary);
+  font-size: 12px;
+}
+
+.E9cRQW_scope {
+  border-bottom: 1px solid var(--dsw-alias-border-subtle);
+  align-items: end;
+  gap: 8px;
+  padding: 10px 16px;
+  display: flex;
+}
+
+.E9cRQW_scope label {
+  flex: 1;
+  align-items: center;
+  gap: 6px;
+  display: flex;
+}
+
+.E9cRQW_scope textarea, .E9cRQW_filters input, .E9cRQW_filters select {
+  font: inherit;
+  background: var(--dsw-alias-surface-secondary);
+  border: 1px solid var(--dsw-alias-border-subtle);
+  color: inherit;
+  border-radius: 6px;
+  padding: 6px 8px;
+}
+
+.E9cRQW_scope textarea {
+  resize: none;
+  flex: 1;
+}
+
+.E9cRQW_tabs {
+  border-bottom: 1px solid var(--dsw-alias-border-subtle);
+  display: flex;
+}
+
+.E9cRQW_tabs button {
+  color: var(--dsw-alias-fg-secondary);
+  cursor: pointer;
+  background: none;
+  border: 0;
+  padding: 10px 18px;
+}
+
+.E9cRQW_tabs .E9cRQW_activeTab {
+  color: var(--dsw-alias-fg-primary);
+  border-bottom: 2px solid var(--dsw-alias-accent);
+}
+
+.E9cRQW_content {
+  min-height: 0;
+  padding: 16px;
+  overflow: auto;
+}
+
+.E9cRQW_cards {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 8px;
+  display: grid;
+}
+
+.E9cRQW_metric {
+  border: 1px solid var(--dsw-alias-border-subtle);
+  background: var(--dsw-alias-surface-secondary);
+  color: inherit;
+  text-align: left;
+  cursor: pointer;
+  border-radius: 6px;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 6px;
+  padding: 10px;
+  display: flex;
+}
+
+.E9cRQW_metric strong {
+  font-size: 20px;
+}
+
+.E9cRQW_alert {
+  border-left: 3px solid var(--dsw-alias-warning);
+  background: var(--dsw-alias-surface-secondary);
+  justify-content: space-between;
+  align-items: center;
+  margin: 14px 0;
+  padding: 9px 12px;
+  display: flex;
+}
+
+h2 {
+  margin: 18px 0 8px;
+  font-size: 13px;
+}
+
+.E9cRQW_list {
+  flex-direction: column;
+  gap: 2px;
+  display: flex;
+}
+
+.E9cRQW_row, .E9cRQW_tableRow {
+  text-align: left;
+  border: 0;
+  border-bottom: 1px solid var(--dsw-alias-border-subtle);
+  color: inherit;
+  cursor: pointer;
+  background: none;
+  grid-template-columns: minmax(0, 2fr) auto minmax(90px, 1fr) minmax(0, 2fr);
+  align-items: center;
+  gap: 10px;
+  padding: 8px 4px;
+  display: grid;
+}
+
+.E9cRQW_trend {
+  border-bottom: 1px solid var(--dsw-alias-border-subtle);
+  align-items: end;
+  gap: 2px;
+  height: 90px;
+  padding: 8px;
+  display: flex;
+}
+
+.E9cRQW_trend span {
+  background: var(--dsw-alias-accent);
+  flex: 1;
+  min-width: 2px;
+}
+
+.E9cRQW_fileToggle {
+  color: inherit;
+  cursor: pointer;
+  background: none;
+  border: 0;
+  margin-top: 16px;
+}
+
+.E9cRQW_files {
+  border-top: 1px solid var(--dsw-alias-border-subtle);
+  margin-top: 6px;
+}
+
+.E9cRQW_file {
+  border-bottom: 1px solid var(--dsw-alias-border-subtle);
+  justify-content: space-between;
+  padding: 8px 4px;
+  display: flex;
+}
+
+.E9cRQW_filters {
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 10px;
+  display: flex;
+}
+
+.E9cRQW_table {
+  border: 1px solid var(--dsw-alias-border-subtle);
+}
+
+.E9cRQW_tableHead, .E9cRQW_tableRow {
+  grid-template-columns: 100px 70px 130px minmax(0, 1fr);
+  padding: 8px 10px;
+}
+
+.E9cRQW_tableHead {
+  background: var(--dsw-alias-surface-secondary);
+  font-weight: 600;
+  display: grid;
+  position: sticky;
+  top: 0;
+}
+
+.E9cRQW_tableRow {
+  width: 100%;
+  font-family: monospace;
+}
+
+.E9cRQW_ellipsis {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.E9cRQW_error {
+  color: var(--dsw-alias-danger);
+}
+
+.E9cRQW_warn {
+  color: var(--dsw-alias-warning);
+}
+
+.E9cRQW_progress {
+  border-top: 1px solid var(--dsw-alias-border-subtle);
+  background: var(--dsw-alias-surface-secondary);
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 16px;
+  display: flex;
+}
+
+.E9cRQW_tabTitle {
+  align-items: center;
+  gap: 6px;
+  display: inline-flex;
+}
+
+.E9cRQW_hiddenInput {
+  opacity: 0;
+  pointer-events: none;
+  width: 1px;
+  height: 1px;
+  position: absolute;
+}
+
+.E9cRQW_page {
+  --dsw-alias-fg-primary: var(--dsw-alias-label-primary);
+  --dsw-alias-fg-secondary: var(--dsw-alias-label-secondary);
+  --dsw-alias-fg-tertiary: var(--dsw-alias-label-caption);
+  --dsw-alias-surface-primary: var(--dsw-alias-bg-layer-1);
+  --dsw-alias-surface-secondary: var(--dsw-alias-bg-overlay);
+  --dsw-alias-border-subtle: var(--dsw-alias-border-l2);
+  --dsw-alias-border-default: var(--dsw-alias-border-l3);
+  --dsw-alias-accent: var(--dsw-alias-brand-primary-new-colorprimary-new-color);
+  --dsw-alias-warning: var(--dsw-static-yellow-500);
+  --dsw-alias-danger: var(--dsw-static-red-600);
+}
+
+.E9cRQW_moduleDisclosure {
+  border: 1px solid var(--dsw-alias-border-default);
+  border-radius: 4px;
+  margin-top: 8px;
+  padding: 0 8px;
+}
+
+.E9cRQW_moduleDisclosure > [data-disclosure-row] {
+  min-height: 32px;
+}
+
+.E9cRQW_moduleDisclosure > [data-disclosure-row] [class*="title"] {
+  color: var(--dsw-alias-label-primary);
+  font-size: 12px;
+  font-weight: 650;
+}
+
+.E9cRQW_moduleDisclosure > [data-disclosure-row] + * {
+  padding-bottom: 6px;
+}
+
+.E9cRQW_moduleDisclosure .E9cRQW_list {
+  border-bottom: 0;
+}
+
+.E9cRQW_moduleDisclosure .E9cRQW_trend {
+  margin-top: 2px;
+}
+
+.E9cRQW_session {
+  align-items: baseline;
+  gap: 12px;
+  display: flex;
+}
+
+.E9cRQW_scope {
+  align-items: center;
+}
+
+.E9cRQW_scopeTitle {
+  white-space: nowrap;
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.E9cRQW_querySummary {
+  min-width: 0;
+  color: var(--dsw-alias-fg-secondary);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  font-size: 12px;
+  overflow: hidden;
+}
+
+.E9cRQW_scopeActions {
+  gap: 4px;
+  display: flex;
+}
+
+.E9cRQW_scopeEdit {
+  background: var(--dsw-alias-surface-secondary);
+  border-bottom: 1px solid var(--dsw-alias-border-subtle);
+  align-items: center;
+  gap: 8px;
+  padding: 8px 14px;
+  display: flex;
+}
+
+.E9cRQW_module {
+  border: 1px solid var(--dsw-alias-border-subtle);
+  border-radius: 4px;
+  margin-top: 12px;
+  padding: 0 10px 8px;
+}
+
+.E9cRQW_module h2 {
+  border: 0;
+  margin: 0;
+  padding: 8px 0 6px;
+}
+
+.E9cRQW_moduleHead {
+  justify-content: space-between;
+  align-items: center;
+  display: flex;
+}
+
+.E9cRQW_chartModes {
+  gap: 2px;
+  display: flex;
+}
+
+.E9cRQW_empty {
+  color: var(--dsw-alias-fg-tertiary);
+  padding: 9px 4px;
+  font-size: 12px;
+}
+
+.E9cRQW_emptyChart {
+  color: var(--dsw-alias-fg-tertiary);
+  align-self: center;
+  margin: auto;
+  font-size: 12px;
+}
+
+.E9cRQW_axis {
+  color: var(--dsw-alias-fg-tertiary);
+  justify-content: space-between;
+  padding: 3px 4px;
+  font-size: 10px;
+  display: flex;
+}
+
+.E9cRQW_fileDisclosure {
+  border-top: 1px solid var(--dsw-alias-border-default);
+  border-bottom: 1px solid var(--dsw-alias-border-default);
+  margin-top: 12px;
+  padding: 4px 0;
+}
+
+.E9cRQW_resultCount {
+  color: var(--dsw-alias-fg-secondary);
+  white-space: nowrap;
+  margin-left: auto;
+  font-size: 12px;
+}
+
+.E9cRQW_tableRow {
+  border-bottom: 1px solid var(--dsw-alias-border-subtle);
+  grid-template-columns: 24px minmax(0, 1fr);
+  align-items: center;
+  gap: 8px;
+  display: grid;
+}
+
+.E9cRQW_tableRow > div {
+  text-align: left;
+  width: 100%;
+  color: inherit;
+  font: inherit;
+  background: none;
+  border: 0;
+  grid-template-columns: 100px 70px 130px minmax(0, 1fr);
+  gap: 8px;
+  padding: 2px;
+  display: grid;
+}
+
+.E9cRQW_tableHead {
+  grid-template-columns: 24px 100px 70px 130px minmax(0, 1fr);
+}
+
+.E9cRQW_selectionBar {
+  border-top: 1px solid var(--dsw-alias-border-default);
+  background: var(--dsw-alias-surface-secondary);
+  align-items: center;
+  gap: 8px;
+  min-height: 34px;
+  padding: 5px 8px;
+  display: flex;
+}
+
+.E9cRQW_selectionBar .E9cRQW_muted {
+  margin-left: auto;
+}
+
+.E9cRQW_fileDisclosure button {
+  font-size: 12px;
+}
+
+.E9cRQW_emptyState {
+  border: 1px dashed var(--dsw-alias-border-default);
+  min-height: 0;
+  color: var(--dsw-alias-label-secondary);
+  text-align: center;
+  border-radius: 8px;
+  flex-direction: column;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+  margin: 16px;
+  padding: 28px 20px;
+  display: flex;
+}
+
+.E9cRQW_emptyState strong {
+  color: var(--dsw-alias-label-primary);
+  font-size: 13px;
+  line-height: 18px;
+}
+
+.E9cRQW_emptyState > span {
+  font-size: 12px;
+  line-height: 18px;
+}
+
+.E9cRQW_filePickerModal {
+  width: min(620px, 100%);
+}
+
+.E9cRQW_filePickerContent {
+  max-height: min(75vh, 720px);
+  overflow: auto;
+}
+
+.E9cRQW_pickerActions {
+  gap: 8px;
+  margin-bottom: 10px;
+  display: flex;
+}
+
+.E9cRQW_pathInput {
+  box-sizing: border-box;
+  resize: vertical;
+  border: 1px solid var(--dsw-alias-border-subtle);
+  background: var(--dsw-alias-surface-secondary);
+  width: 100%;
+  min-height: 64px;
+  color: var(--dsw-alias-fg-primary);
+  font: inherit;
+  border-radius: 4px;
+  padding: 7px 9px;
+  line-height: 18px;
+}
+
+.E9cRQW_pathInput:focus-visible {
+  outline: var(--dsw-focus-ring-width) solid
+    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));
+  outline-offset: 1px;
+}
+
+.E9cRQW_pickedList {
+  border-top: 1px solid var(--dsw-alias-border-subtle);
+  max-height: 280px;
+  margin-top: 10px;
+  overflow: auto;
+}
+
+.E9cRQW_pickedFile {
+  border-bottom: 1px solid var(--dsw-alias-border-subtle);
+  grid-template-columns: minmax(0, 1fr) auto auto;
+  align-items: center;
+  gap: 8px;
+  min-height: 38px;
+  padding: 4px;
+  display: grid;
+}
+
+.E9cRQW_pickedFile small {
+  color: var(--dsw-alias-fg-tertiary);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 11px;
+  display: block;
+  overflow: hidden;
+}
+
+.E9cRQW_pathUnavailable {
+  color: var(--dsw-alias-warning);
+  white-space: nowrap;
+  font-size: 11px;
+}
+
+.E9cRQW_pickerError {
+  color: var(--dsw-alias-danger);
+  margin-top: 8px;
+  font-size: 12px;
+}
+
+.E9cRQW_scopeDialog {
+  gap: 10px;
+  display: grid;
+}
+
+.E9cRQW_emptyActions {
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 8px;
+  display: flex;
+}
+
+.E9cRQW_selectedNames {
+  max-width: 100%;
+  color: var(--dsw-alias-label-secondary);
+  flex-direction: column;
+  gap: 3px;
+  font-size: 11px;
+  line-height: 16px;
+  display: flex;
+  overflow: hidden;
+}
+
+.E9cRQW_page {
+  background: var(--dsw-alias-surface-primary);
+  gap: 0;
+}
+
+.E9cRQW_header {
+  box-sizing: border-box;
+  border-bottom: 1px solid var(--dsw-alias-border-default);
+  align-items: center;
+  min-height: 52px;
+  padding: 10px 14px;
+}
+
+.E9cRQW_header h1 {
+  font-size: 16px;
+  font-weight: 650;
+}
+
+.E9cRQW_scope {
+  box-sizing: border-box;
+  background: var(--dsw-alias-surface-secondary);
+  border-bottom: 1px solid var(--dsw-alias-border-subtle);
+  min-height: 42px;
+  padding: 7px 14px;
+}
+
+.E9cRQW_scope label {
+  color: var(--dsw-alias-fg-secondary);
+  font-size: 12px;
+}
+
+.E9cRQW_scope textarea {
+  min-height: 26px;
+  line-height: 18px;
+}
+
+.E9cRQW_tabs {
+  border-bottom: 1px solid var(--dsw-alias-border-default);
+  align-self: stretch;
+  min-height: 40px;
+  margin: 0;
+  padding: 0 14px;
+}
+
+.E9cRQW_content {
+  gap: 0;
+  padding: 14px;
+}
+
+.E9cRQW_cards {
+  gap: 6px;
+  margin-bottom: 12px;
+}
+
+.E9cRQW_metric {
+  box-sizing: border-box;
+  background: var(--dsw-alias-surface-primary);
+  border: 1px solid var(--dsw-alias-border-default);
+  border-radius: 4px;
+  min-height: 66px;
+  padding: 10px 12px;
+}
+
+.E9cRQW_metric span {
+  color: var(--dsw-alias-fg-secondary);
+  font-size: 11px;
+}
+
+.E9cRQW_metric strong {
+  font-size: 18px;
+  line-height: 22px;
+}
+
+.E9cRQW_alert {
+  box-sizing: border-box;
+  border: 1px solid var(--dsw-alias-border-subtle);
+  border-left: 3px solid var(--dsw-alias-warning);
+  background: var(--dsw-alias-surface-secondary);
+  min-height: 34px;
+  margin: 0 0 14px;
+  padding: 6px 10px;
+}
+
+h2 {
+  border-bottom: 1px solid var(--dsw-alias-border-subtle);
+  margin: 14px 0 0;
+  padding-bottom: 6px;
+  font-size: 12px;
+  font-weight: 650;
+}
+
+.E9cRQW_list {
+  border-bottom: 1px solid var(--dsw-alias-border-subtle);
+}
+
+.E9cRQW_row {
+  grid-template-columns: minmax(0, 2fr) 70px 110px 32px;
+  min-height: 32px;
+  padding: 6px 4px;
+}
+
+.E9cRQW_topErrorList {
+  width: 100%;
+  max-width: 100%;
+  overflow: hidden;
+}
+
+.E9cRQW_topErrorAnchor {
+  width: 100%;
+  position: relative;
+}
+
+.E9cRQW_topErrorViewportAnchor {
+  pointer-events: none;
+  width: calc(100vw - 16px);
+  height: 1px;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.E9cRQW_topErrorRow {
+  grid-template-columns: 56px minmax(0, 1fr) 64px minmax(190px, 220px);
+  width: 100%;
+  min-width: 0;
+}
+
+.E9cRQW_trend {
+  box-sizing: border-box;
+  border-bottom: 1px solid var(--dsw-alias-border-default);
+  background: linear-gradient(to bottom,
+    transparent 24%,
+    var(--dsw-alias-border-subtle) 25%,
+    transparent 26%,
+    transparent 49%,
+    var(--dsw-alias-border-subtle) 50%,
+    transparent 51%,
+    transparent 74%,
+    var(--dsw-alias-border-subtle) 75%,
+    transparent 76%);
+  height: 110px;
+  min-height: 110px;
+  margin-top: 0;
+}
+
+.E9cRQW_trend:empty:after {
+  content: "暂无时间趋势数据";
+  color: var(--dsw-alias-fg-tertiary);
+  align-self: center;
+  margin: auto;
+  font-size: 12px;
+}
+
+.E9cRQW_fileToggle {
+  border-bottom: 1px solid var(--dsw-alias-border-default);
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  min-height: 34px;
+  padding: 7px 4px;
+  font-size: 12px;
+  display: flex;
+}
+
+.E9cRQW_progress {
+  box-sizing: border-box;
+  min-height: 34px;
+  padding: 6px 14px;
+  font-size: 12px;
+}
+
+.E9cRQW_filters {
+  border-bottom: 1px solid var(--dsw-alias-border-default);
+  background: var(--dsw-alias-surface-secondary);
+  margin: -14px -14px 10px;
+  padding: 8px 10px;
+}
+
+.E9cRQW_table {
+  border: 1px solid var(--dsw-alias-border-default);
+  border-radius: 4px;
+  overflow: hidden;
+}
+
+.E9cRQW_tableHead {
+  font-size: 11px;
+}
+
+.E9cRQW_tableRow {
+  min-height: 32px;
+  padding: 6px 10px;
+}
+
+.E9cRQW_scope {
+  border: 1px solid var(--dsw-alias-border-subtle);
+  box-sizing: border-box;
+  background: none;
+  border-radius: 8px;
+  align-items: stretch;
+  gap: 10px;
+  min-height: 64px;
+  margin: 8px 14px;
+  padding: 10px 12px;
+}
+
+.E9cRQW_scopeBody {
+  min-width: 0;
+  color: inherit;
+  text-align: left;
+  cursor: pointer;
+  background: none;
+  border: 0;
+  flex: 1;
+  align-items: flex-start;
+  gap: 9px;
+  padding: 0;
+  display: flex;
+}
+
+.E9cRQW_scopeBody:focus-visible {
+  outline: var(--dsw-focus-ring-width) solid
+    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+
+.E9cRQW_scopeIcon {
+  width: 20px;
+  height: 20px;
+  color: var(--dsw-alias-fg-secondary);
+  justify-content: center;
+  align-items: center;
+  font-size: 18px;
+  line-height: 1;
+  display: flex;
+}
+
+.E9cRQW_scopeBody > span:last-child {
+  flex-direction: column;
+  gap: 4px;
+  min-width: 0;
+  display: flex;
+}
+
+.E9cRQW_scopeTitle {
+  color: var(--dsw-alias-fg-secondary);
+  font-size: 11px;
+  font-weight: 600;
+  display: block;
+}
+
+.E9cRQW_querySummary {
+  min-width: 0;
+  color: var(--dsw-alias-fg-primary);
+  white-space: normal;
+  flex-direction: column;
+  gap: 2px;
+  font-size: 12px;
+  line-height: 17px;
+  display: flex;
+  overflow: visible;
+}
+
+.E9cRQW_querySummary > span {
+  display: block;
+}
+
+.E9cRQW_scopeActions {
+  flex-shrink: 0;
+  align-items: center;
+}
+
+.E9cRQW_scopeActions button:last-child {
+  order: -1;
+}
+
+.E9cRQW_files {
+  max-height: 190px;
+  overflow: hidden auto;
+}
+
+.E9cRQW_files > .E9cRQW_file {
+  align-items: center;
+  gap: 8px;
+  padding-right: 34px;
+  display: flex;
+  position: relative;
+}
+
+.E9cRQW_fileName {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  align-items: center;
+  gap: 7px;
+  min-width: 0;
+  display: flex;
+  overflow: hidden;
+}
+
+.E9cRQW_files > .E9cRQW_file > .E9cRQW_muted {
+  white-space: nowrap;
+  flex-shrink: 0;
+  margin-left: auto;
+}
+
+.E9cRQW_fileStatus {
+  background: var(--dsw-alias-fg-tertiary);
+  border-radius: 50%;
+  flex: none;
+  width: 7px;
+  height: 7px;
+  display: inline-block;
+}
+
+.E9cRQW_fileStatus-pending {
+  background: var(--dsw-alias-fg-tertiary);
+}
+
+.E9cRQW_fileStatus-processing {
+  box-sizing: border-box;
+  border: 2px solid var(--dsw-alias-fg-tertiary);
+  background: none;
+  border-right-color: #0000;
+  width: 12px;
+  height: 12px;
+  animation: .7s linear infinite E9cRQW_file-status-spin;
+}
+
+.E9cRQW_fileStatus-done {
+  background: var(--dsw-static-green-500);
+}
+
+.E9cRQW_fileStatus-failed {
+  width: 14px;
+  height: 14px;
+  color: var(--dsw-static-red-500);
+  text-align: center;
+  background: none;
+  border-radius: 0;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 14px;
+}
+
+@keyframes E9cRQW_file-status-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.E9cRQW_files > .E9cRQW_file .E9cRQW_fileRemove {
+  opacity: 0;
+  pointer-events: none;
+  min-width: 24px;
+  padding: 0 5px;
+  font-size: 17px;
+  line-height: 22px;
+  position: absolute;
+  top: 50%;
+  right: 4px;
+  transform: translateY(-50%);
+}
+
+.E9cRQW_files > .E9cRQW_file:hover .E9cRQW_fileRemove, .E9cRQW_files > .E9cRQW_file:focus-within .E9cRQW_fileRemove, .E9cRQW_files > .E9cRQW_file .E9cRQW_fileRemove:focus-visible {
+  opacity: 1;
+  pointer-events: auto;
+}
+
+.E9cRQW_moduleDisclosure > [data-disclosure-row] {
+  cursor: pointer;
+  transition: none;
+}
+
+.E9cRQW_moduleDisclosure > [data-disclosure-row]:hover {
+  background: none !important;
+}
+
+.E9cRQW_moduleDisclosure > [data-disclosure-row]:focus-visible {
+  outline: var(--dsw-focus-ring-width) solid
+    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));
+  outline-offset: -2px;
+}
+
+.E9cRQW_files > .E9cRQW_file {
+  transition: background-color .12s;
+}
+
+.E9cRQW_files > .E9cRQW_file:hover {
+  background: var(--dsw-alias-interactive-bg-hover);
+}
+
+.E9cRQW_filePanelTitle {
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+  display: flex;
+}
+
+.E9cRQW_fileTaskSummary {
+  color: var(--dsw-alias-label-secondary);
+  white-space: nowrap;
+  align-items: center;
+  gap: 8px;
+  margin-left: 8px;
+  font-size: 11px;
+  font-weight: 400;
+  display: inline-flex;
+}
+
+.E9cRQW_fileTaskSummary strong {
+  color: var(--dsw-alias-label-primary);
+  font-weight: 650;
+}
+
+.E9cRQW_fileTaskFailed, .E9cRQW_fileTaskFailed strong {
+  color: var(--dsw-alias-danger);
+}
+
+.E9cRQW_content, .E9cRQW_moduleDisclosure, .E9cRQW_moduleDisclosure > [data-disclosure-row] + * {
+  box-sizing: border-box;
+  min-width: 0;
+  max-width: 100%;
+}
+
+.E9cRQW_files {
+  min-height: 64px;
+  max-height: 190px;
+  overflow: hidden auto;
+}
+
+.E9cRQW_filePanelProgress {
+  color: var(--dsw-alias-label-secondary);
+  font-size: 11px;
+  font-weight: 400;
+}
+
+.E9cRQW_chartModeControl {
+  width: min(100%, 300px);
+  margin-left: auto;
+}
+
+.E9cRQW_parserReview {
+  border: 1px solid var(--dsw-alias-border-default);
+  background: var(--dsw-alias-surface-secondary);
+  border-radius: 4px;
+  gap: 9px;
+  min-width: 0;
+  margin: 10px 14px;
+  padding: 11px 12px;
+  display: grid;
+}
+
+.E9cRQW_parserReviewHeading {
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: 10px;
+  display: flex;
+}
+
+.E9cRQW_parserReviewHeading span, .E9cRQW_parserStats {
+  color: var(--dsw-alias-fg-secondary);
+  font-size: 11px;
+}
+
+.E9cRQW_parserPreviewGrid {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 8px;
+  min-width: 0;
+  display: grid;
+}
+
+.E9cRQW_parserPreviewGrid > div {
+  min-width: 0;
+}
+
+.E9cRQW_parserPreviewGrid > div > span {
+  color: var(--dsw-alias-fg-secondary);
+  font-size: 11px;
+}
+
+.E9cRQW_parserPreviewGrid pre {
+  box-sizing: border-box;
+  border: 1px solid var(--dsw-alias-border-subtle);
+  background: var(--dsw-alias-surface-primary);
+  white-space: pre;
+  overflow-wrap: normal;
+  max-width: 100%;
+  max-height: 150px;
+  margin: 4px 0 0;
+  padding: 7px 8px;
+  font: 12px / 18px ui-monospace, SFMono-Regular, Consolas, monospace;
+  overflow: auto;
+}
+
+.E9cRQW_parserStats {
+  flex-wrap: wrap;
+  gap: 8px 14px;
+  display: flex;
+}
+
+.E9cRQW_parserActions {
+  justify-content: flex-end;
+  gap: 6px;
+  display: flex;
+}
+
+.E9cRQW_settings {
+  color: var(--dsw-alias-fg-primary);
+  gap: 10px;
+  padding: 16px;
+  display: grid;
+}
+
+.E9cRQW_settings h2 {
+  margin: 0;
+  font-size: 16px;
+}
+
+.E9cRQW_settings p, .E9cRQW_settings > span {
+  color: var(--dsw-alias-fg-secondary);
+  margin: 0;
+  font-size: 12px;
+}
+
+.E9cRQW_settingsModel {
+  grid-template-columns: 120px minmax(120px, 1fr) minmax(160px, 2fr);
+  align-items: center;
+  gap: 8px;
+  max-width: 680px;
+  font-size: 12px;
+  display: grid;
+}
+
+.E9cRQW_settingsModel select {
+  border: 1px solid var(--dsw-alias-border-default);
+  background: var(--dsw-alias-surface-primary);
+  min-width: 0;
+  height: 32px;
+  color: inherit;
+  font: inherit;
+  border-radius: 4px;
+  padding: 4px 8px;
+}
+
+.E9cRQW_settingsModel select:focus-visible {
+  outline: var(--dsw-focus-ring-width) solid
+    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));
+  outline-offset: 1px;
+}
+
+.E9cRQW_parserReview button:hover, .E9cRQW_parserReview button:focus-visible {
+  transform: none;
+}
+
+@media (width <= 640px) {
+  .E9cRQW_parserPreviewGrid, .E9cRQW_settingsModel {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}
+
+.E9cRQW_settingsSelect {
+  border: 1px solid var(--dsw-alias-border-default);
+  background: var(--dsw-alias-surface-primary);
+  min-width: 0;
+  height: 32px;
+  color: inherit;
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+  border-radius: 4px;
+  justify-content: space-between;
+  align-items: center;
+  padding: 4px 10px;
+  display: flex;
+}
+
+.E9cRQW_settingsSelect:after {
+  content: "⌄";
+  color: var(--dsw-alias-fg-secondary);
+  margin-left: 8px;
+}
+
+.E9cRQW_settingsSelect:focus-visible {
+  outline: var(--dsw-focus-ring-width) solid
+    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));
+  outline-offset: 1px;
+}
+
+.E9cRQW_settingsSelect:disabled {
+  cursor: not-allowed;
+  opacity: .55;
+}
+
+.E9cRQW_chartPanel {
+  min-width: 0;
+  padding-top: 8px;
+}
+
+.E9cRQW_chartCanvas {
+  --trend-color-error: var(--dsw-static-red-500);
+  --trend-color-warning: var(--dsw-static-amber-500);
+  --trend-color-info: var(--dsw-static-blue-500);
+  --trend-color-debug: var(--dsw-static-green-500);
+  --trend-color-trace: var(--dsw-static-deepseek-400);
+  --trend-color-unknown: var(--dsw-static-neutral-500);
+  --trend-color-volume: var(--dsw-static-blue-500);
+  --trend-color-source-0: var(--dsw-static-blue-500);
+  --trend-color-source-1: var(--dsw-static-green-500);
+  --trend-color-source-2: var(--dsw-static-amber-500);
+  --trend-color-source-3: var(--dsw-static-red-500);
+  --trend-color-source-4: var(--dsw-static-deepseek-400);
+  width: 100%;
+  min-width: 0;
+  height: 230px;
+}
+
+.E9cRQW_recentToolbar {
+  align-items: center;
+  gap: 8px;
+  padding: 5px 2px 8px;
+  display: flex;
+}
+
+.E9cRQW_recentToolbar > .E9cRQW_muted {
+  margin-right: auto;
+}
+
+.E9cRQW_recentFilterControl {
+  width: min(100%, 240px);
+}
+
+.E9cRQW_recentRow {
+  border: 0;
+  border-bottom: 1px solid var(--dsw-alias-border-subtle);
+  width: 100%;
+  min-width: 0;
+  color: inherit;
+  text-align: left;
+  font: inherit;
+  background: none;
+  grid-template-columns: 48px minmax(0, 1fr) minmax(0, 150px);
+  align-items: center;
+  gap: 10px;
+  padding: 8px 6px;
+  transition: background-color .12s;
+  display: grid;
+}
+
+.E9cRQW_recentRow:hover {
+  background: var(--dsw-alias-interactive-bg-hover);
+}
+
+.E9cRQW_recentLevelTag {
+  box-sizing: border-box;
+  justify-content: center;
+  width: 40px;
+  min-width: 40px;
+  padding: 1px 3px;
+  font-size: 10px;
+  line-height: 16px;
+}
+
+.E9cRQW_recentSummary {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+  color: var(--dsw-alias-fg-primary);
+  display: block;
+  overflow: hidden;
+}
+
+.E9cRQW_recentError {
+  color: var(--dsw-alias-danger);
+}
+
+.E9cRQW_recentWarn {
+  color: #b27f39;
+}
+
+.E9cRQW_recentLevel {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-weight: 700;
+  overflow: hidden;
+}
+
+.E9cRQW_recentException, .E9cRQW_recentTime {
+  color: var(--dsw-alias-fg-primary);
+}
+
+.E9cRQW_recentTime {
+  text-align: right;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.E9cRQW_recentHoverPanel {
+  box-sizing: border-box;
+  background: var(--dsw-alias-bg-layer-1);
+  width: 100%;
+  color: var(--dsw-alias-label-primary);
+  padding: 16px 18px 18px;
+}
+
+.E9cRQW_topErrorPanel {
+  flex-direction: column;
+  width: 100%;
+  max-width: 100%;
+  height: 700px;
+  max-height: min(700px, 100vh - 32px);
+  display: flex;
+  overflow: hidden;
+}
+
+.E9cRQW_topErrorPanelMaximized {
+  z-index: 1;
+  border-radius: var(--dsw-radius-lg);
+  width: auto;
+  max-width: none;
+  height: auto;
+  max-height: none;
+  box-shadow: var(--dsw-elevation-panel);
+  position: fixed;
+  inset: 16px;
+  overflow: hidden;
+}
+
+.E9cRQW_topErrorTitle {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+  font-size: 13px;
+  line-height: 18px;
+  overflow: hidden;
+}
+
+.E9cRQW_topErrorTabs {
+  flex: none;
+  padding: 4px 0 8px;
+}
+
+.E9cRQW_topErrorTabContent {
+  flex: 1;
+  min-height: 0;
+  padding-right: 4px;
+  overflow: hidden auto;
+}
+
+.E9cRQW_topErrorTabContent .E9cRQW_recentStack {
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  max-height: none;
+  overflow: visible;
+}
+
+.E9cRQW_topErrorChart {
+  width: 100%;
+  height: 180px;
+  min-height: 180px;
+  margin: 8px 0;
+}
+
+.E9cRQW_recentHoverSource {
+  border-bottom: 1px solid var(--dsw-alias-border-subtle);
+  min-width: 0;
+  color: var(--dsw-alias-label-primary);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  padding-bottom: 10px;
+  font-size: 13px;
+  line-height: 18px;
+  display: block;
+  overflow: hidden;
+}
+
+.E9cRQW_recentHoverTitle {
+  border-bottom: 1px solid var(--dsw-alias-border-subtle);
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+  padding-bottom: 10px;
+  display: flex;
+}
+
+.E9cRQW_recentHoverTitle .E9cRQW_recentHoverSource {
+  border-bottom: 0;
+  flex: 1;
+  padding-bottom: 0;
+}
+
+.E9cRQW_recentHoverTitle > button {
+  flex: none;
+  margin-left: auto;
+}
+
+.E9cRQW_recentList {
+  max-height: 420px;
+  overflow: hidden auto;
+}
+
+.E9cRQW_recentTitle {
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+  display: flex;
+}
+
+.E9cRQW_recentTitleSummary {
+  color: var(--dsw-alias-fg-secondary);
+  font-size: 11px;
+  font-weight: 400;
+}
+
+.E9cRQW_recentTitleError {
+  color: #d14343;
+  font-weight: 600;
+}
+
+.E9cRQW_recentTitleWarn {
+  color: #b27f39;
+  font-weight: 600;
+}
+
+.E9cRQW_recentStack {
+  box-sizing: border-box;
+  border: 1px solid var(--dsw-alias-border-subtle);
+  background: var(--dsw-alias-surface-secondary);
+  max-width: 100%;
+  max-height: 300px;
+  color: var(--dsw-alias-label-primary);
+  white-space: pre;
+  overflow-wrap: normal;
+  border-radius: 5px;
+  margin: 0;
+  padding: 11px 12px;
+  font: 15px / 22px ui-monospace, SFMono-Regular, Consolas, monospace;
+  overflow: auto;
+}
+
+.E9cRQW_recentStackWrap {
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+
+.E9cRQW_recentStackWarn {
+  color: #b27f39;
+}
+
+.E9cRQW_recentStackError {
+  color: #d14343;
+}
+
+.E9cRQW_settingsModel > span {
+  white-space: nowrap;
+  font-size: 15px;
+  font-weight: 500;
+}
+
+.E9cRQW_settingsModel .E9cRQW_settingsSelect {
+  justify-content: space-between;
+  min-width: 340px;
+  min-height: 42px;
+  font-size: 16px !important;
+}
+
+.E9cRQW_settingsSelectList {
+  min-width: 340px;
+  max-width: 480px;
+}
+
+.E9cRQW_settingsSelectList button {
+  min-height: 40px;
+  padding: 9px 13px;
+  font-size: 15px !important;
+}
+
+.E9cRQW_parserModal {
+  --dsw-alias-fg-primary: var(--dsw-alias-label-primary);
+  --dsw-alias-fg-secondary: var(--dsw-alias-label-secondary);
+  --dsw-alias-fg-tertiary: var(--dsw-alias-label-caption);
+  --dsw-alias-surface-primary: var(--dsw-alias-bg-layer-1);
+  --dsw-alias-surface-secondary: var(--dsw-alias-bg-overlay);
+  --dsw-alias-border-subtle: var(--dsw-alias-border-l2);
+  --dsw-alias-border-default: var(--dsw-alias-border-l3);
+  --dsw-alias-accent: var(--dsw-alias-brand-primary-new-colorprimary-new-color);
+  --dsw-alias-warning: var(--dsw-static-yellow-500);
+  --dsw-alias-danger: var(--dsw-static-red-600);
+  width: min(920px, 100vw - 48px);
+  max-width: 920px;
+}
+
+.E9cRQW_parserModal h2 {
+  border-bottom: 0;
+  padding-bottom: 0;
+}
+
+.E9cRQW_parserModalContent {
+  box-sizing: border-box;
+  scrollbar-gutter: stable;
+  height: min(78vh, 720px, 100vh - 120px);
+  min-height: min(560px, 100vh - 200px);
+  overflow: hidden auto;
+}
+
+.E9cRQW_parserDialogSticky {
+  z-index: 2;
+  background: var(--dsw-alias-surface-primary);
+  border-bottom: 1px solid var(--dsw-alias-border-subtle);
+  padding: 8px 0;
+  position: sticky;
+  top: -1px;
+}
+
+.E9cRQW_parserDialogBody {
+  min-width: 0;
+  color: var(--dsw-alias-fg-primary);
+  flex-direction: column;
+  gap: 12px;
+  display: flex;
+}
+
+.E9cRQW_parserFileInfo {
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 7px 10px;
+  min-width: 0;
+  display: flex;
+}
+
+.E9cRQW_parserFileInfo > strong {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 240px;
+  min-width: 140px;
+  overflow: hidden;
+}
+
+.E9cRQW_parserFileInfo > span {
+  color: var(--dsw-alias-fg-secondary);
+  white-space: nowrap;
+  font-size: 12px;
+}
+
+.E9cRQW_parserSection {
+  min-width: 0;
+}
+
+.E9cRQW_parserDisclosure {
+  border: 1px solid var(--dsw-alias-border-default);
+  border-radius: 4px;
+  margin-top: 8px;
+  padding: 0 8px;
+}
+
+.E9cRQW_parserDisclosure > [data-disclosure-row] {
+  min-height: 32px;
+}
+
+.E9cRQW_parserDisclosure > [data-disclosure-row] [class*="title"] {
+  color: var(--dsw-alias-label-primary);
+  font-size: 12px;
+  font-weight: 650;
+}
+
+.E9cRQW_parserDisclosure > [data-disclosure-row]:hover {
+  background: none;
+}
+
+.E9cRQW_parserDisclosure > [data-disclosure-row]:focus-visible {
+  outline: var(--dsw-focus-ring-width) solid
+    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));
+  outline-offset: -2px;
+}
+
+.E9cRQW_parserDisclosure > [data-disclosure-row] + * {
+  padding: 0 0 6px;
+}
+
+.E9cRQW_parserDisclosure > [data-disclosure-row] + .E9cRQW_ruleEditor {
+  padding: 8px 0 2px 12px;
+}
+
+.E9cRQW_sampleControls {
+  flex-direction: column;
+  gap: 9px;
+  min-width: 0;
+  padding: 8px 0 2px;
+  display: flex;
+}
+
+.E9cRQW_sampleControlRow {
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+  display: flex;
+}
+
+.E9cRQW_sampleControlRow > label {
+  box-sizing: border-box;
+  color: var(--dsw-alias-fg-secondary);
+  white-space: nowrap;
+  padding-left: 0;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 18px;
+}
+
+.E9cRQW_sampleModeButton {
+  margin-left: auto;
+}
+
+.E9cRQW_parserActionGroup {
+  flex: none;
+  gap: 6px;
+  margin-left: auto;
+  display: flex;
+}
+
+.E9cRQW_parserDialogSticky .E9cRQW_sampleControlRow > input {
+  flex: 120px;
+  min-width: 120px;
+}
+
+.E9cRQW_sampleExcerpt, .E9cRQW_manualSample {
+  box-sizing: border-box;
+  border: 1px solid var(--dsw-alias-border-subtle);
+  background: var(--dsw-alias-surface-secondary);
+  width: 100%;
+  max-width: 100%;
+  color: var(--dsw-alias-fg-primary);
+  border-radius: 4px;
+  margin: 0;
+  font: 12px / 18px ui-monospace, SFMono-Regular, Consolas, monospace;
+}
+
+.E9cRQW_sampleExcerpt {
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  max-height: 170px;
+  padding: 8px 9px;
+  overflow: hidden auto;
+}
+
+.E9cRQW_parserError {
+  border-left: 3px solid var(--dsw-alias-danger);
+  background: var(--dsw-alias-surface-secondary);
+  min-width: 0;
+  color: var(--dsw-alias-danger);
+  overflow-wrap: anywhere;
+  padding: 7px 9px;
+  font-size: 12px;
+  line-height: 18px;
+}
+
+.E9cRQW_parserResult {
+  flex-direction: column;
+  gap: 9px;
+  min-width: 0;
+  padding: 8px 0 2px;
+  display: flex;
+}
+
+.E9cRQW_parserStats {
+  min-width: 0;
+  color: var(--dsw-alias-fg-secondary);
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 7px 12px;
+  font-size: 11px;
+  display: flex;
+}
+
+.E9cRQW_parserFields {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  column-gap: 20px;
+  min-width: 0;
+  padding-left: 12px;
+  display: grid;
+}
+
+.E9cRQW_parserField {
+  grid-template-columns: 76px minmax(0, 1fr);
+  gap: 10px;
+  min-width: 0;
+  padding: 7px 0;
+  display: grid;
+}
+
+.E9cRQW_parserFieldMessage {
+  grid-column: 1 / -1;
+}
+
+.E9cRQW_parserField > strong {
+  color: var(--dsw-alias-fg-secondary);
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 18px;
+}
+
+.E9cRQW_parserField > pre {
+  box-sizing: border-box;
+  max-width: 100%;
+  max-height: 190px;
+  color: var(--dsw-alias-fg-primary);
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  background: none;
+  margin: 0;
+  padding: 0;
+  font: 12px / 18px ui-monospace, SFMono-Regular, Consolas, monospace;
+  overflow: hidden auto;
+}
+
+.E9cRQW_ruleDetails {
+  border: 1px solid var(--dsw-alias-border-subtle);
+  background: var(--dsw-alias-surface-secondary);
+  border-radius: 4px;
+  flex-direction: column;
+  min-width: 0;
+  display: flex;
+}
+
+.E9cRQW_ruleDetails > div {
+  border-bottom: 1px solid var(--dsw-alias-border-subtle);
+  grid-template-columns: 120px minmax(0, 1fr);
+  gap: 10px;
+  min-width: 0;
+  padding: 7px 9px;
+  display: grid;
+}
+
+.E9cRQW_ruleDetails > div:last-child {
+  border-bottom: 0;
+}
+
+.E9cRQW_ruleDetails strong {
+  color: var(--dsw-alias-fg-secondary);
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.E9cRQW_ruleDetails code {
+  overflow-wrap: anywhere;
+  white-space: pre-wrap;
+  min-width: 0;
+  font: 12px / 18px ui-monospace, SFMono-Regular, Consolas, monospace;
+}
+
+.E9cRQW_rawMeta {
+  color: var(--dsw-alias-fg-secondary);
+  padding: 8px 0 6px;
+  font-size: 12px;
+}
+
+.E9cRQW_rawToolbar {
+  align-items: center;
+  gap: 8px;
+  padding: 4px 2px 7px;
+  display: flex;
+}
+
+.E9cRQW_rawToolbar .E9cRQW_muted {
+  margin-right: auto;
+}
+
+.E9cRQW_rawRecord {
+  box-sizing: border-box;
+  max-width: 100%;
+  height: 196px;
+  color: var(--dsw-alias-label-primary);
+  white-space: pre;
+  overflow-wrap: normal;
+  margin: 0;
+  padding: 11px 12px;
+  font: 12px / 18px ui-monospace, SFMono-Regular, Consolas, monospace;
+  overflow: auto;
+}
+
+.E9cRQW_rawRecord code {
+  color: inherit;
+  font: inherit;
+  background: none;
+  margin: 0;
+  padding: 0;
+  display: block;
+}
+
+.E9cRQW_rawRecordWrap {
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+
+.E9cRQW_parserRawActions {
+  justify-content: flex-end;
+  padding-top: 8px;
+  display: flex;
+}
+
+.E9cRQW_parserFooter {
+  align-items: center;
+  gap: 6px;
+  width: 100%;
+  min-width: 0;
+  display: flex;
+}
+
+.E9cRQW_parserFooter > span {
+  flex: 1;
+}
+
+@media (width <= 640px) {
+  .E9cRQW_parserModal {
+    width: min(100vw - 32px, 640px);
+  }
+
+  .E9cRQW_parserModalContent {
+    height: calc(100vh - 160px);
+    min-height: 0;
+  }
+
+  .E9cRQW_sampleControlRow {
+    flex-wrap: wrap;
+    gap: 5px;
+  }
+
+  .E9cRQW_parserActionGroup {
+    margin-left: auto;
+  }
+
+  .E9cRQW_parserField, .E9cRQW_ruleDetails > div {
+    grid-template-columns: minmax(0, 1fr);
+    gap: 3px;
+  }
+
+  .E9cRQW_parserFields {
+    grid-template-columns: minmax(0, 1fr);
+    padding-left: 8px;
+  }
+}