:root{--bg:#f7f8fb;--card:#fff;--text:#111827;--muted:#667085;--line:#e5e7eb;--brand:#6d5dfc;--brand2:#8b5cf6}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1120px;margin:auto;padding:0 22px}.nav{justify-content:space-between;align-items:center;height:72px;display:flex}.logo{letter-spacing:-1px;font-size:25px;font-weight:850}.logo i{color:var(--brand);font-style:normal}.links{color:var(--muted);gap:24px;font-size:14px;display:flex}.hero{text-align:center;padding:70px 0 40px}.hero h1{letter-spacing:-2px;max-width:800px;margin:0 auto 18px;font-size:52px;line-height:1.02}.hero p{color:var(--muted);max-width:650px;margin:auto;font-size:19px;line-height:1.6}.badge{color:#5947d9;background:#eeeafe;border-radius:999px;margin-bottom:20px;padding:8px 13px;font-size:13px;font-weight:700;display:inline-block}.grid{grid-template-columns:repeat(2,1fr);gap:18px;margin:36px 0 60px;display:grid}.tool{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px;transition:all .2s;box-shadow:0 5px 18px #10182808}.tool:hover{transform:translateY(-3px);box-shadow:0 14px 30px #10182814}.ico{background:#f0eeff;border-radius:14px;place-items:center;width:48px;height:48px;font-size:26px;display:grid}.tool h2{margin:18px 0 8px;font-size:20px}.tool p{color:var(--muted);margin:0;line-height:1.55}.toolpage{max-width:760px;margin:48px auto 70px}.toolpage h1{text-align:center;letter-spacing:-1.3px;font-size:40px}.sub{text-align:center;color:var(--muted);margin-bottom:30px}.panel{border:1px solid var(--line);background:#fff;border-radius:22px;padding:28px;box-shadow:0 8px 30px #1018280d}.drop{text-align:center;background:#fafaff;border:2px dashed #d7d9e2;border-radius:17px;padding:38px}.drop input{max-width:100%}.row{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.field{flex:1;min-width:140px}.field label{margin-bottom:7px;font-size:13px;font-weight:700;display:block}.field input,.field select,.field textarea{width:100%;font:inherit;background:#fff;border:1px solid #d7d9e2;border-radius:10px;padding:12px 13px}.field textarea{resize:vertical;min-height:120px}.btn{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;cursor:pointer;border:0;border-radius:12px;width:100%;margin-top:18px;padding:14px 18px;font-size:15px;font-weight:800}.btn:disabled{opacity:.55;cursor:not-allowed}.note{color:var(--muted);text-align:center;margin-top:14px;font-size:13px}.msg{text-align:center;margin-top:13px;font-size:14px}.ad{color:#9aa1ae;background:#fff;border:1px dashed #cfd3dd;border-radius:12px;place-items:center;height:90px;margin:34px 0;font-size:12px;display:grid}.content{max-width:800px;margin:50px auto;line-height:1.75}.content h1{font-size:38px}.content h2{margin-top:32px}.content p{color:#4b5563}.footer{border-top:1px solid var(--line);color:var(--muted);padding:30px 0 45px;font-size:13px}.footerin{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.footlinks{gap:18px;display:flex}@media (max-width:700px){.links{display:none}.hero{padding-top:42px}.hero h1{font-size:39px}.grid{grid-template-columns:1fr}.toolpage h1{font-size:34px}.panel{padding:18px}.ad{height:70px}}
.office-panel{padding:30px}.step-label{align-items:center;gap:9px;margin-bottom:12px;font-size:14px;font-weight:800;display:flex}.step-label span{color:#5947d9;background:#eeeafe;border-radius:50%;place-items:center;width:25px;height:25px;font-size:12px;display:grid}.office-drop{text-align:center;cursor:pointer;background:#fafaff;border:2px dashed #cfd3e1;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;min-height:225px;transition:all .2s;display:flex}.office-drop:hover{border-color:var(--brand);background:#f7f5ff}.upload-icon{width:46px;height:46px;color:var(--brand);background:#eeeafe;border-radius:14px;place-items:center;margin-bottom:13px;font-size:27px;font-weight:600;display:grid}.office-drop strong{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border-radius:10px;padding:11px 25px}.office-drop p{margin:14px 0 5px;font-size:15px;font-weight:700}.office-drop small{color:var(--muted)}.hidden-file{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.selected-file,.fixed-output{border:1px solid var(--line);background:#fafaff;border-radius:14px;align-items:center;gap:14px;padding:16px;display:flex}.file-icon{color:#5846d8;background:#e7e4ff;border-radius:12px;place-items:center;min-width:52px;height:52px;font-size:12px;font-weight:900;display:grid}.file-icon.pdf{color:#c93737;background:#fee8e7}.file-details,.fixed-output>div:last-child{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.file-details strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-details span,.fixed-output span{color:var(--muted);font-size:13px}.change-file{color:var(--brand);cursor:pointer;padding:8px;font-size:13px;font-weight:800}.output-step{margin-top:26px}.output-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.output-choice{text-align:left;border:1px solid var(--line);cursor:pointer;font:inherit;background:#fff;border-radius:13px;align-items:center;gap:10px;padding:14px;display:flex;position:relative}.output-choice:hover,.output-choice.selected{border-color:var(--brand);background:#faf9ff;box-shadow:0 0 0 2px #6d5dfc1a}.output-choice b{color:#2867c7;background:#e9f0ff;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.output-choice:nth-child(2) b{color:#16834a;background:#e4f6ec}.output-choice:nth-child(3) b{color:#c45c10;background:#fff0e2}.output-choice span{flex-direction:column;display:flex}.output-choice span strong{font-size:13px}.output-choice small{color:var(--muted);margin-top:2px}.output-choice i{color:var(--brand);font-style:normal;position:absolute;top:6px;right:8px}.office-action{margin-top:20px}.privacy-note{text-align:center;color:var(--muted);margin:16px 0 0;font-size:12px}.conversion-note{color:var(--muted);text-align:center;max-width:650px;margin:16px auto;font-size:13px;line-height:1.6}@media (max-width:700px){.office-panel{padding:18px}.output-grid{grid-template-columns:1fr}.office-drop{min-height:190px}.selected-file{align-items:flex-start}}
.file-list{gap:8px;display:grid}.file-list .selected-file{padding:13px 16px}.control-card{border:1px solid var(--line);background:#fafaff;border-radius:14px;padding:18px}.large-input{width:100%;min-height:145px;font:inherit;resize:vertical;background:#fff;border:1px solid #d7d9e2;border-radius:11px;padding:14px;display:block}.output-grid.two{grid-template-columns:repeat(2,1fr)}.output-choice>span:first-child{padding-left:2px}.check-row{align-items:center;gap:8px;margin-top:15px;font-size:14px;display:flex}.check-row input{width:17px;height:17px}.msg{color:#4f3ed0;background:#f0eeff;border-radius:10px;padding:11px 13px;font-weight:700}.office-panel .row{margin-top:0}@media (max-width:700px){.output-grid.two{grid-template-columns:1fr}.control-card .field{min-width:100%}}
