/* ====== Delete PDF Pages - B3 layout with left sidebar ====== */

    .tool-hero{
      text-align:center;
      padding:84px 20px 28px;
      background:#ffffff;
    }
    .tool-hero h1{
      font-size:clamp(2rem,3vw,2.8rem);
      margin-bottom:10px;
      color:#111827;
      letter-spacing:-.02em;
    }
    .tool-hero p{
      max-width:780px;
      margin:0 auto 14px;
      color:#4b5563;
      font-size:.96rem;
    }

    .tool-shell{
      padding:30px 0 44px;
    }
    .workspace-hidden{ display:none; }
    body.qc-workspace-mode #workspaceSection,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection{
      padding:0;
      margin:0;
    }
    body.qc-workspace-mode #workspaceSection .container,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .container{
      width:100%;
      max-width:none;
      margin:0;
      padding:0;
    }
    body.qc-workspace-mode #workspaceSection .qcw-auto-shell,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .qcw-auto-shell{
      border:0;
      border-radius:0;
      min-height:100vh;
      box-shadow:none;
    }
    body.qc-workspace-mode .tool-shell,
    body:has(#workspaceSection:not(.workspace-hidden)) .tool-shell{
      padding:0;
    }
    body.qc-workspace-mode #workspaceSection .qcw-legacy-wrap,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .qcw-legacy-wrap{
      grid-template-columns:minmax(0,1fr);
    }
    body.qc-workspace-mode #workspaceSection .qcw-auto-sidepanel,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .qcw-auto-sidepanel{
      display:none !important;
    }
    body.qc-workspace-mode #workspaceSection .qcw-auto-main-wrap,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .qcw-auto-main-wrap{
      width:100%;
      max-width:100%;
    }
    body.qc-workspace-mode #workspaceSection .qcw-body,
    body.qc-workspace-mode #workspaceSection .qcw-auto-body,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .qcw-body,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .qcw-auto-body{
      grid-template-columns:minmax(0,1fr) !important;
    }
    .tool-shell-inner{
      display:grid;
      grid-template-columns:290px minmax(0,1fr);
      gap:22px;
      align-items:flex-start;
    }
    @media (max-width:900px){
      .tool-shell-inner{
        grid-template-columns:1fr;
      }
    }

    .rotate-sidebar{
      background:#ffffff;
      border-radius:16px;
      border:1px solid #e5e7eb;
      padding:16px 16px 18px;
      box-shadow:0 12px 30px rgba(15,23,42,0.08);
    }
    .rotate-sidebar h2{
      margin:0 0 6px;
      font-size:1.05rem;
      color:#111827;
    }
    .rotate-sidebar p{
      margin:0 0 10px;
      font-size:.9rem;
      color:#4b5563;
    }

    .file-cta{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      padding:10px 16px;
      border-radius:999px;
      background:linear-gradient(135deg,#7C83FF,#6F77FB);
      border:none;
      color:#ffffff;
      font-size:.9rem;
      font-weight:600;
      cursor:pointer;
    }
    .file-input{display:none;}
    .drop-note{
      margin-top:6px;
      font-size:.86rem;
      color:#6b7280;
    }

    .sidebar-group{
      margin-top:14px;
      padding-top:10px;
      border-top:1px solid #e5e7eb;
      font-size:.9rem;
    }
    .sidebar-label{
      display:block;
      font-size:.82rem;
      color:#6b7280;
      margin-bottom:4px;
    }
    .select,
    .text-input{
      width:100%;
      border-radius:10px;
      border:1px solid #d1d5db;
      padding:7px 9px;
      font-size:.88rem;
      color:#111827;
      background:#ffffff;
    }

    .mode-inline{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      gap:8px;
    }
    .mode-inline label{
      font-size:.85rem;
      color:#374151;
    }
    .mode-inline .text-input{
      width:auto;
      min-width:120px;
    }

    .selection-toolbar{
      display:flex;
      flex-wrap:wrap;
      gap:6px;
      margin-top:6px;
    }
    .selection-toolbar button,
    .selection-toolbar input{
      font-size:.78rem;
      border-radius:999px;
      border:1px solid #d1d5db;
      padding:5px 9px;
      background:#f9fafb;
      color:#111827;
    }
    .selection-toolbar button{
      cursor:pointer;
    }
    .selection-toolbar button:hover{
      background:#e5f2ff;
      border-color:#7C83FF;
    }
    .selection-toolbar input{
      flex:1;
      min-width:0;
    }

    .merge-row{
        display:flex;
        align-items:flex-start;
        gap:6px;
        font-size:.85rem;
        color:#374151;
        padding:10px 12px;
        border-radius:12px;
        background:#f7fafc;
        border:1px solid #e5e7eb;
        box-shadow:
          inset 2px 2px 4px rgba(15,23,42,0.05),
          inset -2px -2px 4px rgba(255,255,255,0.9);
        transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
    }
    .merge-row:hover{
        transform: translateY(-2px);
        border-color:#bfdbfe;
        box-shadow:
          6px 8px 16px rgba(15,23,42,0.12),
          -4px -4px 10px rgba(255,255,255,0.9),
          inset 0 1px 0 rgba(255,255,255,0.5);
    }

    .sidebar-actions{
      margin-top:12px;
      display:flex;
      flex-direction:column;
      gap:6px;
    }
    .sidebar-hint{
      font-size:.8rem;
      color:#6b7280;
      line-height:1.4;
    }

    .primary-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:9px 16px;
      border-radius:999px;
      border:none;
      background:linear-gradient(135deg,#7C83FF,#6F77FB);
      color:#ffffff;
      font-weight:600;
      font-size:.9rem;
      cursor:pointer;
    }
    .primary-btn:disabled{
      opacity:.6;
      cursor:default;
    }

    #progressText{
      font-size:.85rem;
      color:#4b5563;
    }
    .progress-bar-bg{
      width:100%;
      height:7px;
      border-radius:999px;
      background:#e5e7eb;
      overflow:hidden;
    }
    #progressBar{
      width:0%;
      height:100%;
      background:linear-gradient(90deg,#7C83FF,#6F77FB);
      transition:width .25s ease-out;
    }

    .rotate-workspace{
      background:transparent;
      border-radius:0;
      border:0;
      padding:0;
      min-height:0;
      box-shadow:none;
    }
    .workspace-header{
      display:flex;
      justify-content:space-between;
      gap:10px;
      align-items:flex-start;
      margin-bottom:8px;
    }
    .workspace-header-actions{
      display:none;
      align-items:center;
      gap:8px;
    }
    .workspace-header-btn{
      border:1px solid rgba(124,131,255,0.52);
      background:rgba(124,131,255,0.14);
      color:#dbe4ff;
      border-radius:999px;
      min-height:32px;
      padding:6px 12px;
      font-size:.78rem;
      font-weight:700;
      cursor:pointer;
      transition:background .16s ease, border-color .16s ease, color .16s ease;
    }
    .workspace-header-btn:hover{
      background:rgba(124,131,255,0.22);
      border-color:rgba(124,131,255,0.84);
    }
    .workspace-header-btn[aria-pressed="true"]{
      background:rgba(124,131,255,0.3);
      border-color:rgba(124,131,255,0.95);
      color:#f5f7ff;
    }
    .workspace-header-btn:disabled{
      opacity:.5;
      cursor:not-allowed;
    }
    .workspace-title{
      font-size:.98rem;
      font-weight:600;
      color:#e6ecff;
    }
    .workspace-sub{
      font-size:.86rem;
      color:#9aa9c6;
    }
    .workspace-progress-inline{
      margin:8px 0 12px;
      padding:8px 10px;
      border-radius:10px;
      border:1px solid rgba(124,131,255,0.36);
      background:rgba(124,131,255,0.08);
      transition:opacity .2s ease;
    }
    .workspace-progress-inline.is-idle{
      opacity:.45;
    }
    .workspace-progress-text{
      font-size:.8rem;
      color:#dbe4ff;
      min-height:1.1em;
      margin-bottom:6px;
    }
    .workspace-progress-track{
      width:100%;
      height:6px;
      border-radius:999px;
      overflow:hidden;
      background:rgba(148,163,184,0.28);
    }
    .workspace-progress-bar{
      width:0%;
      height:100%;
      border-radius:999px;
      background:linear-gradient(90deg,#7C83FF,#6F77FB);
      transition:width .22s ease-out;
    }
    .mobile-workspace-toolbar{
      display:flex;
      margin:8px 0 10px;
      padding:6px;
      border-radius:10px;
      border:1px solid rgba(124,131,255,0.42);
      background:linear-gradient(180deg, rgba(124,131,255,0.14), rgba(124,131,255,0.08));
      gap:5px;
      flex-wrap:nowrap;
      align-items:center;
      overflow-x:auto;
      -webkit-overflow-scrolling:touch;
    }
    .mobile-workspace-toolbar::-webkit-scrollbar{ display:none; }
    .mobile-ws-btn{
      border:1px solid rgba(148,163,184,0.45);
      background:rgba(255,255,255,0.08);
      color:#e7edff;
      border-radius:999px;
      min-height:27px;
      padding:4px 9px;
      font-size:.69rem;
      font-weight:700;
      cursor:pointer;
      white-space:nowrap;
    }
    .mobile-ws-btn:disabled{
      opacity:.5;
      cursor:not-allowed;
    }
    .mobile-ws-btn:hover{
      border-color:rgba(124,131,255,0.9);
      background:rgba(124,131,255,0.26);
    }
    .mobile-ws-btn.is-primary{
      border-color:rgba(124,131,255,0.9);
      background:rgba(124,131,255,0.34);
    }
    .spdf-select-row{
      display:flex;
      align-items:center;
      gap:8px;
      margin:0 0 8px;
      min-height:28px;
    }
    .spdf-select-label{
      display:inline-flex;
      align-items:center;
      gap:8px;
      font-size:.9rem;
      color:#dbe4ff;
      user-select:none;
      cursor:pointer;
    }
    .spdf-select-label input{
      width:18px;
      height:18px;
      accent-color:#7c83ff;
      cursor:pointer;
    }
    .spdf-select-label input:disabled{
      opacity:.5;
      cursor:not-allowed;
    }

    .rotate-center-picker{
      margin-top:10px;
    }
    .rotate-center-picker.hidden{
      display:none !important;
    }
    .rotate-center-sheet{
      min-height:210px;
    }
    .rotate-center-sheet .rotate-sheet-icon{
      width:64px;
      height:64px;
      color:#8ea1ff;
      filter:drop-shadow(0 8px 16px rgba(62,92,255,0.24));
    }
    .rotate-center-sheet .rotate-sheet-icon path{
      stroke-width:2.2;
      stroke-linecap:round;
      stroke-linejoin:round;
    }
    .rotate-center-picker .qcw-canvas-file-btn{
      min-width:220px;
    }

    .preview-grid{
      --qc-card-width:128px;
      --qc-slot-width:28px;
      margin-top:10px;
      display:flex !important;
      flex-flow:row wrap !important;
      overflow-x:hidden;
      overflow-y:visible;
      gap:8px;
      align-items:stretch;
      align-content:flex-start;
      padding:2px 2px 12px;
      min-height:282px;
      scroll-behavior:smooth;
    }
    .preview-grid.fit-layout{
      overflow-x:hidden;
    }
    .preview-grid::-webkit-scrollbar{
      height:10px;
    }
    .preview-grid::-webkit-scrollbar-track{
      background:rgba(148,163,184,0.18);
      border-radius:999px;
    }
    .preview-grid::-webkit-scrollbar-thumb{
      background:rgba(124,131,255,0.58);
      border-radius:999px;
    }
    .preview-card{
      position:relative;
      width:var(--qc-card-width);
      flex:0 0 var(--qc-card-width);
      border-radius:12px;
      background:#f9fafb;
      border:1px solid #e5e7eb;
      padding:8px;
      cursor:pointer;
      box-shadow:0 4px 12px rgba(15,23,42,0.06);
      transition:box-shadow .18s, transform .18s, border-color .18s, background .18s;
    }
    .add-document-card{
      width:var(--qc-card-width);
      flex:0 0 var(--qc-card-width);
      min-height:274px;
      border-radius:12px;
      border:1px dashed rgba(124,131,255,0.62);
      background:rgba(124,131,255,0.08);
      color:#9fb0ff;
      padding:10px;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:7px;
      text-align:center;
      cursor:pointer;
      transition:border-color .18s ease, background .18s ease, transform .18s ease;
    }
    .add-document-card:hover{
      border-color:#9fb0ff;
      background:rgba(124,131,255,0.15);
      transform:translateY(-1px);
    }
    .add-document-icon{
      width:32px;
      height:32px;
      border-radius:999px;
      border:2px solid rgba(124,131,255,0.78);
      display:flex;
      align-items:center;
      justify-content:center;
      color:#cfd9ff;
      background:rgba(124,131,255,0.18);
    }
    .add-document-icon svg{
      width:14px;
      height:14px;
      stroke:currentColor;
      fill:none;
      stroke-width:2.2;
      stroke-linecap:round;
      stroke-linejoin:round;
    }
    .add-document-title{
      font-size:.78rem;
      font-weight:700;
      color:#d9e1ff;
    }
    .add-document-sub{
      font-size:.66rem;
      color:#a4b1d8;
      line-height:1.25;
    }
    .preview-card.selected{
      border-color:#6F77FB;
      box-shadow:0 0 0 2px rgba(37,99,235,0.25);
      background:#eff6ff;
    }
    .preview-card:hover{
      transform:translateY(-1px);
      box-shadow:0 10px 20px rgba(15,23,42,0.1);
    }
    .insert-slot{
      width:var(--qc-slot-width);
      flex:0 0 var(--qc-slot-width);
      min-height:274px;
      border-radius:999px;
      border:0;
      background:transparent;
      position:relative;
      display:flex;
      align-items:center;
      justify-content:center;
      transition:background .18s ease;
    }
    .insert-slot::before{
      content:"";
      position:absolute;
      top:14px;
      bottom:14px;
      left:50%;
      width:2px;
      transform:translateX(-50%);
      border-radius:999px;
      background:rgba(124,131,255,0.5);
      display:none;
    }
    .insert-slot:hover{
      background:rgba(124,131,255,0.06);
    }
    .insert-slot-btn{
      width:30px;
      height:30px;
      border:2px solid rgba(124,131,255,0.78);
      background:rgba(124,131,255,0.18);
      color:#dbe4ff;
      border-radius:999px;
      min-height:30px;
      padding:0;
      font-size:.84rem;
      font-weight:800;
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:center;
      z-index:1;
      opacity:.95;
      transform:scale(1);
      box-shadow:0 8px 20px rgba(20,24,52,0.3);
      transition:transform .18s ease, background .16s ease, border-color .16s ease;
    }
    .insert-slot-btn:hover{
      background:rgba(124,131,255,0.28);
      border-color:rgba(124,131,255,0.96);
      transform:scale(1.05);
    }
    .insert-slot-btn svg{
      width:12px;
      height:12px;
      stroke:currentColor;
      fill:none;
      stroke-width:2.2;
      stroke-linecap:round;
      stroke-linejoin:round;
      pointer-events:none;
    }
    .insert-slot.drag-over::before{
      background:rgba(124,131,255,0.88);
      width:3px;
    }
    .insert-slot.drag-over .insert-slot-btn{
      border-color:#8ea1ff;
      background:rgba(124,131,255,0.32);
      box-shadow:0 0 0 3px rgba(124,131,255,0.28), 0 8px 20px rgba(20,24,52,0.4);
    }
    .preview-card.dragging{
      opacity:.64;
      border-color:#8ea1ff;
      box-shadow:0 0 0 2px rgba(124,131,255,0.34);
    }
    .preview-card.drop-before::before,
    .preview-card.drop-after::after{
      content:"";
      position:absolute;
      top:8px;
      bottom:8px;
      width:3px;
      border-radius:999px;
      background:rgba(124,131,255,0.92);
      box-shadow:0 0 0 2px rgba(124,131,255,0.25);
      pointer-events:none;
      z-index:11;
    }
    .preview-card.drop-before::before{
      left:-6px;
    }
    .preview-card.drop-after::after{
      right:-6px;
    }
    .thumb-img{
      position:absolute;
      top:50%;
      left:50%;
      width:100%;
      height:100%;
      object-fit:contain;
      border-radius:6px;
      display:block;
      background:#ffffff;
      transform:translate(-50%, -50%);
      transform-origin:center center;
    }
    .thumb-frame{
      position:relative;
      width:100%;
      aspect-ratio:3 / 4;
      border-radius:6px;
      overflow:hidden;
      background:#ffffff;
    }
    .thumb-rotate-btn,
    .thumb-delete-btn{
      position:absolute;
      left:50%;
      top:50%;
      transform:translate(-50%, -50%);
      width:50px;
      height:50px;
      border-radius:999px;
      border:2px solid rgba(124,131,255,0.95);
      background:rgba(228,234,255,0.92);
      color:#4f63f6;
      display:flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
      z-index:5;
      box-shadow:0 8px 18px rgba(20,24,52,0.2);
      transition:transform .16s ease, background .16s ease, border-color .16s ease, color .16s ease;
    }
    .thumb-rotate-btn:hover,
    .thumb-delete-btn:hover{
      transform:translate(-50%, -50%) scale(1.04);
      background:rgba(241,244,255,0.98);
      border-color:#9badff;
      color:#3d53e6;
    }
    .thumb-rotate-btn svg,
    .thumb-delete-btn svg{
      width:24px;
      height:24px;
      stroke:currentColor;
      fill:none;
      stroke-width:2.2;
      stroke-linecap:round;
      stroke-linejoin:round;
      pointer-events:none;
    }
    .page-quick-actions{
      position:absolute;
      top:8px;
      left:50%;
      z-index:8;
      display:none;
      gap:0;
      align-items:center;
      padding:2px;
      border-radius:10px;
      border:1px solid rgba(148,163,184,0.5);
      background:rgba(247,249,255,0.96);
      box-shadow:0 8px 16px rgba(20,24,52,0.22);
      transform:translate(-50%, -6px);
      transition:transform .18s ease;
    }
    .preview-card.selected .page-quick-actions,
    .preview-card:focus-within .page-quick-actions{
      display:flex;
      transform:translate(-50%, 0);
    }
    .quick-page-btn{
      width:28px;
      height:28px;
      border:0;
      border-right:1px solid rgba(148,163,184,0.55);
      background:transparent;
      color:#1f2b46;
      display:flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
      padding:0;
      transition:background .16s ease, border-color .16s ease, color .16s ease;
    }
    .quick-page-btn:first-child{
      border-top-left-radius:8px;
      border-bottom-left-radius:8px;
    }
    .quick-page-btn:last-child{
      border-top-right-radius:8px;
      border-bottom-right-radius:8px;
      border-right:0;
    }
    .quick-page-btn:hover{
      background:rgba(124,131,255,0.16);
      color:#4455f2;
    }
    .quick-page-btn svg{
      width:14px;
      height:14px;
      stroke:currentColor;
      fill:none;
      stroke-width:2;
      stroke-linecap:round;
      stroke-linejoin:round;
      pointer-events:none;
    }
    .thumb-label{
      margin-top:4px;
      font-size:.8rem;
      color:#4b5563;
      text-align:center;
    }
    .file-pill-row{
      margin-top:6px;
      display:flex;
      justify-content:center;
    }
    .file-pill{
      max-width:100%;
      display:inline-block;
      padding:2px 8px;
      border-radius:8px;
      font-size:.65rem;
      font-weight:700;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
      border:1px solid transparent;
      line-height:1.25;
    }
    .file-pill.theme-0{
      background:rgba(244,114,182,0.2);
      border-color:rgba(244,114,182,0.46);
      color:#ffd2e9;
    }
    .file-pill.theme-1{
      background:rgba(250,204,21,0.2);
      border-color:rgba(250,204,21,0.44);
      color:#ffe89a;
    }
    .file-pill.theme-2{
      background:rgba(34,197,94,0.2);
      border-color:rgba(34,197,94,0.44);
      color:#b9ffcf;
    }
    .file-pill.theme-3{
      background:rgba(56,189,248,0.2);
      border-color:rgba(56,189,248,0.44);
      color:#bfeaff;
    }
    .file-pill.theme-4{
      background:rgba(167,139,250,0.24);
      border-color:rgba(167,139,250,0.46);
      color:#e2d5ff;
    }
    .file-pill.theme-5{
      background:rgba(251,146,60,0.24);
      border-color:rgba(251,146,60,0.48);
      color:#ffe0bf;
    }
    .card-select-toggle{
      position:absolute;
      top:5px;
      left:5px;
      width:24px;
      height:24px;
      border-radius:7px;
      border:1px solid rgba(148,163,184,0.54);
      background:rgba(247,249,255,0.96);
      color:#22314f;
      display:flex;
      align-items:center;
      justify-content:center;
      z-index:9;
      cursor:pointer;
      transition:background .15s ease, border-color .15s ease, color .15s ease;
      padding:0;
    }
    .card-select-toggle svg{
      width:14px;
      height:14px;
      stroke:currentColor;
      fill:none;
      stroke-width:2.2;
      stroke-linecap:round;
      stroke-linejoin:round;
      opacity:0;
      transform:scale(.85);
      transition:opacity .14s ease, transform .14s ease;
    }
    .card-select-toggle[aria-pressed="true"]{
      background:#4f63f6;
      border-color:#4f63f6;
      color:#ffffff;
    }
    .card-select-toggle[aria-pressed="true"] svg{
      opacity:1;
      transform:scale(1);
    }
    .page-badge{
      position:absolute;
      top:5px;
      left:34px;
      background:rgba(15,23,42,0.9);
      color:#f9fafb;
      border-radius:999px;
      font-size:.66rem;
      padding:2px 6px;
      z-index:6;
      border:1px solid rgba(148,163,184,0.34);
    }
    .page-actions{
      margin-top:6px;
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:4px;
    }
    .rotate-workspace .chip-btn{
      border:1px solid #d1d5db;
      background:#f9fafb;
      border-radius:999px;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:4px;
      padding:5px 10px;
      font-size:.72rem;
      color:#334155;
      font-weight:600;
      cursor:pointer;
    }
    .rotate-workspace .chip-btn:hover{
      background:#e2e8f0;
    }
    .page-actions .rotate-chip-btn{
      width:100%;
      min-height:24px;
      padding:4px 6px;
      font-size:.66rem;
      line-height:1;
      white-space:nowrap;
    }
    .page-actions .zoom-btn{
      grid-column:1 / -1;
    }

    @media (max-width: 820px){
      .workspace-header-actions{
        display:none;
      }
      .mobile-workspace-toolbar{
        display:flex;
      }
      .preview-grid{
        display:flex !important;
        flex-direction:column !important;
        flex-wrap:nowrap !important;
        gap:6px;
        padding:0 0 8px;
        min-height:0;
      }
      .preview-card{
        width:100%;
        flex:1 1 auto;
        max-width:100%;
        display:grid;
        grid-template-columns:18px 52px minmax(0,1fr) auto;
        grid-template-rows:auto;
        grid-template-areas:"check thumb meta actions";
        align-items:center;
        gap:0 7px;
        padding:6px 8px;
        min-height:80px;
      }
      .card-select-toggle{
        position:static;
        grid-area:check;
        width:18px;
        height:18px;
        border-radius:5px;
      }
      .card-select-toggle svg{ width:11px; height:11px; }
      .page-badge{
        display:none;
      }
      .thumb-frame{
        grid-area:thumb;
        width:52px;
        min-width:52px;
        height:68px;
        aspect-ratio:auto;
        border-radius:4px;
      }
      .thumb-rotate-btn,
      .thumb-delete-btn{
        display:none;
      }
      .file-pill-row{
        display:none;
      }
      .thumb-label{
        grid-area:meta;
        margin:0;
        text-align:left;
        font-size:.78rem;
        line-height:1.2;
        color:#dfe7ff;
      }
      .page-actions{
        display:none !important;
      }
      .page-quick-actions{
        grid-area:actions;
        position:static;
        display:flex !important;
        transform:none !important;
        padding:0;
        border:0;
        background:transparent;
        box-shadow:none;
        gap:3px;
      }
      .quick-page-btn.quick-preview{ display:none; }
      .quick-page-btn{
        width:22px;
        height:22px;
        border:1px solid rgba(148,163,184,0.55);
        border-radius:5px;
        background:rgba(255,255,255,0.1);
        color:#dbe4ff;
      }
      .quick-page-btn.quick-duplicate{ order:1; }
      .quick-page-btn.quick-rotate{ order:2; }
      .quick-page-btn.quick-delete{ order:3; }
      .quick-page-btn svg{ width:12px; height:12px; }
      .quick-page-btn:last-child{
        border-right:1px solid rgba(148,163,184,0.55);
      }
      .insert-slot{
        width:100%;
        flex:1 1 auto;
        min-height:24px;
        border-radius:6px;
        border:1px dashed rgba(124,131,255,0.45);
        background:transparent;
      }
      .insert-slot::before{
        display:none;
      }
      .insert-slot-btn{
        width:20px;
        height:20px;
        min-height:20px;
        border-width:1.5px;
        box-shadow:none;
      }
      .add-document-card{
        width:100%;
        flex:1 1 auto;
        min-height:92px;
        padding:8px;
      }
      .add-document-sub{ font-size:.62rem; }
    }

    .spdf-workspace-toolbar{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      margin:0 0 10px;
      padding:0;
    }
    .spdf-workspace-toolbar-left{
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
    }
    .spdf-toolbar-btn{
      border:1px solid #d2d8e6;
      background:#ffffff;
      color:#1d2a43;
      border-radius:8px;
      min-height:36px;
      padding:7px 14px;
      font-weight:600;
      font-size:14px;
      line-height:1.2;
      cursor:pointer;
      transition:background .14s ease, border-color .14s ease;
    }
    .spdf-toolbar-btn:hover{
      background:#f6f8fb;
      border-color:#bcc8dc;
    }
    .spdf-toolbar-btn:disabled{
      opacity:.56;
      cursor:not-allowed;
    }
    body.qc-workspace-mode #workspaceSection .qcw-auto-sidepanel,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .qcw-auto-sidepanel{
      display:none !important;
    }
    body.qc-workspace-mode #workspaceSection .qcw-body,
    body.qc-workspace-mode #workspaceSection .qcw-auto-body,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .qcw-body,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .qcw-auto-body{
      display:grid !important;
      grid-template-columns:minmax(0,1fr) !important;
    }
    body.qc-workspace-mode #workspaceSection .qcw-canvas-wrap,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .qcw-canvas-wrap{
      max-width:none !important;
      width:100% !important;
      padding:14px 16px 24px !important;
    }
    body.qc-workspace-mode #workspaceSection .workspace-header,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .workspace-header{
      display:none !important;
    }
    body.qc-workspace-mode #workspaceSection .qcw-auto-canvas,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .qcw-auto-canvas{
      border:0 !important;
      border-radius:0 !important;
      background:#dfe4ee !important;
      padding:14px 16px 22px !important;
      min-height:calc(100vh - 130px);
    }
    body.qc-workspace-mode #workspaceSection .rotate-workspace,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .rotate-workspace{
      border:0 !important;
      background:transparent !important;
      box-shadow:none !important;
      padding:0 !important;
    }
    body.qc-workspace-mode #workspaceSection .workspace-progress-inline,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .workspace-progress-inline{
      margin:0 0 10px !important;
      padding:8px 10px !important;
      border-radius:8px !important;
      border-color:#cfd7e6 !important;
      background:#eef2f8 !important;
    }
    body.qc-workspace-mode #workspaceSection .workspace-progress-text,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .workspace-progress-text{
      color:#44526c !important;
    }
    body.qc-workspace-mode #workspaceSection .mobile-workspace-toolbar,
    body.qc-workspace-mode #workspaceSection .spdf-select-row,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .mobile-workspace-toolbar,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .spdf-select-row{
      display:none !important;
    }
    body.qc-workspace-mode #workspaceSection #pagesPreview,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection #pagesPreview{
      --qc-card-width:198px !important;
      --qc-slot-width:36px !important;
      margin-top:0 !important;
      min-height:320px !important;
      width:100% !important;
      max-width:100% !important;
      overflow-x:hidden !important;
      overflow-y:visible !important;
      flex-flow:row wrap !important;
      align-content:flex-start !important;
      gap:22px !important;
      padding:6px 0 18px !important;
      border:0 !important;
      background:transparent !important;
    }
    body.qc-workspace-mode #workspaceSection .preview-card,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .preview-card{
      border-radius:0 !important;
      border:0 !important;
      background:transparent !important;
      box-shadow:none !important;
      padding:0 !important;
    }
    body.qc-workspace-mode #workspaceSection .preview-card.selected,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .preview-card.selected{
      background:rgba(124,131,255,0.14) !important;
      border-radius:8px !important;
      box-shadow:inset 0 0 0 1px rgba(124,131,255,0.34) !important;
      padding:8px !important;
      margin:-8px !important;
    }
    body.qc-workspace-mode #workspaceSection .thumb-frame,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .thumb-frame{
      border-radius:0 !important;
      border:1px solid #d6dde8;
      background:#ffffff !important;
      aspect-ratio:3 / 4;
    }
    body.qc-workspace-mode #workspaceSection .thumb-img,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .thumb-img{
      border-radius:0 !important;
    }
    body.qc-workspace-mode #workspaceSection .page-actions,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .page-actions{
      display:none !important;
    }
    body.qc-workspace-mode #workspaceSection .insert-slot,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .insert-slot{
      min-height:296px !important;
      border:0 !important;
      background:transparent !important;
    }
    body.qc-workspace-mode #workspaceSection .insert-slot::before,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .insert-slot::before{
      display:none !important;
    }
    body.qc-workspace-mode #workspaceSection .insert-slot-btn,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .insert-slot-btn{
      width:36px !important;
      height:36px !important;
      min-height:36px !important;
      border:0 !important;
      background:#8ab2ff !important;
      color:#fff !important;
      box-shadow:none !important;
    }
    body.qc-workspace-mode #workspaceSection .thumb-rotate-btn,
    body.qc-workspace-mode #workspaceSection .thumb-delete-btn,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .thumb-rotate-btn,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .thumb-delete-btn{
      width:64px !important;
      height:64px !important;
      border-width:2px !important;
      background:#0d66ff !important;
      border-color:#0d66ff !important;
      color:#fff !important;
      box-shadow:0 8px 18px rgba(13,102,255,0.26) !important;
    }
    body.qc-workspace-mode #workspaceSection .thumb-label,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .thumb-label{
      color:#6a7588 !important;
      font-size:28px !important;
      font-weight:500 !important;
      margin-top:8px !important;
    }
    @media (max-width: 920px){
      .spdf-workspace-toolbar{
        flex-direction:column;
        align-items:stretch;
        gap:8px;
      }
      .spdf-workspace-toolbar-left{
        overflow-x:auto;
        white-space:nowrap;
      }
      body.qc-workspace-mode #workspaceSection #pagesPreview,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection #pagesPreview{
        --qc-card-width:150px !important;
        --qc-slot-width:28px !important;
        gap:12px !important;
      }
    }
    @media (max-width: 640px){
      body.qc-workspace-mode #workspaceSection .qcw-announcement,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .qcw-announcement{
        display:none !important;
      }
      body.qc-workspace-mode #workspaceSection .qcw-topbar,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .qcw-topbar{
        position:sticky !important;
        top:0 !important;
        z-index:70 !important;
        background:#1f2140 !important;
        padding:8px 10px !important;
        gap:8px !important;
        border-bottom:1px solid rgba(124,131,255,0.26) !important;
      }
      body.qc-workspace-mode #workspaceSection .qcw-title,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .qcw-title{
        font-size:1.3rem !important;
      }
      body.qc-workspace-mode #workspaceSection .qcw-toolbar,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .qcw-toolbar{
        display:none !important;
      }
      body.qc-workspace-mode #workspaceSection .qcw-primary,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .qcw-primary{
        position:fixed !important;
        left:12px !important;
        right:12px !important;
        bottom:12px !important;
        z-index:85 !important;
        min-height:46px !important;
        border-radius:8px !important;
        font-size:1.25rem !important;
      }
      body.qc-workspace-mode #workspaceSection .qcw-canvas-wrap,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .qcw-canvas-wrap{
        padding:8px 10px 78px !important;
      }
      body.qc-workspace-mode #workspaceSection .qcw-auto-canvas,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .qcw-auto-canvas{
        padding:8px !important;
      }
      body.qc-workspace-mode #workspaceSection .workspace-progress-inline,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .workspace-progress-inline{
        display:none !important;
      }
      body.qc-workspace-mode #workspaceSection .spdf-workspace-toolbar,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .spdf-workspace-toolbar{
        margin:4px 0 8px !important;
      }
      body.qc-workspace-mode #workspaceSection .spdf-workspace-toolbar-left,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .spdf-workspace-toolbar-left{
        flex-wrap:nowrap !important;
        width:100% !important;
        gap:8px !important;
        overflow:visible !important;
      }
      body.qc-workspace-mode #workspaceSection .spdf-toolbar-btn,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .spdf-toolbar-btn{
        min-height:38px !important;
        padding:0 12px !important;
        border-radius:8px !important;
        font-size:1.05rem !important;
        font-weight:700 !important;
      }
      body.qc-workspace-mode #workspaceSection .spdf-select-row,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .spdf-select-row{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        margin:0 0 8px !important;
      }
      body.qc-workspace-mode #workspaceSection .spdf-select-row::after,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .spdf-select-row::after{
        content:"A-Z";
        width:38px;
        height:30px;
        border-radius:6px;
        border:1px solid #cdd6e7;
        background:#eef2f8;
        color:#7a88a3;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:.72rem;
        font-weight:700;
      }
      body.qc-workspace-mode #workspaceSection .spdf-select-label,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .spdf-select-label{
        color:#2a3952 !important;
        font-size:1.9rem !important;
        font-weight:500 !important;
      }
      body.qc-workspace-mode #workspaceSection .spdf-select-label input,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .spdf-select-label input{
        width:18px !important;
        height:18px !important;
      }
      body.qc-workspace-mode #workspaceSection #pagesPreview,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection #pagesPreview{
        display:block !important;
        min-height:auto !important;
        padding:0 0 10px !important;
      }
      body.qc-workspace-mode #workspaceSection .insert-slot,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .insert-slot{
        display:none !important;
      }
      body.qc-workspace-mode #workspaceSection .preview-card,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .preview-card{
        display:grid !important;
        grid-template-columns:22px 56px minmax(0,1fr) auto !important;
        grid-template-rows:auto auto !important;
        column-gap:10px !important;
        row-gap:4px !important;
        width:100% !important;
        margin:0 0 8px !important;
        padding:8px !important;
        border:1px solid #d1d9e7 !important;
        border-radius:0 !important;
        background:#e8edf6 !important;
      }
      body.qc-workspace-mode #workspaceSection .preview-card.selected,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .preview-card.selected{
        margin:0 0 8px !important;
        padding:8px !important;
        border-radius:0 !important;
        box-shadow:inset 0 0 0 2px rgba(124,131,255,0.45) !important;
      }
      body.qc-workspace-mode #workspaceSection .card-select-toggle,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .card-select-toggle{
        position:static !important;
        grid-column:1 !important;
        grid-row:1 / span 2 !important;
        width:20px !important;
        height:20px !important;
        border-radius:3px !important;
        border-color:#7f8ca5 !important;
        background:#ffffff !important;
      }
      body.qc-workspace-mode #workspaceSection .preview-card.selected .card-select-toggle,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .preview-card.selected .card-select-toggle{
        background:#4f63f6 !important;
        border-color:#4f63f6 !important;
      }
      body.qc-workspace-mode #workspaceSection .page-badge,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .page-badge{
        display:none !important;
      }
      body.qc-workspace-mode #workspaceSection .thumb-frame,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .thumb-frame{
        grid-column:2 !important;
        grid-row:1 / span 2 !important;
        width:56px !important;
        aspect-ratio:auto !important;
        height:78px !important;
      }
      body.qc-workspace-mode #workspaceSection .thumb-rotate-btn,
      body.qc-workspace-mode #workspaceSection .thumb-delete-btn,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .thumb-rotate-btn,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .thumb-delete-btn{
        display:none !important;
      }
      body.qc-workspace-mode #workspaceSection .file-pill-row,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .file-pill-row{
        grid-column:3 !important;
        grid-row:1 !important;
        justify-content:flex-start !important;
        margin:0 !important;
      }
      body.qc-workspace-mode #workspaceSection .file-pill,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .file-pill{
        max-width:140px !important;
        border-radius:6px !important;
      }
      body.qc-workspace-mode #workspaceSection .thumb-label,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .thumb-label{
        grid-column:3 !important;
        grid-row:2 !important;
        margin:0 !important;
        font-size:1.9rem !important;
        line-height:1.1 !important;
        text-align:left !important;
      }
      body.qc-workspace-mode #workspaceSection .page-quick-actions,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .page-quick-actions{
        position:static !important;
        display:flex !important;
        grid-column:4 !important;
        grid-row:1 / span 2 !important;
        transform:none !important;
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
        padding:0 !important;
        gap:8px !important;
      }
      body.qc-workspace-mode #workspaceSection .quick-preview,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .quick-preview{
        display:none !important;
      }
      body.qc-workspace-mode #workspaceSection .quick-page-btn,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .quick-page-btn{
        width:22px !important;
        height:22px !important;
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        color:#3a4a65 !important;
        padding:0 !important;
      }
      body.qc-workspace-mode #workspaceSection .quick-page-btn svg,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .quick-page-btn svg{
        width:18px !important;
        height:18px !important;
      }
      body.qc-workspace-mode #workspaceSection .add-document-card,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .add-document-card{
        width:100% !important;
        min-height:96px !important;
        margin:2px 0 0 !important;
      }
      body.qc-workspace-mode #workspaceSection .doc-insights,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .doc-insights{
        padding-bottom:52px !important;
      }
    }

    /* Brand color pass on approved desktop + mobile parity layout */
    body.qc-workspace-mode #workspaceSection .qcw-auto-canvas,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .qcw-auto-canvas{
      background:#1f2140 !important;
    }
    body.qc-workspace-mode #workspaceSection .workspace-progress-inline,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .workspace-progress-inline{
      background:#292c53 !important;
      border-color:#4a4e76 !important;
    }
    body.qc-workspace-mode #workspaceSection .workspace-progress-text,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .workspace-progress-text{
      color:#c8cade !important;
    }
    body.qc-workspace-mode #workspaceSection .spdf-toolbar-btn,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .spdf-toolbar-btn{
      background:#292c53 !important;
      border-color:#4a4e76 !important;
      color:#f5f6f7 !important;
    }
    body.qc-workspace-mode #workspaceSection .spdf-toolbar-btn:hover,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .spdf-toolbar-btn:hover{
      background:#343866 !important;
      border-color:#7c83ff !important;
    }
    body.qc-workspace-mode #workspaceSection .preview-card.selected,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .preview-card.selected{
      background:rgba(124,131,255,0.2) !important;
      box-shadow:inset 0 0 0 1px rgba(124,131,255,0.62) !important;
    }
    body.qc-workspace-mode #workspaceSection .thumb-frame,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .thumb-frame{
      border-color:#4a4e76 !important;
      background:#ffffff !important;
    }
    body.qc-workspace-mode #workspaceSection .thumb-label,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .thumb-label{
      color:#f5f6f7 !important;
    }
    body.qc-workspace-mode #workspaceSection .insert-slot-btn,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .insert-slot-btn{
      background:#7c83ff !important;
    }
    body.qc-workspace-mode #workspaceSection .thumb-rotate-btn,
    body.qc-workspace-mode #workspaceSection .thumb-delete-btn,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .thumb-rotate-btn,
    body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .thumb-delete-btn{
      background:#7c83ff !important;
      border-color:#7c83ff !important;
    }

    @media (max-width: 640px){
      body.qc-workspace-mode #workspaceSection #pagesPreview,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection #pagesPreview{
        background:transparent !important;
      }
      body.qc-workspace-mode #workspaceSection .spdf-select-label,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .spdf-select-label{
        color:#f5f6f7 !important;
      }
      body.qc-workspace-mode #workspaceSection .spdf-select-row::after,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .spdf-select-row::after{
        background:#292c53 !important;
        border-color:#4a4e76 !important;
        color:#c8cade !important;
      }
      body.qc-workspace-mode #workspaceSection .preview-card,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .preview-card{
        background:#292c53 !important;
        border-color:#4a4e76 !important;
      }
      body.qc-workspace-mode #workspaceSection .card-select-toggle,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .card-select-toggle{
        background:#1f2140 !important;
        border-color:#4a4e76 !important;
      }
      body.qc-workspace-mode #workspaceSection .preview-card.selected .card-select-toggle,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .preview-card.selected .card-select-toggle{
        background:#7c83ff !important;
        border-color:#7c83ff !important;
      }
      body.qc-workspace-mode #workspaceSection .thumb-label,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .thumb-label{
        color:#f5f6f7 !important;
      }
      body.qc-workspace-mode #workspaceSection .quick-page-btn,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .quick-page-btn{
        color:#c8cade !important;
      }
      body.qc-workspace-mode #workspaceSection .doc-insights,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .doc-insights{
        color:#a9acc6 !important;
      }
    }
    @media (max-width: 640px){
      body.qc-workspace-mode #workspaceSection .qcw-auto-canvas,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .qcw-auto-canvas{
        background:#dfe4ee !important;
      }
      body.qc-workspace-mode #workspaceSection .spdf-toolbar-btn,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .spdf-toolbar-btn{
        background:#ffffff !important;
        border-color:#d1d7e4 !important;
        color:#1f2140 !important;
      }
      body.qc-workspace-mode #workspaceSection .spdf-select-label,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .spdf-select-label{
        color:#111827 !important;
      }
      body.qc-workspace-mode #workspaceSection .spdf-select-row::after,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .spdf-select-row::after{
        background:#eef2f8 !important;
        border-color:#d1d7e4 !important;
        color:#818aa0 !important;
      }
      body.qc-workspace-mode #workspaceSection #pagesPreview,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection #pagesPreview{
        background:transparent !important;
      }
      body.qc-workspace-mode #workspaceSection .preview-card,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .preview-card{
        grid-template-columns:16px 24px 72px minmax(0,1fr) auto !important;
        background:#edf1f7 !important;
        border-color:#d6dcea !important;
      }
      body.qc-workspace-mode #workspaceSection .preview-card.selected,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .preview-card.selected{
        background:#e9edf6 !important;
        box-shadow:inset 0 0 0 2px rgba(124,131,255,0.55) !important;
      }
      body.qc-workspace-mode #workspaceSection .page-badge,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .page-badge{
        display:flex !important;
        pointer-events:none !important;
        position:static !important;
        grid-column:1 !important;
        grid-row:1 / span 2 !important;
        width:12px !important;
        height:22px !important;
        font-size:0 !important;
        color:transparent !important;
        background:transparent !important;
        border:0 !important;
        border-radius:0 !important;
        padding:0 !important;
        margin:0 !important;
        align-items:center !important;
        justify-content:center !important;
      }
      body.qc-workspace-mode #workspaceSection .page-badge::before,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .page-badge::before{
        content:"";
        width:10px;
        height:20px;
        background:
          radial-gradient(circle,#1f2140 1.1px,transparent 1.3px) 0 0/4px 6px repeat-y,
          radial-gradient(circle,#1f2140 1.1px,transparent 1.3px) 6px 0/4px 6px repeat-y;
        opacity:.9;
      }
      body.qc-workspace-mode #workspaceSection .card-select-toggle,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .card-select-toggle{
        grid-column:2 !important;
        grid-row:1 / span 2 !important;
        background:#ffffff !important;
        border-color:#7f8ca5 !important;
      }
      body.qc-workspace-mode #workspaceSection .thumb-frame,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .thumb-frame{
        grid-column:3 !important;
        width:72px !important;
        height:102px !important;
      }
      body.qc-workspace-mode #workspaceSection .file-pill-row,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .file-pill-row{
        grid-column:4 !important;
        display:flex !important;
        justify-content:flex-start !important;
        margin:0 !important;
      }
      body.qc-workspace-mode #workspaceSection .file-pill,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .file-pill{
        background:#e9b8c8 !important;
        color:#6c3344 !important;
        border-color:transparent !important;
      }
      body.qc-workspace-mode #workspaceSection .thumb-label,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .thumb-label{
        position:relative !important;
        display:block !important;
        grid-column:4 !important;
        grid-row:2 !important;
        margin:2px 0 0 !important;
        min-height:32px !important;
        color:transparent !important;
        font-size:1rem !important;
        line-height:1.15 !important;
      }
      body.qc-workspace-mode #workspaceSection .thumb-label::after,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .thumb-label::after{
        content:attr(data-page-label);
        position:absolute !important;
        left:0 !important;
        top:0 !important;
        display:inline-block !important;
        color:#7b8498 !important;
        font-size:2.05rem !important;
        font-weight:500 !important;
        line-height:1 !important;
      }
      body.qc-workspace-mode #workspaceSection .page-quick-actions,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .page-quick-actions{
        grid-column:5 !important;
      }
      body.qc-workspace-mode #workspaceSection .quick-page-btn,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .quick-page-btn{
        color:#1f2531 !important;
      }
      body.qc-workspace-mode #workspaceSection .insert-slot,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .insert-slot{
        display:none !important;
      }
      body.qc-workspace-mode #workspaceSection .insert-slot:last-of-type,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .insert-slot:last-of-type{
        display:flex !important;
        position:relative !important;
        width:100% !important;
        min-height:124px !important;
        border:2px dashed #7c83ff !important;
        border-radius:10px !important;
        background:#e9eef9 !important;
        margin:6px 0 0 !important;
        padding:18px 16px 18px 74px !important;
        align-items:center !important;
        justify-content:flex-start !important;
      }
      body.qc-workspace-mode #workspaceSection .insert-slot:last-of-type .insert-slot-btn,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .insert-slot:last-of-type .insert-slot-btn{
        display:flex !important;
        position:absolute !important;
        left:22px !important;
        top:50% !important;
        transform:translateY(-50%) !important;
        width:34px !important;
        height:34px !important;
        min-height:34px !important;
        border:2px solid #7c83ff !important;
        background:#e9eef9 !important;
        color:#7c83ff !important;
      }
      body.qc-workspace-mode #workspaceSection .insert-slot:last-of-type::after,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .insert-slot:last-of-type::after{
        content:"Add PDF, image, Word, Excel, and PowerPoint files";
        color:#5d78d8;
        font-size:1rem;
        font-weight:700;
        line-height:1.35;
      }
      body.qc-workspace-mode #workspaceSection .doc-insights,
      body:has(#workspaceSection:not(.workspace-hidden)) #workspaceSection .doc-insights{
        display:none !important;
      }
    }

    .doc-insights{
      margin-top:12px;
      font-size:.86rem;
      color:#4b5563;
    }

    #downloadActions{
      margin-top:10px;
      text-align:left;
    }
    #downloadActions.hidden{
      display:none;
    }

    .modal-backdrop{
      position:fixed;
      inset:0;
      background:rgba(0,0,0,0.65);
      display:none;
      align-items:center;
      justify-content:center;
      z-index:50;
    }
    .modal-backdrop.open{
      display:flex;
    }
    .modal-popup{
      background:#111827;
      color:#f9fafb;
      border-radius:16px;
      padding:16px;
      max-width:90vw;
      max-height:90vh;
      overflow:auto;
    }
    .modal-popup h3{
      margin-top:0;
      font-size:1rem;
      margin-bottom:8px;
    }
    .modal-close{
      float:right;
      cursor:pointer;
      font-size:.9rem;
      opacity:.8;
    }
    .modal-close:hover{
      opacity:1;
    }