/**
 * Creator (/dang-truyen) + MultiSelect — MUST load after beengtv-overrides
 * so legacy theme (ul/li/button) cannot blow open genre pickers in-flow.
 */

/* ---- Multi / Nice select ---- */
body.site-theme .ms-select,
.ms-select {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  z-index: 1;
  display: block !important;
  float: none !important;
}

body.site-theme .ms-select.is-open,
.ms-select.is-open,
body.site-theme .form-field:focus-within .ms-select {
  z-index: 40;
}

body.site-theme .ms-select.is-disabled,
.ms-select.is-disabled {
  opacity: 0.6;
  pointer-events: none;
}

body.site-theme .ms-control,
.ms-control {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 42px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px 10px !important;
  border: 1px solid var(--st-border, #e2e8f0) !important;
  border-radius: 8px !important;
  background: #fff !important;
  text-align: left !important;
  cursor: pointer !important;
  font: inherit !important;
  color: var(--st-text, #1e293b) !important;
  box-shadow: none !important;
  float: none !important;
  line-height: 1.3 !important;
}

body.site-theme .ms-select.is-open .ms-control,
.ms-select.is-open .ms-control {
  border-color: var(--st-accent, #0d9488) !important;
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.12) !important;
}

body.site-theme .ms-tags,
.ms-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: center !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  float: none !important;
}

body.site-theme .ms-tag,
.ms-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  max-width: 100% !important;
  height: 26px !important;
  padding: 0 8px !important;
  border-radius: 6px !important;
  background: var(--st-accent-soft, rgba(13, 148, 136, 0.12)) !important;
  color: var(--st-accent-dark, #0f766e) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  border: 0 !important;
}

body.site-theme .ms-tag--more,
.ms-tag--more {
  background: #f1f5f9 !important;
  color: #64748b !important;
}

body.site-theme .ms-tag-x,
.ms-tag-x {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  color: inherit !important;
}

body.site-theme .ms-placeholder,
.ms-placeholder {
  color: #94a3b8 !important;
  font-weight: 500 !important;
  font-size: 14px !important;
}

body.site-theme .ms-value,
.ms-value {
  color: var(--st-text, #1e293b) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  min-width: 0 !important;
}

body.site-theme .ms-caret,
.ms-caret {
  flex: 0 0 auto !important;
  color: #94a3b8 !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

/* Portal menu — fixed to viewport, never expands form */
body.site-theme .ms-dropdown,
.ms-dropdown,
body.site-theme .ms-dropdown--portal,
.ms-dropdown--portal {
  position: fixed !important;
  z-index: 10050 !important;
  display: flex !important;
  flex-direction: column !important;
  max-height: 260px !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  border: 1px solid var(--st-border, #e2e8f0) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14) !important;
}

body.site-theme .ms-search,
.ms-search {
  flex: 0 0 auto !important;
  padding: 8px !important;
  border-bottom: 1px solid var(--st-border, #e2e8f0) !important;
}

body.site-theme .ms-search input,
.ms-search input {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 36px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px 10px !important;
  border: 1px solid var(--st-border, #e2e8f0) !important;
  border-radius: 7px !important;
  background: #f8fafc !important;
  font: inherit !important;
  float: none !important;
  display: block !important;
}

body.site-theme .ms-options,
.ms-options {
  list-style: none !important;
  margin: 0 !important;
  padding: 6px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  max-height: 200px !important;
  display: block !important;
  float: none !important;
  width: 100% !important;
  columns: auto !important;
  column-count: 1 !important;
}

body.site-theme .ms-options > li,
.ms-options > li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  width: 100% !important;
  display: block !important;
  break-inside: auto !important;
}

body.site-theme .ms-option,
.ms-option {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 36px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px 10px !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: var(--st-text, #1e293b) !important;
  font: inherit !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-align: left !important;
  cursor: pointer !important;
  box-shadow: none !important;
  float: none !important;
  line-height: 1.3 !important;
}

body.site-theme .ms-option:hover,
.ms-option:hover {
  background: #f1f5f9 !important;
}

body.site-theme .ms-option.is-active,
.ms-option.is-active {
  background: var(--st-accent-soft, rgba(13, 148, 136, 0.12)) !important;
  color: var(--st-accent-dark, #0f766e) !important;
}

body.site-theme .ms-check,
.ms-check {
  width: 14px !important;
  flex: 0 0 14px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  color: var(--st-accent, #0d9488) !important;
}

body.site-theme .ms-empty,
.ms-empty {
  padding: 12px !important;
  text-align: center !important;
  color: #94a3b8 !important;
  font-size: 13px !important;
  display: block !important;
  width: 100% !important;
}

/* ---- Creator workspace layout lock ---- */
body.site-theme .creator-workspace,
.creator-workspace {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding-top: 16px !important;
  padding-bottom: 40px !important;
}

body.site-theme .creator-columns,
.creator-columns {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
  width: 100% !important;
  float: none !important;
}

body.site-theme .creator-workspace .panel-card.creator-panel,
body.site-theme .creator-panel.panel-card,
.creator-workspace .panel-card.creator-panel,
.creator-panel.panel-card {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid var(--st-border, #e2e8f0) !important;
  border-radius: 12px !important;
  background: var(--st-surface, #fff) !important;
  float: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.site-theme .creator-workspace .stack-form,
.creator-workspace .stack-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
}

body.site-theme .creator-workspace .form-field,
.creator-workspace .form-field {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  float: none !important;
  display: block !important;
}

body.site-theme .creator-workspace .form-row-2,
.creator-workspace .form-row-2 {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  width: 100% !important;
  float: none !important;
}

body.site-theme .creator-workspace .form-field label,
.creator-workspace .form-field label {
  display: block !important;
  margin: 0 0 6px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--st-text-muted, #64748b) !important;
  float: none !important;
}

body.site-theme .creator-workspace .form-field input:not([type="checkbox"]):not([type="file"]),
body.site-theme .creator-workspace .form-field textarea,
body.site-theme .creator-workspace .stack-form input:not([type="checkbox"]):not([type="file"]),
body.site-theme .creator-workspace .stack-form textarea,
body.site-theme .creator-workspace .creator-search-row input,
.creator-workspace .form-field input:not([type="checkbox"]):not([type="file"]),
.creator-workspace .form-field textarea,
.creator-workspace .creator-search-row input {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 42px !important;
  margin: 0 !important;
  float: none !important;
  border-radius: 8px !important;
  border: 1px solid var(--st-border, #e2e8f0) !important;
  padding: 8px 12px !important;
  background: #fff !important;
  font: inherit !important;
  color: var(--st-text, #1e293b) !important;
  box-shadow: none !important;
}

body.site-theme .creator-workspace .btn.btn-primary,
.creator-workspace .btn.btn-primary {
  min-height: 42px !important;
  width: 100% !important;
  justify-content: center !important;
  border-radius: 10px !important;
  background: var(--button-bg, linear-gradient(135deg, #0d9488, #0f766e)) !important;
  color: #fff !important;
  border: 0 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 2 !important;
}

body.site-theme .creator-workspace .creator-panel-head-actions .btn,
body.site-theme .creator-workspace .creator-list-actions .btn,
body.site-theme .creator-workspace .creator-shell-actions .btn,
body.site-theme .creator-workspace .creator-search-row .btn,
.creator-workspace .creator-panel-head-actions .btn,
.creator-workspace .creator-list-actions .btn,
.creator-workspace .creator-shell-actions .btn,
.creator-workspace .creator-search-row .btn {
  width: auto !important;
}

body.site-theme .creator-cover-row,
.creator-cover-row {
  display: flex !important;
  gap: 14px !important;
  align-items: center !important;
  float: none !important;
}

body.site-theme .creator-cover-box,
.creator-cover-box {
  position: relative !important;
  width: 92px !important;
  height: 128px !important;
  flex: 0 0 92px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  border: 1px solid var(--st-border, #e2e8f0) !important;
  cursor: pointer !important;
  background: linear-gradient(145deg, #e2e8f0, #f8fafc) !important;
  float: none !important;
}

body.site-theme .creator-cover-box img,
.creator-cover-box img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  max-width: none !important;
  display: block !important;
}

body.site-theme .creator-list-actions,
.creator-list-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 4px !important;
}

body.site-theme .creator-list-actions .btn,
.creator-list-actions .btn {
  min-height: 30px !important;
  padding: 0 10px !important;
  border-radius: 7px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

@media (min-width: 901px) {
  body.site-theme .creator-columns > .creator-panel:last-child,
  .creator-columns > .creator-panel:last-child {
    position: sticky !important;
    top: 76px !important;
  }

  body.site-theme .creator-columns > .creator-panel:last-child .creator-list,
  .creator-columns > .creator-panel:last-child .creator-list {
    max-height: calc(100vh - 220px) !important;
    overflow-y: auto !important;
  }
}

@media (max-width: 900px) {
  body.site-theme .creator-columns,
  .creator-columns {
    grid-template-columns: 1fr !important;
  }

  body.site-theme .creator-workspace .form-row-2,
  .creator-workspace .form-row-2 {
    grid-template-columns: 1fr !important;
  }
}

/* ---- Creator inbox (comments / reports) ---- */
body.site-theme .creator-inbox-grid,
.creator-inbox-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: 4px !important;
}

body.site-theme .creator-inbox-card,
.creator-inbox-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 12px !important;
  border: 1px solid var(--st-border, #e2e8f0) !important;
  border-radius: 10px !important;
  background: #fff !important;
  min-width: 0 !important;
}

body.site-theme .creator-inbox-card-head,
.creator-inbox-card-head {
  display: flex !important;
  gap: 10px !important;
  align-items: flex-start !important;
}

body.site-theme .creator-inbox-avatar,
.creator-inbox-avatar {
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: #f1f5f9 !important;
}

body.site-theme .creator-inbox-avatar img,
.creator-inbox-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

body.site-theme .creator-inbox-meta,
.creator-inbox-meta {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

body.site-theme .creator-inbox-title-row,
.creator-inbox-title-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
}

body.site-theme .creator-inbox-title-row strong,
.creator-inbox-title-row strong {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--st-text, #1e293b) !important;
}

body.site-theme .creator-inbox-sub,
.creator-inbox-sub {
  font-size: 11px !important;
  color: var(--st-text-muted, #64748b) !important;
}

body.site-theme .creator-inbox-body,
.creator-inbox-body {
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: var(--st-text, #1e293b) !important;
  word-break: break-word !important;
  white-space: pre-wrap !important;
}

body.site-theme .creator-filter-select,
.creator-filter-select {
  flex: 1 1 180px !important;
  min-width: 0 !important;
}

body.site-theme .creator-nav,
.creator-nav {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin !important;
  padding-bottom: 2px !important;
}

body.site-theme .creator-nav a.is-active,
.creator-nav a.is-active {
  background: var(--st-accent, #0d9488) !important;
  color: #fff !important;
  border-color: transparent !important;
}

@media (max-width: 900px) {
  body.site-theme .creator-inbox-grid,
  .creator-inbox-grid {
    grid-template-columns: 1fr !important;
  }

  body.site-theme .creator-nav a,
  .creator-nav a {
    flex: 0 0 auto !important;
  }
}

@media (max-width: 640px) {
  body.site-theme .creator-workspace .form-field input,
  body.site-theme .creator-workspace .form-field textarea,
  body.site-theme .creator-workspace .ms-control,
  body.site-theme .creator-search-row input,
  .creator-workspace .form-field input,
  .creator-workspace .form-field textarea,
  .creator-workspace .ms-control,
  .creator-search-row input {
    font-size: 16px !important;
  }

  body.site-theme .creator-list-actions .btn,
  body.site-theme .creator-search-row .btn,
  .creator-list-actions .btn,
  .creator-search-row .btn {
    min-height: 40px !important;
  }
}

/* ---- Typography & alignment polish ---- */
body.site-theme .creator-workspace,
.creator-workspace {
  font-family: "Nunito Sans", Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: var(--st-text, #1e293b) !important;
}

body.site-theme .creator-workspace a,
.creator-workspace a {
  font-size: inherit !important;
  font-family: inherit !important;
}

body.site-theme .creator-workspace .btn,
.creator-workspace .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  float: none !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body.site-theme .creator-workspace .btn.btn-sm,
.creator-workspace .btn.btn-sm {
  min-height: 32px !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  border-radius: 8px !important;
}

body.site-theme .creator-workspace .btn.btn-soft,
.creator-workspace .btn.btn-soft {
  background: var(--st-accent-soft, rgba(13, 148, 136, 0.1)) !important;
  color: var(--st-accent-dark, #0f766e) !important;
  border: 1px solid rgba(13, 148, 136, 0.22) !important;
}

body.site-theme .creator-workspace .btn.btn-ghost,
.creator-workspace .btn.btn-ghost {
  background: #fff !important;
  color: var(--st-text, #1e293b) !important;
  border: 1px solid var(--st-border, #e2e8f0) !important;
}

body.site-theme .creator-panel-head,
.creator-panel-head {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  float: none !important;
}

body.site-theme .creator-panel-head .panel-title,
.creator-panel-head .panel-title {
  float: none !important;
  margin: 0 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

body.site-theme .creator-panel-head-actions,
.creator-panel-head-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  float: none !important;
  flex: 0 0 auto !important;
}

body.site-theme .creator-list-item,
.creator-list-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  float: none !important;
}

body.site-theme .creator-list-main,
.creator-list-main {
  float: none !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

body.site-theme .creator-list-title,
.creator-list-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: var(--st-text, #1e293b) !important;
}

body.site-theme .creator-list-meta,
.creator-list-meta {
  font-size: 12px !important;
  line-height: 1.4 !important;
}

body.site-theme .creator-list-actions,
.creator-list-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 2px 0 0 !important;
  float: none !important;
  width: 100% !important;
}

body.site-theme .creator-list-actions .btn,
.creator-list-actions .btn {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  float: none !important;
}

body.site-theme .creator-workspace .form-field label,
.creator-workspace .form-field label {
  display: block !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  float: none !important;
  position: static !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: var(--st-text-muted, #64748b) !important;
}

body.site-theme .creator-workspace .form-field input:not([type="checkbox"]):not([type="file"]),
body.site-theme .creator-workspace .form-field textarea,
.creator-workspace .form-field input:not([type="checkbox"]):not([type="file"]),
.creator-workspace .form-field textarea {
  font-size: 14px !important;
  line-height: 1.4 !important;
}

body.site-theme .creator-workspace .form-row-bank,
.creator-workspace .form-row-bank {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  float: none !important;
  align-items: start !important;
}

body.site-theme .creator-workspace .form-row-bank .form-field,
.creator-workspace .form-row-bank .form-field {
  min-width: 0 !important;
}

@media (max-width: 900px) {
  body.site-theme .creator-workspace .form-row-bank,
  .creator-workspace .form-row-bank {
    grid-template-columns: 1fr !important;
  }
}

/* ---- Rich text editor ---- */
body.site-theme .creator-rich-editor,
.creator-rich-editor {
  border: 1px solid var(--st-border, #e2e8f0) !important;
  border-radius: 10px !important;
  background: #fff !important;
  overflow: hidden !important;
  float: none !important;
}

body.site-theme .creator-rich-toolbar,
.creator-rich-toolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 10px !important;
  border-bottom: 1px solid var(--st-border, #e2e8f0) !important;
  background: #f8fafc !important;
}

body.site-theme .creator-rich-mode-tabs,
.creator-rich-mode-tabs {
  display: inline-flex !important;
  gap: 4px !important;
  padding: 2px !important;
  border-radius: 8px !important;
  background: #e2e8f0 !important;
}

body.site-theme .creator-rich-mode-tab,
.creator-rich-mode-tab {
  border: 0 !important;
  background: transparent !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 5px 10px !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  font-family: inherit !important;
}

body.site-theme .creator-rich-mode-tab.is-active,
.creator-rich-mode-tab.is-active {
  background: #fff !important;
  color: var(--st-accent-dark, #0f766e) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08) !important;
}

body.site-theme .creator-rich-tools,
.creator-rich-tools {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px !important;
}

body.site-theme .creator-rich-toolbar-btn,
.creator-rich-toolbar-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: #475569 !important;
  cursor: pointer !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  font-family: inherit !important;
  padding: 0 !important;
}

body.site-theme .creator-rich-toolbar-btn:hover,
.creator-rich-toolbar-btn:hover {
  background: #fff !important;
  border-color: var(--st-border, #e2e8f0) !important;
  color: var(--st-accent-dark, #0f766e) !important;
}

body.site-theme .creator-rich-toolbar-divider,
.creator-rich-toolbar-divider {
  width: 1px !important;
  height: 18px !important;
  background: #cbd5e1 !important;
  margin: 0 2px !important;
}

body.site-theme .creator-rich-mode-hint,
.creator-rich-mode-hint {
  font-size: 12px !important;
  color: #64748b !important;
}

body.site-theme .creator-rich-editor-body,
.creator-rich-editor-body {
  min-height: 160px !important;
  max-height: 360px !important;
  overflow-y: auto !important;
  padding: 12px 14px !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: var(--st-text, #1e293b) !important;
  outline: none !important;
}

body.site-theme .creator-rich-editor-body:empty::before,
.creator-rich-editor-body:empty::before {
  content: attr(data-placeholder);
  color: #94a3b8;
  pointer-events: none;
}

body.site-theme .creator-rich-editor-body img,
.creator-rich-editor-body img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 6px !important;
}

body.site-theme .creator-rich-editor-source,
.creator-rich-editor-source {
  display: block !important;
  width: 100% !important;
  min-height: 180px !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 12px 14px !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  resize: vertical !important;
  background: #0f172a !important;
  color: #e2e8f0 !important;
}

body.site-theme .creator-rich-color-wrap,
.creator-rich-color-wrap {
  position: relative !important;
}

body.site-theme .creator-rich-color-menu,
.creator-rich-color-menu {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  right: 0 !important;
  z-index: 30 !important;
  min-width: 140px !important;
  padding: 6px !important;
  border: 1px solid var(--st-border, #e2e8f0) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12) !important;
}

body.site-theme .creator-rich-color-item,
.creator-rich-color-item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  border: 0 !important;
  background: transparent !important;
  padding: 7px 8px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--st-text, #1e293b) !important;
  cursor: pointer !important;
  font-family: inherit !important;
}

body.site-theme .creator-rich-color-item:hover,
.creator-rich-color-item:hover {
  background: #f1f5f9 !important;
}

body.site-theme .creator-rich-color-swatch,
.creator-rich-color-swatch {
  width: 14px !important;
  height: 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
}

body.site-theme .creator-rich-tip-host,
.creator-rich-tip-host {
  display: inline-flex !important;
}

body.site-theme .creator-rich-tooltip-float,
.creator-rich-tooltip-float {
  position: fixed !important;
  z-index: 9999 !important;
  transform: translateX(-50%) !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  background: #0f172a !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

body.site-theme .v2-creator-rich-content h2,
.v2-creator-rich-content h2 {
  font-size: 1.2em !important;
  font-weight: 800 !important;
  margin: 0.6em 0 0.35em !important;
}

body.site-theme .v2-creator-rich-content h3,
.v2-creator-rich-content h3 {
  font-size: 1.08em !important;
  font-weight: 800 !important;
  margin: 0.55em 0 0.3em !important;
}

body.site-theme .v2-creator-rich-content p,
.v2-creator-rich-content p {
  margin: 0 0 0.65em !important;
}

body.site-theme .v2-creator-rich-content ul,
body.site-theme .v2-creator-rich-content ol,
.v2-creator-rich-content ul,
.v2-creator-rich-content ol {
  margin: 0 0 0.65em 1.2em !important;
  padding: 0 !important;
}


/* ---- File dropzone + upload queue ---- */
body.site-theme .creator-dropzone,
.creator-dropzone {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 140px !important;
  padding: 20px 16px !important;
  border: 2px dashed #cbd5e1 !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #f8fafc 0%, #fff 100%) !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease !important;
  float: none !important;
  user-select: none !important;
}

body.site-theme .creator-dropzone:hover,
body.site-theme .creator-dropzone.is-dragging,
.creator-dropzone:hover,
.creator-dropzone.is-dragging {
  border-color: var(--st-accent, #0d9488) !important;
  background: rgba(13, 148, 136, 0.06) !important;
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.1) !important;
}

body.site-theme .creator-dropzone.is-busy,
body.site-theme .creator-dropzone.is-disabled,
.creator-dropzone.is-busy,
.creator-dropzone.is-disabled {
  opacity: 0.7 !important;
  cursor: not-allowed !important;
}

body.site-theme .creator-dropzone-icon,
.creator-dropzone-icon {
  font-size: 28px !important;
  color: var(--st-accent, #0d9488) !important;
  line-height: 1 !important;
}

body.site-theme .creator-dropzone-title,
.creator-dropzone-title {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: var(--st-text, #1e293b) !important;
}

body.site-theme .creator-dropzone-hint,
.creator-dropzone-hint {
  font-size: 12px !important;
  color: #64748b !important;
  line-height: 1.4 !important;
  max-width: 420px !important;
}

body.site-theme .creator-upload-pending,
.creator-upload-pending {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 10px !important;
  padding: 10px 12px !important;
  border-radius: 8px !important;
  background: rgba(13, 148, 136, 0.08) !important;
  color: var(--st-accent-dark, #0f766e) !important;
  font-size: 13px !important;
}

body.site-theme .creator-upload-queue,
.creator-upload-queue {
  margin-top: 12px !important;
  border: 1px solid var(--st-border, #e2e8f0) !important;
  border-radius: 10px !important;
  background: #fff !important;
  overflow: hidden !important;
}

body.site-theme .creator-upload-queue-head,
.creator-upload-queue-head {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  border-bottom: 1px solid var(--st-border, #e2e8f0) !important;
  background: #f8fafc !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #475569 !important;
}

body.site-theme .creator-upload-queue-actions,
.creator-upload-queue-actions {
  display: flex !important;
  gap: 6px !important;
}

body.site-theme .creator-upload-queue-list,
.creator-upload-queue-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  max-height: 220px !important;
  overflow-y: auto !important;
}

body.site-theme .creator-upload-queue-list li,
.creator-upload-queue-list li {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 4px 10px !important;
  padding: 8px 12px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  font-size: 12px !important;
}

body.site-theme .creator-upload-name,
.creator-upload-name {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-weight: 600 !important;
  color: #1e293b !important;
}

body.site-theme .creator-upload-status,
.creator-upload-status {
  color: #64748b !important;
  font-weight: 700 !important;
}

body.site-theme .creator-upload-queue-list li.is-done .creator-upload-status,
.creator-upload-queue-list li.is-done .creator-upload-status {
  color: #0f766e !important;
}

body.site-theme .creator-upload-queue-list li.is-error .creator-upload-status,
.creator-upload-queue-list li.is-error .creator-upload-status {
  color: #dc2626 !important;
}

body.site-theme .creator-upload-bar,
.creator-upload-bar {
  grid-column: 1 / -1 !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: #e2e8f0 !important;
  overflow: hidden !important;
}

body.site-theme .creator-upload-bar > i,
.creator-upload-bar > i {
  display: block !important;
  height: 100% !important;
  background: var(--st-accent, #0d9488) !important;
  font-style: normal !important;
}

body.site-theme .creator-docx-list,
.creator-docx-list {
  list-style: none !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

body.site-theme .creator-docx-list li,
.creator-docx-list li {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 8px 10px !important;
  border: 1px solid var(--st-border, #e2e8f0) !important;
  border-radius: 8px !important;
  background: #fff !important;
  font-size: 13px !important;
}

body.site-theme .creator-bulk-bar,
.creator-bulk-bar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 12px !important;
  padding: 8px 10px !important;
  border: 1px solid var(--st-border, #e2e8f0) !important;
  border-radius: 10px !important;
  background: #f8fafc !important;
  float: none !important;
}