:root {
      --sidebar-bg: #152B3D;
      --sidebar-hover: #1E3B52;
      --sidebar-active: #274D6B;
      --bg: #F3F6FA;
      --card: #FFFFFF;
      --border: #DDE4EE;
      --text: #152B3D;
      --muted: #64748B;
      --primary: #1F9E8E;
      --primary-hover: #178073;
      --primary-soft: #E6F8F5;
      --primary-border: #9EE2D6;
      --teal-bright: #2AB39A;
    }
    * { box-sizing: border-box; margin: 0; padding: 0; }
    body {
      font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
      background: var(--bg);
      color: var(--text);
      display: flex;
      height: 100vh;
      overflow: hidden;
      font-size: 13px;
    }
    /* Sidebar with Official Dokiva PDF Brand */
    .sidebar {
      width: 240px;
      background: var(--sidebar-bg);
      color: #fff;
      display: flex;
      flex-direction: column;
      padding: 18px 14px;
      flex-shrink: 0;
      user-select: none;
    }
    .brand-row {
      display: flex;
      align-items: center;
      gap: 11px;
      margin-bottom: 4px;
      cursor: pointer;
    }
    .brand-row svg { width: 38px; height: 38px; flex-shrink: 0; }
    .brand-title { font-size: 22px; font-weight: 700; letter-spacing: -0.4px; color: #fff; }
    .brand-title span { color: var(--teal-bright); font-weight: 500; font-size: 15px; margin-left: 3px; }
    .brand-sub { color: #A3B8CC; font-size: 12px; margin-bottom: 14px; margin-top: 2px; }
    .lang-label { color: #91A8BF; font-size: 11px; margin-bottom: 4px; }
    .lang-select {
      width: 100%;
      padding: 7px 10px;
      border-radius: 7px;
      border: 1px solid #2B4A66;
      background: #fff;
      color: #152B3D;
      font-size: 12.5px;
      margin-bottom: 12px;
      outline: none;
      cursor: pointer;
    }
    .nav-list {
      flex: 1;
      overflow-y: auto;
      display: flex;
      flex-direction: column;
      gap: 2px;
      padding-right: 4px;
    }
    .nav-list::-webkit-scrollbar { width: 5px; }
    .nav-list::-webkit-scrollbar-thumb { background: #2D4D6A; border-radius: 4px; }
    .nav-btn {
      background: transparent;
      border: none;
      color: #C5D4E3;
      text-align: left;
      padding: 9px 11px;
      border-radius: 8px;
      font-size: 12.5px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: space-between;
      transition: background 0.14s, color 0.14s;
    }
    .nav-btn:hover { background: var(--sidebar-hover); color: #fff; }
    .nav-btn.active { background: var(--sidebar-active); color: #fff; font-weight: 600; }

    /* Dokiva 2.3 Holder License Card in Sidebar Footer */
    .sidebar-footer {
      border-top: 1px solid #243F57;
      padding-top: 11px;
      margin-top: 10px;
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    .holder-card {
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(133, 222, 199, 0.22);
      border-radius: 9px;
      padding: 9px 11px;
      font-size: 11.5px;
      line-height: 1.45;
    }
    .holder-name { color: #E5FFF6; font-weight: 700; font-size: 12.5px; }
    .holder-meta { color: #9CC0D6; font-size: 11px; }
    .side-action-btn {
      background: #1E3950;
      color: #E2ECF8;
      border: 1px solid #315370;
      border-radius: 7px;
      padding: 7px 10px;
      font-size: 11.5px;
      cursor: pointer;
      text-align: left;
    }
    .side-action-btn:hover { background: #294A67; }

    /* Main Content */
    .main {
      flex: 1;
      display: flex;
      flex-direction: column;
      overflow-y: auto;
      padding: 24px 30px 60px 30px;
    }
    .top-header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 16px;
      margin-bottom: 14px;
      flex-wrap: wrap;
    }
    .page-title { font-size: 27px; font-weight: 700; color: #152B3D; letter-spacing: -0.4px; }
    .page-subtitle { color: var(--muted); font-size: 13px; margin-top: 4px; }
    .version-tag { color: #64748B; font-size: 12px; background: #E2E8F0; padding: 4px 10px; border-radius: 99px; font-weight: 600; }
    .lang-pills {
      display: inline-flex;
      background: #E2E8F0;
      border-radius: 8px;
      padding: 2px;
      gap: 2px;
    }
    .lang-pill {
      border: none;
      background: transparent;
      color: #334155;
      font-size: 11.5px;
      font-weight: 700;
      padding: 4px 9px;
      border-radius: 6px;
      cursor: pointer;
      transition: all 0.14s;
    }
    .lang-pill.active {
      background: var(--primary);
      color: #fff;
    }

    .license-bar {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 12px;
      padding: 12px 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 12px;
      flex-wrap: wrap;
    }
    .license-bar-left, .license-bar-right {
      display: flex;
      align-items: center;
      gap: 9px;
      flex-wrap: wrap;
    }
    .plan-pill {
      background: var(--primary-soft);
      color: #0F6E61;
      border: 1px solid var(--primary-border);
      font-weight: 700;
      padding: 4px 11px;
      border-radius: 999px;
      font-size: 12px;
    }
    .plan-pill.free {
      background: #FEF3C7;
      color: #92400E;
      border-color: #FDE68A;
    }
    .btn {
      background: #fff;
      border: 1px solid #D7E0EB;
      border-radius: 7px;
      padding: 8px 13px;
      font-size: 12.5px;
      color: var(--text);
      cursor: pointer;
      font-weight: 500;
      transition: all 0.15s;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      text-decoration: none;
    }
    .btn:hover { background: #EEF4FA; border-color: #A4BED8; }
    .btn-choose {
      background: var(--primary-soft);
      color: #0F6E61;
      border-color: var(--primary-border);
      font-weight: 600;
    }
    .btn-choose:hover { background: #D1F2EB; }
    .btn-primary {
      background: var(--primary);
      color: #fff;
      border-color: var(--primary);
      font-weight: 600;
    }
    .btn-primary:hover { background: var(--primary-hover); }

    .search-input {
      width: 100%;
      background: #fff;
      border: 1px solid var(--border);
      border-radius: 9px;
      padding: 11px 14px;
      font-size: 13px;
      color: var(--text);
      margin-bottom: 12px;
      outline: none;
    }
    .search-input:focus { border-color: var(--teal-bright); box-shadow: 0 0 0 3px rgba(42,179,154,0.14); }
    .filters { display: flex; gap: 7px; flex-wrap: wrap; margin-bottom: 10px; }
    .filter-pill {
      background: #fff;
      border: 1px solid #D6DFEA;
      border-radius: 16px;
      padding: 6px 13px;
      font-size: 12px;
      color: var(--text);
      cursor: pointer;
    }
    .filter-pill.active {
      background: #152B3D;
      color: #fff;
      border-color: #152B3D;
      font-weight: 600;
    }
    .ready-count { color: #64748B; font-size: 12px; margin-bottom: 10px; }

    /* 38 Tools Grid */
    .tools-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));
      gap: 13px;
    }
    .tool-card {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 12px;
      padding: 15px;
      cursor: pointer;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      min-height: 142px;
      transition: transform 0.12s, border-color 0.12s, box-shadow 0.12s;
    }
    .tool-card:hover {
      border-color: var(--teal-bright);
      background: #FBFDFD;
      transform: translateY(-2px);
      box-shadow: 0 6px 16px rgba(21, 43, 61, 0.07);
    }
    .tool-card-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 11px;
    }
    .tool-icon {
      min-width: 36px;
      height: 30px;
      padding: 0 8px;
      border-radius: 7px;
      color: #fff;
      font-weight: 700;
      font-size: 12px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }
    .badges-right { display: flex; gap: 5px; align-items: center; }
    .badge-new {
      color: #0F6E61;
      background: #E6F8F5;
      border-radius: 4px;
      padding: 2px 6px;
      font-size: 10px;
      font-weight: 700;
    }
    .badge-pro {
      color: #1E40AF;
      background: #DBEAFE;
      border-radius: 4px;
      padding: 2px 6px;
      font-size: 10px;
      font-weight: 700;
    }
    .badge-lock {
      color: #92400E;
      background: #FEF3C7;
      border-radius: 4px;
      padding: 2px 6px;
      font-size: 10px;
      font-weight: 700;
    }
    .tool-title { color: #152B3D; font-size: 15px; font-weight: 600; margin-bottom: 6px; }
    .tool-desc { color: #64748B; font-size: 12px; line-height: 1.42; }

    /* Workspace */
    .workspace-view { display: none; flex-direction: column; gap: 16px; }
    .workspace-view.active { display: flex; }
    .workspace-grid {
      display: grid;
      grid-template-columns: 1.25fr 1fr;
      gap: 18px;
      align-items: start;
    }
    @media (max-width: 960px) {
      body { flex-direction: column; height: auto; overflow: auto; }
      .sidebar { width: 100%; height: auto; }
      .nav-list { display: none; }
      .workspace-grid { grid-template-columns: 1fr; }
    }
    .panel-card {
      background: #fff;
      border: 1px solid var(--border);
      border-radius: 12px;
      padding: 20px;
    }
    .panel-title { font-size: 16px; font-weight: 700; margin-bottom: 12px; color: #152B3D; display: flex; justify-content: space-between; align-items: center; }
    .drop-zone {
      background: #F8FAFD;
      border: 2px dashed #CCD9E8;
      border-radius: 12px;
      padding: 26px 20px;
      text-align: center;
      cursor: pointer;
      transition: all 0.15s;
    }
    .drop-zone:hover, .drop-zone.dragover {
      border-color: var(--teal-bright);
      background: #F0FBF8;
    }
    .file-list { margin-top: 12px; display: flex; flex-direction: column; gap: 7px; }
    .file-item {
      background: #F7F9FC;
      border: 1px solid #E4EAF2;
      border-radius: 8px;
      padding: 8px 12px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 12.5px;
    }
    .form-group { margin-bottom: 11px; }
    .form-group label { display: block; font-weight: 600; margin-bottom: 4px; color: #334155; font-size: 12px; }
    .form-control {
      width: 100%;
      padding: 8px 10px;
      border: 1px solid #D6DFEA;
      border-radius: 6px;
      background: #FBFCFE;
      font-size: 13px;
      color: var(--text);
    }
    .preview-box {
      background: #EFF3F8;
      border-radius: 10px;
      min-height: 290px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 14px;
      text-align: center;
      color: #64748B;
    }
    .preview-box img {
      max-width: 100%;
      max-height: 340px;
      border-radius: 6px;
      box-shadow: 0 4px 14px rgba(0,0,0,0.12);
      background: #fff;
    }
    .result-banner {
      margin-top: 14px;
      background: #ECFDF5;
      border: 1px solid #A7F3D0;
      border-radius: 10px;
      padding: 15px;
      display: none;
    }
    .result-banner.active { display: block; }
    .error-banner {
      margin-top: 12px;
      background: #FEF2F2;
      border: 1px solid #FECACA;
      color: #991B1B;
      border-radius: 8px;
      padding: 12px;
      display: none;
    }
    .error-banner.active { display: block; }

    /* Modals */
    .modal-backdrop {
      position: fixed;
      inset: 0;
      background: rgba(15, 23, 42, 0.55);
      backdrop-filter: blur(2px);
      display: none;
      align-items: center;
      justify-content: center;
      z-index: 100;
      padding: 20px;
    }
    .modal-backdrop.active { display: flex; }
    .modal {
      background: #fff;
      border-radius: 14px;
      max-width: 940px;
      width: 100%;
      max-height: 90vh;
      overflow-y: auto;
      padding: 24px;
      box-shadow: 0 20px 50px rgba(0,0,0,0.25);
    }
    .modal-sm { max-width: 540px; }
    .modal-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 16px;
      padding-bottom: 12px;
      border-bottom: 1px solid var(--border);
    }
    .modal-title { font-size: 19px; font-weight: 700; color: #152B3D; }
    .close-btn {
      background: #F1F5F9;
      border: none;
      width: 32px;
      height: 32px;
      border-radius: 8px;
      font-size: 16px;
      cursor: pointer;
    }
    .pricing-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 15px;
      margin-bottom: 16px;
    }
    .price-card {
      border: 1px solid var(--border);
      border-radius: 12px;
      padding: 18px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      background: #fff;
    }
    .price-card.featured {
      border: 2px solid var(--teal-bright);
      background: #FAFFFE;
      box-shadow: 0 8px 24px rgba(42, 179, 154, 0.1);
    }
    .price-amount { font-size: 27px; font-weight: 800; color: #152B3D; margin: 8px 0 3px 0; }
    .price-old { font-size: 15px; color: #94A3B8; text-decoration: line-through; font-weight: 500; margin-left: 6px; }
    .price-features { list-style: none; margin: 12px 0 16px 0; display: flex; flex-direction: column; gap: 7px; }
    .price-features li { font-size: 12px; color: #334155; display: flex; gap: 7px; }
    .price-features li::before { content: "✓"; color: var(--primary); font-weight: 700; }
    .key-box {
      background: #0F172A;
      color: #2AB39A;
      font-family: Consolas, monospace;
      font-size: 14px;
      font-weight: 700;
      padding: 11px 14px;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin: 8px 0;
    }
    .table { width: 100%; border-collapse: collapse; font-size: 12px; margin-top: 8px; }
    .table th, .table td { border-bottom: 1px solid #E2E8F0; padding: 8px 10px; text-align: left; }
    .table th { background: #F8FAFC; color: #475569; font-weight: 600; }
  
a.nav-btn{display:block;text-decoration:none}a.tool-link{display:block;text-decoration:none;color:inherit}
.seo-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.seo-nav a{border:1px solid #d4e4e3;border-radius:8px;padding:9px 13px;color:#126b61;background:#fff;text-decoration:none;line-height:1.4}.seo-nav a[aria-current="page"]{background:#e2f4ef;border-color:#8fcbbd;font-weight:700}
.seo-content{background:#fff;border:1px solid #dde4ee;border-radius:12px;padding:clamp(20px,3vw,34px);margin-top:24px;line-height:1.85;color:#475569;max-width:1100px}.seo-content h2{color:#152b3d;font-size:21px;margin:22px 0 10px;line-height:1.4}.seo-content h2:first-child{margin-top:0}.seo-content p{margin-bottom:12px;max-width:86ch}.seo-content ol{padding-left:24px}.seo-content li{padding:5px 0}.seo-content details{border-top:1px solid #e2e8f0;padding:14px 0}.seo-content summary{color:#1b403e;cursor:pointer;font-weight:650}.seo-content details p{margin-top:8px}.seo-content a,.seo-footer a{color:#147c6f;text-decoration:underline;text-underline-offset:3px}.seo-note{border-left:3px solid #2ab39a;padding:12px 16px;background:#eef9f5;border-radius:6px;margin:14px 0;line-height:1.7}.seo-footer{display:flex;gap:16px;flex-wrap:wrap;padding:22px 0;color:#64748b;line-height:1.6}.page-title{font-size:clamp(24px,2.3vw,34px);overflow-wrap:break-word}.page-subtitle{max-width:86ch;line-height:1.8}
[data-page-kind="tool"] #homeView,[data-page-kind="guide"] #homeView,[data-page-kind="guide"] #workspaceView{display:none}
@media(max-width:1050px){.workspace-grid{grid-template-columns:minmax(0,1fr)}.main{min-width:0;padding:20px}.sidebar{width:210px}.top-header{gap:12px}}
@media(max-width:760px){body{display:block;height:auto;min-height:100vh;overflow:auto}.sidebar{width:100%;padding:12px 18px}.sidebar>:not(.brand-row){display:none!important}.sidebar .brand-row{margin:0}.main{padding:18px 14px 35px;overflow:visible}.workspace-grid{grid-template-columns:minmax(0,1fr)}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.seo-nav{gap:6px}.seo-nav a{padding:8px 10px;font-size:12px}.license-bar{padding:12px}.top-header{margin-top:6px}.seo-content{padding:20px}.preview-box{min-height:220px}.modal{padding:18px}}

.privacy-strip{display:flex;gap:14px;align-items:center;border:1px solid #b8dace;border-radius:12px;background:#f0f8f4;padding:16px 18px;margin:0 0 20px;color:#204e43}.privacy-symbol{width:34px;height:38px;border-radius:8px 8px 16px 16px;background:#176d5e;color:white;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:21px}.privacy-strip strong{font-size:14px}.privacy-strip p{font-size:12px;line-height:1.75;margin:5px 0}.privacy-strip small{font-size:11px;color:#557269}.privacy-strip>a{flex-shrink:0;font-size:12px;font-weight:600;color:#146c60;text-decoration:underline;text-underline-offset:3px}.privacy-contact{background:#eef7f4;border:1px solid #c8ded5;border-radius:10px;padding:20px;margin:24px 0}.privacy-contact strong{color:#214b3e}.privacy-contact .btn{margin:8px 0;background:white}.membership-privacy-note{padding:13px 15px;border:1px solid #b8dace;background:#f0f8f4;color:#285548;border-radius:9px;line-height:1.8;font-size:12px;margin-bottom:16px}.membership-privacy-note p{margin:6px 0}.membership-privacy-note a{color:#126b61}.form-control:disabled{background:#f3f5f7;opacity:.65;cursor:not-allowed}.btn:disabled{cursor:not-allowed;opacity:.6}
@media(max-width:960px){.privacy-strip{flex-wrap:wrap}.privacy-strip>div:nth-child(2){flex:1;min-width:180px}.privacy-strip>a{margin-left:48px}}@media(max-width:480px){.privacy-strip{padding:14px;gap:10px}.privacy-strip>a{margin-left:44px}.privacy-contact{padding:16px}}

.download-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;border-radius:9px;background:#147d6c;color:#fff!important;text-decoration:none!important;font-weight:650;font-size:13px;line-height:1.35;min-height:44px;white-space:normal;text-align:center;box-shadow:0 3px 8px #12634b16}.download-cta:hover{background:#0c6557}.download-cta:focus-visible,.privacy-preferences-link:focus-visible,.lang-pill:focus-visible{outline:3px solid #38bda1;outline-offset:3px}
.privacy-strip[data-layout="trust-panel"]{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,1fr);gap:28px;background:linear-gradient(120deg,#eef8f2,#e6f3ed);border:1px solid #c5dfd2;border-radius:16px;padding:25px 28px;margin:0 0 22px;align-items:center}.trust-eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#4c7765}.trust-copy h2{color:#173f33;font-size:clamp(21px,2vw,28px);line-height:1.3;letter-spacing:-.5px;margin:8px 0}.privacy-strip .trust-copy p{font-size:13px;line-height:1.8;margin:8px 0 12px;max-width:65ch;color:#4c685d}.trust-copy>a{color:#176d56;font-weight:650;font-size:12px;text-decoration:underline;text-underline-offset:3px}.trust-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.trust-benefit{min-width:0;border:1px solid #c7dfd3;border-radius:12px;background:#ffffff94;padding:18px 12px;min-height:125px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px}.trust-benefit>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#dceee2;color:#177054;font-size:19px}.trust-benefit strong{font-size:12px;line-height:1.6;color:#2a5142;overflow-wrap:break-word}
.download-card{display:flex;gap:22px;align-items:flex-start;background:white;border:1px solid #d4e4dc;border-radius:14px;padding:26px;margin:18px 0 24px;max-width:900px;line-height:1.8}.download-card strong{font-size:21px;color:#193d30}.download-card p{color:#526a5e;font-size:13px;max-width:65ch;margin:9px 0}.download-card .download-status{font-weight:650;color:#91691d}.download-card code{font-size:11px;overflow-wrap:anywhere}.download-app-icon{padding:12px;border-radius:16px;background:#edf6f0;flex-shrink:0}
.privacy-preferences-link{border:0;background:transparent;color:#147c6f;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-align:left}.consent-panel[hidden]{display:none!important}.consent-panel{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:2000;width:min(920px,calc(100% - 32px));background:#fff;border:1px solid #bdcfc5;border-radius:14px;box-shadow:0 12px 45px #0f2c2933;padding:22px;display:grid;grid-template-columns:1fr auto;gap:20px;color:#244334}.consent-panel p{font-size:12px;line-height:1.8;margin:8px 0}.consent-panel a{color:#176e59}.consent-actions{display:flex;gap:8px;flex-direction:column;justify-content:center}.consent-actions .btn{justify-content:center;min-height:44px;border:1px solid #9fbdb0;background:#f4faf6;color:#245b43;font-size:12px;padding:10px 15px}
.main{min-width:0}.top-header>div:first-child{flex:1 1 360px;min-width:0}.top-header>div:last-child{flex-wrap:wrap;justify-content:flex-end}.license-bar-left{min-width:0}.license-bar-right .btn{min-height:42px}.tool-card{min-width:0}.modal-backdrop{padding:16px;overflow-y:auto}.modal{max-width:100%;max-height:calc(100dvh - 32px);overflow-y:auto}.modal-header{gap:12px}.modal-title{overflow-wrap:anywhere}.modal .key-box{min-width:0;overflow-wrap:anywhere}.close-btn{flex-shrink:0;min-width:40px;min-height:40px}.file-list{overflow-x:auto}.seo-content{max-width:100%}.page-title{line-height:1.25}.seo-nav{max-width:100%}
@media(max-width:1200px){.privacy-strip[data-layout="trust-panel"]{grid-template-columns:1fr;gap:18px}.trust-benefit{min-height:94px;flex-direction:row;align-items:center;justify-content:flex-start;padding:14px}.trust-benefit>span{flex-shrink:0}.trust-benefits{gap:10px}}
@media(min-width:761px) and (max-width:960px){.sidebar{padding:12px 20px}.sidebar>:not(.brand-row){display:none!important}.sidebar .brand-row{margin:0}.main{width:100%}.top-header>div:first-child{flex-basis:400px}}
@media(max-width:760px){.top-header{gap:14px}.top-header>div:first-child{flex-basis:100%}.top-header>div:last-child{width:100%;justify-content:space-between;gap:12px!important}.lang-pills{padding:3px}.lang-pill{min-width:40px;min-height:38px}.privacy-strip[data-layout="trust-panel"]{padding:21px 18px;gap:17px;border-radius:13px}.privacy-strip .trust-copy p{font-size:12px}.trust-benefit{flex-direction:column;align-items:flex-start;padding:12px 10px;gap:8px;min-height:112px}.trust-benefit strong{font-size:11px}.license-bar{align-items:stretch}.license-bar-right{width:100%}.license-bar-right .btn{flex:1;justify-content:center;text-align:center;white-space:normal}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-card{padding:15px 12px}.tool-title{font-size:14px}.tool-desc{font-size:11.5px}.seo-nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}.seo-nav a{white-space:nowrap;flex-shrink:0}.filter-pill{min-height:38px}.preview-box{min-height:220px}.modal-backdrop{padding:10px}.modal{max-height:calc(100dvh - 20px);padding:18px!important}.modal .pricing-grid{grid-template-columns:1fr!important}.modal [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}.workspace-grid{grid-template-columns:minmax(0,1fr)}.consent-panel{bottom:10px;width:calc(100% - 20px);grid-template-columns:1fr;gap:10px;padding:17px}.consent-actions{flex-direction:row;flex-wrap:wrap}.consent-actions .btn{flex:1;min-width:115px}.download-card{padding:20px;gap:16px}.download-app-icon{padding:8px}.download-app-icon img{width:48px;height:48px}}
@media(max-width:380px){.tools-grid{grid-template-columns:1fr}.trust-benefits{gap:6px}.trust-benefit{padding:10px 8px}.download-card{flex-direction:column}.top-header .download-cta{font-size:12px;padding:10px 12px}}

.doc-preview-tools{display:grid;gap:10px;width:100%;margin:0 0 14px}.doc-preview-tools label{font-size:12px;color:#52657a;display:grid;gap:6px}.doc-preview-tools select{width:100%;min-width:0;min-height:40px}.doc-preview-modes{display:flex;gap:7px;flex-wrap:wrap}.doc-preview-modes .active{background:#dff3ec;border-color:#81bfa9;color:#155944}.doc-file-name{border:0;background:transparent;text-align:left;min-width:0;flex:1;cursor:pointer;color:#20394d;font:inherit;overflow-wrap:anywhere}.file-item.doc-active{background:#e9f6ef;border-color:#a6ccba}.doc-file-name small{display:block;color:#397b62;margin-top:4px}.file-item{gap:10px}.file-item>button:last-child{flex-shrink:0}.doc-preview-stage{width:100%;display:grid;place-items:center;min-height:320px;padding:14px;background:#e8edf2;border-radius:10px;overflow:auto}.doc-preview-stage canvas{display:block;max-width:100%;height:auto!important;box-shadow:0 3px 16px #20324329;background:white}.doc-preview-image{display:block;max-width:100%;max-height:580px;object-fit:contain}.doc-preview-status{padding:22px;color:#596b7c;text-align:center;line-height:1.8}.doc-thumb-strip{display:flex;gap:9px;overflow-x:auto;width:100%;padding:12px 2px 6px;scrollbar-width:thin}.doc-thumb{min-width:92px;max-width:92px;padding:6px;border:1px solid #d1dbe3;border-radius:8px;background:#fff;color:#496172;cursor:pointer;flex-shrink:0;display:grid;gap:5px;text-align:center;font-size:11px}.doc-thumb.active{border:2px solid #218b70;background:#edf8f2}.doc-thumb-canvas{height:116px;display:grid;place-items:center;background:#edf0f3;overflow:hidden}.doc-thumb canvas{max-width:100%;max-height:116px;object-fit:contain}.doc-pages-header{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:0 0 10px}.doc-pages-help{font-size:12px;line-height:1.8;color:#607385;margin:8px 0 14px}.doc-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}.doc-page-card{padding:9px;background:#f8fafb;border:1px solid #d5dfe6;border-radius:10px;min-width:0;cursor:grab}.doc-page-card.active{border:2px solid #238769;background:#edf7f1;padding:8px}.doc-page-card.dragover{outline:3px solid #54b997}.doc-page-open{display:grid;width:100%;gap:7px;background:transparent;border:0;cursor:pointer;padding:0;color:#254b3c}.doc-page-canvas{height:165px;display:grid;place-items:center;background:#e8edf0;border-radius:5px;overflow:hidden}.doc-page-canvas canvas{max-width:100%;max-height:165px;object-fit:contain}.doc-page-open strong{font-size:12px}.doc-page-open small{font-size:10px;color:#698173}.doc-page-controls{display:flex;justify-content:center;gap:4px;flex-wrap:wrap;margin-top:9px}.doc-page-controls button{border:1px solid #c4d3cc;border-radius:5px;min-width:28px;min-height:32px;background:#fff;color:#315747;cursor:pointer;font-size:15px}.doc-page-controls button:last-child{color:#a13b3b}.doc-page-controls button:disabled{opacity:.3;cursor:default}.doc-page-grid button:focus-visible,.doc-file-name:focus-visible,.doc-thumb:focus-visible{outline:3px solid #54b997;outline-offset:2px}.doc-error{color:#a34535}.preview-box{display:block;min-width:0}.workspace-grid>.panel-card{min-width:0}.workspace-grid>.panel-card:last-child{position:sticky;top:12px}.panel-title>div{flex-wrap:wrap;justify-content:flex-end}.panel-title #previewCaption{max-width:260px;overflow-wrap:anywhere;line-height:1.65}
@media(max-width:1050px){.workspace-grid>.panel-card:last-child{position:static}.doc-preview-stage{min-height:280px}}@media(max-width:600px){.doc-page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.doc-page-canvas{height:145px}.doc-page-controls button{min-width:32px;min-height:38px}.doc-preview-stage{padding:8px;min-height:240px}.panel-title{flex-wrap:wrap}.panel-title #previewCaption{max-width:220px;font-size:11px}.doc-pages-header .btn{min-height:40px}}