:root{
  --cv-blue:#0011ff;--cv-blue-deep:#05006e;--cv-ink:#0f172a;--cv-muted:#64748b;--cv-line:#dbe5f0;
  --cv-soft:#f7f9fd;--cv-soft-blue:#eef2ff;--cv-white:#fff;--cv-green:#059669;
}
*{box-sizing:border-box}
.atq-converter-page{width:min(calc(100% - 96px),1240px);margin:0 auto;padding:34px 0 58px;color:var(--cv-ink);font-family:var(--atq-font-family,'IBM Plex Sans Arabic'),Tahoma,Arial,sans-serif}
.converter-hero{min-height:228px;border:1px solid #dfe7f3;border-radius:28px;padding:32px 36px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.55fr);align-items:center;gap:28px;background:radial-gradient(circle at 12% 0%,rgba(0,17,255,.10),transparent 34%),linear-gradient(135deg,#fff,#f4f7ff);overflow:hidden;position:relative}
.converter-hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(0,17,255,.04);left:-120px;bottom:-210px}
.hero-copy{position:relative;z-index:1;text-align:right;max-width:780px}.hero-kicker,.workspace-badge{display:inline-flex;align-items:center;gap:7px;color:var(--cv-blue);font-size:13px;font-weight:900}.hero-copy h1{font-size:clamp(30px,3.2vw,44px);line-height:1.22;margin:10px 0 12px;font-weight:950;letter-spacing:-1px}.hero-copy>p{margin:0;max-width:760px;color:#536176;font-size:14px;line-height:1.95}
.hero-points{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:20px}.hero-points span{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:850;color:#344054}.hero-points i{color:var(--cv-blue);font-size:18px}
.hero-visual{position:relative;min-height:180px;display:grid;place-items:center}.hero-core{width:104px;height:104px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cv-blue),var(--cv-blue-deep));color:#fff;font-size:52px;box-shadow:0 24px 60px rgba(0,17,255,.24)}.file-orbit{position:absolute;width:60px;height:60px;border:1px solid #dbe6ff;border-radius:20px;background:#fff;display:grid;place-items:center;color:var(--cv-blue);font-size:30px;box-shadow:0 14px 35px rgba(15,23,42,.08)}.orbit-one{top:10px;right:24px}.orbit-two{left:30px;top:35px}.orbit-three{bottom:5px;right:58px}
.tool-layout{margin-top:22px;display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px;align-items:start}.tool-sidebar,.tool-workspace{background:#fff;border:1px solid var(--cv-line);border-radius:28px;box-shadow:0 18px 55px rgba(15,23,42,.055)}.tool-sidebar{padding:16px;position:sticky;top:20px}.sidebar-head{padding:7px 9px 14px;display:grid;gap:2px}.sidebar-head strong{font-size:18px}.sidebar-head small{color:var(--cv-muted)}
.tool-nav{width:100%;border:0;background:transparent;border-radius:18px;padding:13px 12px;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;text-align:right;color:var(--cv-ink);cursor:pointer;font-family:inherit;transition:.18s ease}.tool-nav:hover{background:#f8faff}.tool-nav.active{background:#eef2ff;color:var(--cv-blue);box-shadow:inset 0 0 0 1px #cbd7ff}.tool-nav>i{font-size:22px}.tool-nav span{display:grid;gap:1px}.tool-nav b{font-size:14px}.tool-nav small{font-size:11px;color:#7a8699}.tool-nav.active small{color:#5664b2}
.tool-workspace{padding:24px}.workspace-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid #eef2f7}.workspace-topbar h2{margin:4px 0;font-size:27px;font-weight:950}.workspace-topbar p{margin:0;color:var(--cv-muted);line-height:1.8}.icon-button{width:42px;height:42px;border:1px solid var(--cv-line);border-radius:14px;background:#fff;color:var(--cv-blue);display:grid;place-items:center;font-size:20px;cursor:pointer}
.tool-panel{display:none;padding-top:20px}.tool-panel.active{display:block}.drop-zone{min-height:235px;border:1.5px dashed #b9c9e7;border-radius:24px;background:linear-gradient(180deg,#fbfdff,#f7f9fe);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;transition:.2s ease;cursor:pointer}.drop-zone.dragging{border-color:var(--cv-blue);background:#f1f4ff;transform:translateY(-1px)}.drop-zone>i{font-size:46px;color:var(--cv-blue);margin-bottom:9px}.drop-zone h3{margin:0;font-size:22px}.drop-zone p{margin:5px 0 15px;color:var(--cv-muted)}
.soft-button,.primary-button,.download-button{font-family:inherit;font-weight:900;cursor:pointer}.soft-button{border:1px solid #cdd9ff;background:#fff;color:var(--cv-blue);border-radius:14px;min-height:43px;padding:0 15px}.primary-button{width:100%;min-height:52px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--cv-blue),var(--cv-blue-deep));color:#fff;margin-top:17px;font-size:15px;box-shadow:0 14px 32px rgba(0,17,255,.18)}.primary-button i{font-size:19px;margin-left:5px}
.file-list{margin-top:14px;border:1px solid var(--cv-line);border-radius:18px;padding:12px;background:#fff;display:grid;gap:8px}.empty-list{color:#98a2b3;text-align:center;padding:18px}.file-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #edf1f6;border-radius:14px;padding:9px 10px;background:#fbfcfe}.file-thumb{width:42px;height:42px;border-radius:11px;object-fit:cover;background:#eef2ff;display:grid;place-items:center;color:var(--cv-blue);font-size:20px}.file-meta{min-width:0}.file-meta b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.file-meta small{color:var(--cv-muted)}.remove-file{width:34px;height:34px;border:0;border-radius:10px;background:#fff0f0;color:#dc2626;cursor:pointer}
.option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.option-grid label{display:grid;gap:7px;font-size:13px;font-weight:850}.option-grid input,.option-grid select{width:100%;min-height:46px;border:1px solid var(--cv-line);border-radius:14px;background:#fff;padding:0 12px;font-family:inherit;outline:0}.option-grid input:focus,.option-grid select:focus{border-color:#9db1ff;box-shadow:0 0 0 4px rgba(0,17,255,.06)}
.info-note,.browser-warning{margin-top:14px;border-radius:16px;padding:12px 14px;display:flex;gap:9px;align-items:flex-start;line-height:1.75}.info-note{background:#f7f9ff;border:1px solid #dce5ff;color:#475467}.info-note i{color:var(--cv-blue);font-size:19px;margin-top:2px}.browser-warning{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}
.process-state,.result-box{margin-top:17px;border-radius:18px;padding:15px 16px;align-items:center;gap:12px}.process-state{background:#f8faff;border:1px solid #dce5ff;display:flex}.process-state>div:last-child,.result-copy{display:grid;gap:2px}.process-state span,.result-copy span{color:var(--cv-muted);font-size:12px}.spinner{width:30px;height:30px;border:3px solid #dce5ff;border-top-color:var(--cv-blue);border-radius:50%;animation:spin .85s linear infinite}.result-box{background:#f1fff9;border:1px solid #bbf7d0;display:grid;grid-template-columns:46px minmax(0,1fr) auto}.result-icon{width:46px;height:46px;border-radius:14px;background:#fff;color:var(--cv-green);display:grid;place-items:center;font-size:25px}.result-actions{display:flex;flex-wrap:wrap;gap:8px}.download-button{border:0;border-radius:12px;padding:10px 13px;background:var(--cv-blue);color:#fff}.download-button.secondary{background:#fff;color:var(--cv-blue);border:1px solid #cdd9ff}
.compression-stats{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.compression-stat{border:1px solid var(--cv-line);border-radius:16px;padding:12px;background:#fbfcff;display:grid;gap:2px}.compression-stat b{font-size:20px}.compression-stat small{color:var(--cv-muted)}
.trust-strip{margin-top:22px;border:1px solid var(--cv-line);border-radius:24px;background:#fff;padding:16px 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.trust-strip>div{display:flex;align-items:center;gap:10px}.trust-strip i{width:42px;height:42px;border-radius:14px;background:#eef2ff;color:var(--cv-blue);display:grid;place-items:center;font-size:20px}.trust-strip span{display:grid}.trust-strip b{font-size:13px}.trust-strip small{color:var(--cv-muted)}
.docx-render{position:fixed;left:-200vw;top:0;width:794px;background:#fff;color:#111827;padding:44px 54px;font-family:Arial,'Tahoma',sans-serif;line-height:1.75;z-index:-1}.docx-render img{max-width:100%;height:auto}.docx-render table{width:100%;border-collapse:collapse}.docx-render td,.docx-render th{border:1px solid #d1d5db;padding:6px}
.hidden{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1320px){.atq-converter-page{width:min(calc(100% - 56px),1240px)}}
@media(max-width:1050px){.tool-layout{grid-template-columns:1fr}.tool-sidebar{position:static;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.sidebar-head{grid-column:1/-1}.tool-nav{grid-template-columns:1fr;justify-items:center;text-align:center;padding:10px 7px}.tool-nav span small{display:none}.converter-hero{grid-template-columns:1fr}.hero-visual{display:none}}
@media(max-width:760px){.atq-converter-page{width:min(calc(100% - 24px),1240px);padding:20px 0 42px}.converter-hero{padding:24px 18px;border-radius:24px;min-height:0}.hero-copy h1{font-size:31px}.hero-points{display:grid;grid-template-columns:1fr 1fr}.tool-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;border-radius:22px}.tool-nav:last-child{grid-column:1/-1}.tool-workspace{padding:15px;border-radius:22px}.workspace-topbar h2{font-size:22px}.workspace-topbar p{font-size:13px}.drop-zone{min-height:205px;border-radius:19px}.option-grid,.compression-stats,.trust-strip{grid-template-columns:1fr}.result-box{grid-template-columns:42px 1fr}.result-actions{grid-column:1/-1}.download-button{flex:1}.trust-strip{padding:13px}.hero-points span{font-size:11px}}
@media(max-width:430px){.hero-points{grid-template-columns:1fr}.tool-nav{grid-template-columns:32px 1fr;text-align:right;justify-items:stretch}.tool-nav>i{font-size:19px}.tool-nav span b{font-size:12px}.workspace-topbar{align-items:center}.workspace-topbar p{display:none}}