/* Dark sample preview for tool page + workspace
   Uses the same palette family as home-sample-dark-preview.css.
*/

.tool-preview-sample-dark {
  --qsd-primary: #7c83ff;
  --qsd-primary-strong: #626af8;
  --qsd-secondary: #1f2140;
  --qsd-bg: #161729;
  --qsd-bg-soft: #20234a;
  --qsd-bg-panel: #292c53;
  --qsd-border: rgba(245, 246, 247, 0.15);
  --qsd-text: #f5f6f7;
  --qsd-muted: rgba(245, 246, 247, 0.9);
  --qsd-muted-2: rgba(245, 246, 247, 0.74);
  background:
    radial-gradient(900px 360px at 50% -18%, rgba(124, 131, 255, 0.2), transparent 68%),
    linear-gradient(180deg, #171936 0%, #161830 100%);
  color: var(--qsd-text);
  color-scheme: dark;
}

html:has(body.tool-preview-sample-dark),
body.tool-preview-sample-dark {
  color-scheme: dark;
}

.tool-preview-sample-dark #workspaceSection,
.tool-preview-sample-dark .qcw-shell,
.tool-preview-sample-dark .qcw-sidepanel {
  color-scheme: dark;
}

.tool-preview-sample-dark .site-header {
  background: rgba(21, 22, 39, 0.84);
  border-bottom-color: var(--qsd-border);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.tool-preview-sample-dark .site-header .brand,
.tool-preview-sample-dark .nav a,
.tool-preview-sample-dark .menu-trigger,
.tool-preview-sample-dark .menu-item,
.tool-preview-sample-dark .tool-hero h1,
.tool-preview-sample-dark .qc-tool-section-title,
.tool-preview-sample-dark .qc-tool-feature-card h3,
.tool-preview-sample-dark .qc-tool-faq-item h3,
.tool-preview-sample-dark .qc-tool-blog-body h3,
.tool-preview-sample-dark .footer-nav a {
  color: var(--qsd-text);
}

.tool-preview-sample-dark .tool-hero p,
.tool-preview-sample-dark .qc-tool-intro-text,
.tool-preview-sample-dark .qc-tool-bullet-list li,
.tool-preview-sample-dark .qc-tool-feature-card p,
.tool-preview-sample-dark .qc-tool-how-list,
.tool-preview-sample-dark .qc-tool-faq-item p,
.tool-preview-sample-dark .qc-tool-blog-body p,
.tool-preview-sample-dark .qc-tool-rating-inner,
.tool-preview-sample-dark .site-footer-inner {
  color: var(--qsd-muted);
}

.tool-preview-sample-dark .trust-note,
.tool-preview-sample-dark .drop-note,
.tool-preview-sample-dark .drop-hint,
.tool-preview-sample-dark .qc-tool-drop-hint {
  color: var(--qsd-muted) !important;
}

.tool-preview-sample-dark .menu-list {
  background: rgba(34, 36, 65, 0.98);
  border-color: var(--qsd-border);
}

.tool-preview-sample-dark .menu-item:hover {
  background: rgba(124, 131, 255, 0.18);
}

.tool-preview-sample-dark .hero {
  background: transparent;
}

.tool-preview-sample-dark .tool-hero {
  background: transparent !important;
  padding-top: 74px;
  padding-bottom: 34px;
}

.tool-preview-sample-dark .qc-tool-upload {
  border-color: rgba(245, 246, 247, 0.26);
  background:
    radial-gradient(500px 220px at 50% 0%, rgba(124, 131, 255, 0.36), transparent 78%),
    linear-gradient(135deg, #2a2f63, #212650);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.48);
}

.tool-preview-sample-dark .qc-tool-upload::after {
  border-color: rgba(245, 246, 247, 0.36);
}

.tool-preview-sample-dark .qc-tool-choose-btn {
  background: #f5f6f7;
  border-color: rgba(245, 246, 247, 0.65);
  color: #151935;
}

.tool-preview-sample-dark .qc-tool-intro-row,
.tool-preview-sample-dark .qc-tool-preview-banner {
  border-color: var(--qsd-border);
}

.tool-preview-sample-dark .qc-tool-preview-banner {
  background: rgba(255, 255, 255, 0.06);
  color: var(--qsd-muted);
}

.tool-preview-sample-dark .qc-tool-preview-link {
  background: rgba(124, 131, 255, 0.16);
  border-color: rgba(124, 131, 255, 0.36);
  color: #dfe3ff;
}

.tool-preview-sample-dark .qc-tool-feature-section,
.tool-preview-sample-dark .qc-tool-how-section,
.tool-preview-sample-dark .qc-tool-intent-section,
.tool-preview-sample-dark .qc-tool-faq-section,
.tool-preview-sample-dark .qc-tool-blog-section,
.tool-preview-sample-dark .qc-tool-rating,
.tool-preview-sample-dark .site-footer {
  background: #171936;
  border-color: rgba(245, 246, 247, 0.08);
}

.tool-preview-sample-dark .qc-tool-feature-card,
.tool-preview-sample-dark .qc-tool-faq-item,
.tool-preview-sample-dark .qc-tool-blog-card,
.tool-preview-sample-dark .qc-tool-how-visual {
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.03) 100%);
  border-color: var(--qsd-border);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
}

.tool-preview-sample-dark .qc-tool-how-visual {
  color: #dfe3ff;
}

.tool-preview-sample-dark .qc-tool-feature-icon {
  color: var(--qsd-primary);
  background: rgba(124, 131, 255, 0.16);
  border-color: rgba(124, 131, 255, 0.34);
}

.tool-preview-sample-dark .qc-tool-blog-thumb {
  background: linear-gradient(140deg, #2e356e, #232955);
}

.tool-preview-sample-dark .qc-tool-blog-more a,
.tool-preview-sample-dark .qc-tool-intro-text a {
  color: #bdc2ff;
}

.tool-preview-sample-dark .qc-tool-blog-more a:hover,
.tool-preview-sample-dark .qc-tool-intro-text a:hover {
  color: #eceeff;
}

.tool-preview-sample-dark .qcw-shell {
  border-color: var(--qsd-border);
  background: #171936;
  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.5);
}

.tool-preview-sample-dark .qcw-rail {
  background: linear-gradient(180deg, #191c3d 0%, #161833 100%);
  border-right: 1px solid rgba(245, 246, 247, 0.1);
}

.tool-preview-sample-dark .qcw-rail-item {
  color: rgba(245, 246, 247, 0.86);
}

.tool-preview-sample-dark .qcw-rail-item.active {
  background: rgba(124, 131, 255, 0.24);
  border-color: rgba(124, 131, 255, 0.42);
}

.tool-preview-sample-dark .qcw-rail-flyout {
  background: linear-gradient(180deg, #1d2147 0%, #171b3a 100%);
  border-color: rgba(124, 131, 255, 0.4);
}

.tool-preview-sample-dark .qcw-main {
  background: #1b1f40;
}

.tool-preview-sample-dark .qcw-announcement {
  background: linear-gradient(135deg, #2b3170, #232955);
  color: #e9ecff;
}

.tool-preview-sample-dark .qcw-topbar {
  background: #21254c;
  border-bottom-color: var(--qsd-border);
}

.tool-preview-sample-dark .qcw-title {
  color: var(--qsd-text);
}

.tool-preview-sample-dark .qcw-back,
.tool-preview-sample-dark .qcw-chip,
.tool-preview-sample-dark .qcw-select,
.tool-preview-sample-dark .qcw-btn-soft {
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--qsd-border);
  color: var(--qsd-text);
}

.tool-preview-sample-dark .qcw-chip.active {
  background: rgba(124, 131, 255, 0.24);
  border-color: rgba(124, 131, 255, 0.45);
  color: #ffffff;
}

.tool-preview-sample-dark .qcw-btn-primary {
  background: linear-gradient(135deg, var(--qsd-primary), var(--qsd-primary-strong));
  color: #ffffff;
  border-color: rgba(245, 246, 247, 0.18);
}

.tool-preview-sample-dark .qcw-body {
  background: #171a35;
}

.tool-preview-sample-dark .qcw-canvas {
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--qsd-border);
}

.tool-preview-sample-dark .qcw-canvas-note,
.tool-preview-sample-dark .qcw-file-caption,
.tool-preview-sample-dark .qcw-meta,
.tool-preview-sample-dark .qcw-note-list li,
.tool-preview-sample-dark .qcw-side-card p,
.tool-preview-sample-dark .qcw-kv,
.tool-preview-sample-dark .password-hint,
.tool-preview-sample-dark #progressText,
.tool-preview-sample-dark .qcw-continue-list li a span {
  color: var(--qsd-text) !important;
  opacity: 1;
}

.tool-preview-sample-dark .qcw-kv strong,
.tool-preview-sample-dark .qcw-sidepanel .qcw-continue-list li a span:last-child {
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .qcw-sidepanel {
  background: #1e2247;
  border-left-color: var(--qsd-border);
}

.tool-preview-sample-dark .qcw-side-card,
.tool-preview-sample-dark .qcw-option,
.tool-preview-sample-dark .qcw-tool-link-list li a,
.tool-preview-sample-dark .qcw-continue-list li a,
.tool-preview-sample-dark .qcw-auto-continue,
.tool-preview-sample-dark .qcw-auto-sidepanel > .qcw-legacy-aside,
.tool-preview-sample-dark .qcw-file-card,
.tool-preview-sample-dark .qcw-page-card,
.tool-preview-sample-dark .qcw-add-card,
.tool-preview-sample-dark .qcw-large-sheet {
  background: rgba(255, 255, 255, 0.05);
  border-color: var(--qsd-border);
  color: var(--qsd-text);
}

.tool-preview-sample-dark .qcw-unlock-dropzone {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(245, 246, 247, 0.24) !important;
  box-shadow: none !important;
}

.tool-preview-sample-dark .qcw-unlock-dropzone.drag-over {
  background: rgba(124, 131, 255, 0.16) !important;
  border-color: rgba(124, 131, 255, 0.68) !important;
}

.tool-preview-sample-dark .qcw-protect-dropzone {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(245, 246, 247, 0.24) !important;
  box-shadow: none !important;
}

.tool-preview-sample-dark .qcw-protect-dropzone.drag-over {
  background: rgba(124, 131, 255, 0.16) !important;
  border-color: rgba(124, 131, 255, 0.68) !important;
}

.tool-preview-sample-dark .qcw-large-sheet {
  background: rgba(245, 246, 247, 0.06) !important;
  border-color: rgba(245, 246, 247, 0.2) !important;
}

.tool-preview-sample-dark .qcw-unlock-sheet-icon {
  color: #9bb3ff !important;
}

.tool-preview-sample-dark .qcw-protect-sheet-icon {
  color: #9bb3ff !important;
}

.tool-preview-sample-dark .qcw-canvas-file-btn {
  background: rgba(124, 131, 255, 0.2) !important;
  border-color: rgba(124, 131, 255, 0.52) !important;
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .qcw-center-upload-card {
  background: linear-gradient(160deg, rgba(245, 246, 247, 0.08), rgba(245, 246, 247, 0.03)) !important;
  border-color: rgba(245, 246, 247, 0.18) !important;
}

.tool-preview-sample-dark .qcw-center-upload-sheet {
  background: rgba(245, 246, 247, 0.06) !important;
  border-color: rgba(245, 246, 247, 0.2) !important;
}

.tool-preview-sample-dark .qcw-center-upload-icon {
  color: #9bb3ff !important;
}

.tool-preview-sample-dark #fileNameDisplay,
.tool-preview-sample-dark #fileMetaDisplay {
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .qcw-side-card h3,
.tool-preview-sample-dark .qcw-status-title,
.tool-preview-sample-dark .qcw-auto-continue h3,
.tool-preview-sample-dark .qcw-auto-sidepanel > .qcw-legacy-aside h2,
.tool-preview-sample-dark .qcw-auto-sidepanel > .qcw-legacy-aside h3 {
  color: var(--qsd-text);
}

.tool-preview-sample-dark .qcw-auto-sidepanel > .qcw-legacy-aside p,
.tool-preview-sample-dark .qcw-auto-sidepanel > .qcw-legacy-aside label,
.tool-preview-sample-dark .qcw-auto-sidepanel > .qcw-legacy-aside .workspace-sub,
.tool-preview-sample-dark .qcw-auto-sidepanel > .qcw-legacy-aside #progressText {
  color: var(--qsd-text) !important;
  opacity: 1;
}

.tool-preview-sample-dark .qcw-mobile-collapsible {
  border-color: rgba(245, 246, 247, 0.22) !important;
  background: rgba(245, 246, 247, 0.04) !important;
}

.tool-preview-sample-dark .qcw-mobile-collapsible-summary {
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .qcw-mobile-collapsible-summary::after {
  color: var(--qsd-muted) !important;
}

.tool-preview-sample-dark .qcw-mobile-collapsible[open] .qcw-mobile-collapsible-summary {
  border-bottom-color: rgba(245, 246, 247, 0.22) !important;
}

.tool-preview-sample-dark .qcw-field {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: var(--qsd-border) !important;
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .protect-password-card .password-label,
.tool-preview-sample-dark .protect-password-card .perm-note,
.tool-preview-sample-dark .protect-password-card #permissionsBlock {
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .protect-password-card #permissionsBlock label {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: var(--qsd-border) !important;
  box-shadow: none !important;
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .protect-password-card #permissionsBlock label:hover {
  border-color: rgba(124, 131, 255, 0.52) !important;
  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.28) !important;
}

.tool-preview-sample-dark .qcw-thumb {
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(245, 246, 247, 0.18);
}

.tool-preview-sample-dark .qcw-join {
  background: rgba(124, 131, 255, 0.22);
  border-color: rgba(124, 131, 255, 0.4);
  color: #ebeeff;
}

.tool-preview-sample-dark .qcw-split-line,
.tool-preview-sample-dark .qcw-split-line::before {
  background: rgba(124, 131, 255, 0.66);
}

.tool-preview-sample-dark .qcw-side-btn,
.tool-preview-sample-dark .qcw-primary {
  box-shadow: 0 12px 26px rgba(124, 131, 255, 0.28);
}

/* Legacy converter surfaces inside universal workspace */
.tool-preview-sample-dark .qcw-legacy-main .compress-workspace,
.tool-preview-sample-dark .qcw-legacy-main .split-workspace,
.tool-preview-sample-dark .qcw-legacy-main .jpgtopdf-workspace,
.tool-preview-sample-dark .qcw-legacy-main .pdfjpg-workspace,
.tool-preview-sample-dark .qcw-legacy-main .upload-box,
.tool-preview-sample-dark .qcw-legacy-main .merge-grid-wrapper,
.tool-preview-sample-dark .qcw-legacy-main .doc-preview-box {
  background: linear-gradient(160deg, rgba(245, 246, 247, 0.08), rgba(245, 246, 247, 0.03)) !important;
  border-color: rgba(245, 246, 247, 0.18) !important;
  box-shadow: none !important;
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .qcw-legacy-main .workspace-title,
.tool-preview-sample-dark .qcw-legacy-main .upload-title,
.tool-preview-sample-dark .qcw-legacy-main .merge-grid-header h2,
.tool-preview-sample-dark .qcw-legacy-main .file-indicator,
.tool-preview-sample-dark .qcw-legacy-main .workspace-file-name {
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .qcw-legacy-main .workspace-sub,
.tool-preview-sample-dark .qcw-legacy-main .upload-sub,
.tool-preview-sample-dark .qcw-legacy-main .merge-grid-sub,
.tool-preview-sample-dark .qcw-legacy-main .workspace-file-meta,
.tool-preview-sample-dark .qcw-legacy-main .doc-insights,
.tool-preview-sample-dark .qcw-legacy-main #previewMeta {
  color: var(--qsd-muted) !important;
}

.tool-preview-sample-dark .qcw-legacy-main .workspace-file-card,
.tool-preview-sample-dark .qcw-legacy-main .workspace-file-thumb,
.tool-preview-sample-dark .qcw-legacy-main #viewer,
.tool-preview-sample-dark .qcw-legacy-main #pagesPreview {
  background: rgba(245, 246, 247, 0.06) !important;
  border-color: rgba(245, 246, 247, 0.2) !important;
}

.tool-preview-sample-dark .qcw-legacy-main .workspace-file-thumb svg,
.tool-preview-sample-dark .qcw-legacy-main #workspaceFileThumb svg,
.tool-preview-sample-dark .qcw-legacy-main #workspaceFileThumb {
  color: #9bb3ff !important;
}

.tool-preview-sample-dark .qcw-legacy-main .docx-mode-wrap,
.tool-preview-sample-dark .qcw-legacy-main .ppt-mode-wrap {
  color: var(--qsd-muted) !important;
}

.tool-preview-sample-dark .qcw-legacy-main .docx-mode-hint,
.tool-preview-sample-dark .qcw-legacy-main .ppt-mode-hint {
  color: var(--qsd-muted) !important;
}

.tool-preview-sample-dark .qcw-legacy-main .docx-mode-select,
.tool-preview-sample-dark .qcw-legacy-main .ppt-mode-select,
.tool-preview-sample-dark .qcw-legacy-main .ppt-quality-select,
.tool-preview-sample-dark .qcw-legacy-main .select,
.tool-preview-sample-dark .qcw-legacy-main .text-input,
.tool-preview-sample-dark .qcw-legacy-main input[type="text"],
.tool-preview-sample-dark .qcw-legacy-main input[type="number"],
.tool-preview-sample-dark .qcw-legacy-main input[type="password"],
.tool-preview-sample-dark .qcw-legacy-main select {
  background: rgba(245, 246, 247, 0.1) !important;
  border: 1px solid rgba(245, 246, 247, 0.22) !important;
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .qcw-legacy-main select option {
  background: #23274d !important;
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .qcw-legacy-main .docx-mode-select:disabled,
.tool-preview-sample-dark .qcw-legacy-main .ppt-mode-select:disabled,
.tool-preview-sample-dark .qcw-legacy-main .ppt-quality-select:disabled,
.tool-preview-sample-dark .qcw-legacy-main select:disabled {
  opacity: 0.82;
}

/* Legacy side controls */
.tool-preview-sample-dark .qcw-auto-sidepanel .sidebar-label,
.tool-preview-sample-dark .qcw-auto-sidepanel .sidebar-hint,
.tool-preview-sample-dark .qcw-auto-sidepanel .toggle-row,
.tool-preview-sample-dark .qcw-auto-sidepanel .advanced-field label,
.tool-preview-sample-dark .qcw-auto-sidepanel .workspace-sub,
.tool-preview-sample-dark .qcw-sidepanel .sidebar-label,
.tool-preview-sample-dark .qcw-sidepanel .sidebar-hint,
.tool-preview-sample-dark .qcw-sidepanel .toggle-row,
.tool-preview-sample-dark .qcw-sidepanel .advanced-field label,
.tool-preview-sample-dark .qcw-sidepanel .workspace-sub {
  color: var(--qsd-muted) !important;
}

.tool-preview-sample-dark .qcw-auto-sidepanel .select,
.tool-preview-sample-dark .qcw-auto-sidepanel .text-input,
.tool-preview-sample-dark .qcw-auto-sidepanel input[type="text"],
.tool-preview-sample-dark .qcw-auto-sidepanel input[type="number"],
.tool-preview-sample-dark .qcw-auto-sidepanel input[type="password"],
.tool-preview-sample-dark .qcw-auto-sidepanel select,
.tool-preview-sample-dark .qcw-sidepanel .select,
.tool-preview-sample-dark .qcw-sidepanel .text-input,
.tool-preview-sample-dark .qcw-sidepanel input[type="text"],
.tool-preview-sample-dark .qcw-sidepanel input[type="number"],
.tool-preview-sample-dark .qcw-sidepanel input[type="password"],
.tool-preview-sample-dark .qcw-sidepanel select {
  background: rgba(245, 246, 247, 0.08) !important;
  border: 1px solid rgba(245, 246, 247, 0.2) !important;
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .qcw-auto-sidepanel select option {
  background: #23274d !important;
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .qcw-sidepanel select option {
  background: #23274d !important;
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .qcw-auto-sidepanel .page-mode label {
  background: rgba(245, 246, 247, 0.1) !important;
  border: 1px solid rgba(245, 246, 247, 0.22) !important;
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .qcw-sidepanel .page-mode label {
  background: rgba(245, 246, 247, 0.1) !important;
  border: 1px solid rgba(245, 246, 247, 0.22) !important;
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .qcw-auto-sidepanel .page-mode input[type="radio"] {
  accent-color: #7c83ff;
}

.tool-preview-sample-dark .qcw-sidepanel .page-mode input[type="radio"] {
  accent-color: #7c83ff;
}

.tool-preview-sample-dark .qcw-auto-sidepanel input::placeholder {
  color: rgba(245, 246, 247, 0.58) !important;
}

.tool-preview-sample-dark .qcw-sidepanel input::placeholder {
  color: rgba(245, 246, 247, 0.58) !important;
}

.tool-preview-sample-dark .qcw-legacy-main select,
.tool-preview-sample-dark .qcw-auto-sidepanel select,
.tool-preview-sample-dark .qcw-sidepanel select {
  color-scheme: dark;
}

.tool-preview-sample-dark .qcw-shell select option,
.tool-preview-sample-dark .qcw-shell select optgroup {
  background-color: #23274d !important;
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .qcw-shell select option:disabled {
  color: rgba(245, 246, 247, 0.56) !important;
}

.tool-preview-sample-dark .qcw-auto-sidepanel .selection-toolbar button,
.tool-preview-sample-dark .qcw-auto-sidepanel .secondary-btn,
.tool-preview-sample-dark .qcw-sidepanel .selection-toolbar button,
.tool-preview-sample-dark .qcw-sidepanel .secondary-btn,
.tool-preview-sample-dark .qcw-legacy-main .secondary-btn,
.tool-preview-sample-dark .qcw-legacy-main #convertBtn,
.tool-preview-sample-dark .qcw-legacy-main .qc-modal .qc-close {
  background: rgba(245, 246, 247, 0.1) !important;
  border: 1px solid rgba(245, 246, 247, 0.22) !important;
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .qcw-legacy-main .qc-modal-inner {
  background: #252950 !important;
  color: var(--qsd-text) !important;
  border: 1px solid rgba(245, 246, 247, 0.2) !important;
}

/* Keep tool hero bullets readable on dark backgrounds */
.tool-preview-sample-dark .qc-tool-intro-text,
.tool-preview-sample-dark .qc-tool-bullet-list li {
  color: #e7ebff !important;
}

/* Split workspace specific dark fixes */
.tool-preview-sample-dark .qcw-legacy-main .split-center-picker {
  background: rgba(245, 246, 247, 0.04) !important;
  border-color: rgba(245, 246, 247, 0.22) !important;
}

.tool-preview-sample-dark .qcw-legacy-main .split-workspace .preview-card {
  background: rgba(245, 246, 247, 0.06) !important;
  border-color: rgba(245, 246, 247, 0.2) !important;
}

.tool-preview-sample-dark .qcw-legacy-main .split-workspace .preview-card.selected {
  background: rgba(124, 131, 255, 0.2) !important;
  border-color: rgba(124, 131, 255, 0.72) !important;
  box-shadow: 0 0 0 2px rgba(124, 131, 255, 0.36) !important;
}

.tool-preview-sample-dark .qcw-legacy-main .split-workspace .thumb-label,
.tool-preview-sample-dark .qcw-legacy-main .split-workspace .doc-insights {
  color: var(--qsd-muted) !important;
}

/* Merge workspace dark parity */
.tool-preview-sample-dark .qcw-body .merge-canvas,
.tool-preview-sample-dark .qcw-body #filesCanvas,
.tool-preview-sample-dark .qcw-body #pagesCanvas {
  background: rgba(245, 246, 247, 0.06) !important;
  border-color: rgba(245, 246, 247, 0.2) !important;
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .qcw-body .insert-slot {
  background: rgba(245, 246, 247, 0.08) !important;
  border-color: rgba(245, 246, 247, 0.3) !important;
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .qcw-body .insert-slot:hover {
  background: rgba(124, 131, 255, 0.2) !important;
  border-color: rgba(124, 131, 255, 0.5) !important;
}

.tool-preview-sample-dark .qcw-body .insert-slot.is-empty {
  background: rgba(245, 246, 247, 0.08) !important;
  border-color: rgba(245, 246, 247, 0.26) !important;
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .qcw-body .pdf-card,
.tool-preview-sample-dark .qcw-body .pages-file-group,
.tool-preview-sample-dark .qcw-body .page-card {
  background: rgba(245, 246, 247, 0.08) !important;
  border-color: rgba(245, 246, 247, 0.22) !important;
  color: var(--qsd-text) !important;
  box-shadow: none !important;
}

.tool-preview-sample-dark .qcw-body #pagesPreview .page-card:not(.selected) {
  background: rgba(245, 246, 247, 0.08) !important;
  border-color: rgba(245, 246, 247, 0.22) !important;
  box-shadow: none !important;
}

.tool-preview-sample-dark .qcw-body #pagesPreview .page-card.selected {
  background: rgba(124, 131, 255, 0.18) !important;
  border-color: rgba(124, 131, 255, 0.9) !important;
  box-shadow:
    0 0 0 2px rgba(124, 131, 255, 0.52),
    0 10px 20px rgba(8, 10, 28, 0.44) !important;
}

.tool-preview-sample-dark .qcw-body #pagesPreview .page-card.selected .thumb-label {
  color: #eef0ff !important;
  font-weight: 700;
}

.tool-preview-sample-dark .qcw-body .pdf-order,
.tool-preview-sample-dark .qcw-body .pdf-meta,
.tool-preview-sample-dark .qcw-body .pages-empty,
.tool-preview-sample-dark .qcw-body .pages-file-head {
  color: var(--qsd-muted) !important;
}

.tool-preview-sample-dark .qcw-body .pdf-name,
.tool-preview-sample-dark .qcw-body .pages-file-title {
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .qcw-body .pdf-card canvas.thumb,
.tool-preview-sample-dark .qcw-body .page-card canvas {
  background: rgba(245, 246, 247, 0.14) !important;
  border-color: rgba(245, 246, 247, 0.22) !important;
}

.tool-preview-sample-dark .qcw-body .chip-btn,
.tool-preview-sample-dark .qcw-body .page-actions button {
  background: rgba(245, 246, 247, 0.12) !important;
  border: 1px solid rgba(245, 246, 247, 0.2) !important;
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .qcw-topbar .merge-mode {
  background: rgba(245, 246, 247, 0.12) !important;
  border-color: rgba(245, 246, 247, 0.2) !important;
}

.tool-preview-sample-dark .qcw-topbar .merge-mode-btn {
  color: var(--qsd-muted) !important;
}

.tool-preview-sample-dark .qcw-topbar .merge-mode-btn.active {
  background: rgba(124, 131, 255, 0.28) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.tool-preview-sample-dark .qcw-topbar .merge-add-btn {
  background: rgba(245, 246, 247, 0.12) !important;
  border-color: rgba(245, 246, 247, 0.22) !important;
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .qcw-topbar .merge-add-btn:hover {
  background: rgba(124, 131, 255, 0.22) !important;
  border-color: rgba(124, 131, 255, 0.45) !important;
}

.tool-preview-sample-dark .qcw-auto-sidepanel .split-sidebar {
  background: linear-gradient(160deg, rgba(245, 246, 247, 0.08), rgba(245, 246, 247, 0.03)) !important;
  border-color: rgba(245, 246, 247, 0.18) !important;
  box-shadow: none !important;
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .qcw-auto-sidepanel .split-sidebar h2 {
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .qcw-auto-sidepanel .split-sidebar p,
.tool-preview-sample-dark .qcw-auto-sidepanel .split-sidebar .sidebar-label,
.tool-preview-sample-dark .qcw-auto-sidepanel .split-sidebar .mode-inline label,
.tool-preview-sample-dark .qcw-auto-sidepanel .split-sidebar .sidebar-hint,
.tool-preview-sample-dark .qcw-auto-sidepanel .split-sidebar #progressText {
  color: var(--qsd-muted) !important;
}

.tool-preview-sample-dark .qcw-auto-sidepanel .split-sidebar .select,
.tool-preview-sample-dark .qcw-auto-sidepanel .split-sidebar .text-input,
.tool-preview-sample-dark .qcw-auto-sidepanel .split-sidebar input[type="text"],
.tool-preview-sample-dark .qcw-auto-sidepanel .split-sidebar input[type="number"],
.tool-preview-sample-dark .qcw-auto-sidepanel .split-sidebar input[type="password"],
.tool-preview-sample-dark .qcw-auto-sidepanel .split-sidebar select,
.tool-preview-sample-dark .qcw-auto-sidepanel .split-sidebar .selection-toolbar input,
.tool-preview-sample-dark .qcw-auto-sidepanel .split-sidebar .selection-toolbar button {
  background: rgba(245, 246, 247, 0.1) !important;
  border: 1px solid rgba(245, 246, 247, 0.22) !important;
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .qcw-auto-sidepanel .split-sidebar select option {
  background: #23274d !important;
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .qcw-auto-sidepanel .split-sidebar .selection-toolbar button:hover {
  background: rgba(124, 131, 255, 0.22) !important;
  border-color: rgba(124, 131, 255, 0.45) !important;
}

.tool-preview-sample-dark .qcw-auto-sidepanel .split-sidebar .merge-row {
  background: rgba(245, 246, 247, 0.08) !important;
  border-color: rgba(245, 246, 247, 0.2) !important;
  box-shadow: none !important;
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .qcw-auto-sidepanel .split-sidebar .toggle-row {
  color: var(--qsd-text) !important;
}

.tool-preview-sample-dark .qcw-auto-sidepanel .split-sidebar input[type="checkbox"] {
  accent-color: #7c83ff;
}

.tool-preview-sample-dark .qcw-auto-sidepanel .split-sidebar .progress-bar-bg {
  background: rgba(245, 246, 247, 0.2) !important;
}

.tool-preview-sample-dark .qcw-auto-sidepanel .split-sidebar .primary-btn {
  background: linear-gradient(135deg, var(--qsd-primary), var(--qsd-primary-strong)) !important;
  color: #ffffff !important;
  border: 1px solid rgba(245, 246, 247, 0.2) !important;
}