:root{--ink:#10233f;--muted:#64748b;--blue:#0d6efd;--line:#e1e9f3;--bg:#f6f9fd}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.5}a{text-decoration:none;color:inherit}
.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 max(15px,calc((100% - 1120px)/2));backdrop-filter:blur(9px)}.brand{display:flex;gap:9px;align-items:center;font-size:1.18rem;font-weight:900}.brand img{width:38px;height:38px;border-radius:10px;object-fit:cover}.top-actions{display:flex;gap:16px;font-weight:720;color:#49617b;font-size:.9rem}
main{width:min(1120px,calc(100% - 28px));margin:auto}.intro{display:flex;align-items:center;gap:13px;padding:16px 2px 10px}.intro img{width:58px;height:58px;border-radius:14px;object-fit:cover}.intro h1{margin:0;font-size:2rem;line-height:1}.intro p{margin:4px 0 0;color:var(--muted);font-size:.9rem}
.featured-tools{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:8px 0 12px}.featured-tools button{appearance:none;border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px 9px;min-height:88px;cursor:pointer;color:var(--ink);font:inherit}.featured-tools button:hover{border-color:#b7d3f2;box-shadow:0 8px 22px rgba(20,60,100,.06)}.featured-tools span,.featured-tools b,.featured-tools small{display:block}.featured-tools span{font-size:1.3rem}.featured-tools b{font-size:.9rem;margin:4px 0 2px}.featured-tools small{color:var(--muted);font-size:.72rem}
.search-wrap{position:sticky;top:58px;z-index:10;background:rgba(246,249,253,.96);padding:8px 0}.search-wrap input{width:100%;padding:11px 14px;border:1px solid #d8e3ef;background:#fff;border-radius:12px;font-size:.95rem;outline:none}.section-title{margin:10px 0}.section-title h2{margin:0 0 2px;font-size:1.45rem}.section-title p{margin:0;color:var(--muted);font-size:.85rem}
.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-bottom:28px}.tool-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px;cursor:pointer;transition:.15s;min-height:122px}.tool-card:hover{transform:translateY(-2px);border-color:#bdd7f4}.tool-card h3{margin:0 0 5px;font-size:.94rem}.tool-card p{margin:0 0 9px;color:var(--muted);font-size:.8rem}.badge{display:inline-block;font-size:.68rem;font-weight:800;padding:4px 7px;border-radius:999px;background:#eaf7ef;color:#167642}
dialog{width:min(720px,calc(100% - 22px));border:0;border-radius:20px;padding:0;box-shadow:0 30px 100px rgba(0,0,0,.28)}dialog::backdrop{background:rgba(5,25,52,.58)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 20px;border-bottom:1px solid var(--line);margin:0}.dialog-head h2{margin:0 0 3px}.dialog-head p{margin:0;color:var(--muted);font-size:.88rem}.close{border:0;background:#eef3f8;border-radius:9px;font-size:1.35rem;width:36px;height:36px}.dialog-body{padding:20px}.field{display:block;margin:0 0 12px}.field span{display:block;font-weight:800;margin-bottom:5px}.field input,.field select{width:100%;padding:11px;border:1px solid #d6e1ed;border-radius:10px;background:#fff}.selected,.status,.result-area{margin-top:9px;white-space:pre-wrap}.selected{color:var(--muted);font-size:.85rem}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary{border:0;background:#0d6efd;color:#fff;font-weight:850;padding:11px 17px;border-radius:11px;cursor:pointer}.primary:disabled{opacity:.45}.note{padding:11px;border-radius:11px;background:#fff5d7;border:1px solid #eed48b;color:#6a4b00}.ok{padding:11px;border-radius:11px;background:#eaf8ef;color:#166b37}.error{padding:11px;border-radius:11px;background:#fff0f0;color:#a62222}.result-area a{display:inline-block;margin-top:7px;background:#10233f;color:#fff;padding:9px 12px;border-radius:9px}.viewer{width:100%;height:65vh;border:0}
footer{text-align:center;padding:20px;color:var(--muted);border-top:1px solid var(--line);background:#fff;font-size:.85rem}footer a{color:#0d6efd;font-weight:750}
@media(max-width:900px){.featured-tools{grid-template-columns:repeat(3,1fr)}.tool-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.featured-tools{grid-template-columns:repeat(2,1fr)}.tool-grid{grid-template-columns:repeat(2,1fr)}.top-actions a:last-child{display:none}}
@media(max-width:420px){.tool-grid{grid-template-columns:1fr}.row{grid-template-columns:1fr}}

/* EasyPDF operation guide and converter enhancements */
.featured-tools{grid-template-columns:repeat(7,1fr)}
.quick-guide{background:#fff;border:1px solid var(--line);border-radius:14px;margin:4px 0 10px;padding:13px}.guide-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.guide-heading h2{font-size:1.05rem;margin:0 0 2px}.guide-heading p{font-size:.8rem;color:var(--muted);margin:0}.guide-heading button{white-space:nowrap;border:1px solid #bcd3eb;background:#eef6ff;color:#174f84;border-radius:9px;padding:8px 10px;font-weight:800;cursor:pointer}.guide-content{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.guide-content article{display:flex;gap:9px;background:#f7faff;border:1px solid #e5edf6;border-radius:11px;padding:10px}.guide-content article>span{font-size:1.15rem}.guide-content h3{font-size:.84rem;margin:0 0 2px}.guide-content p{font-size:.75rem;color:var(--muted);margin:0;line-height:1.42}.badge.soon{background:#f0f3f7;color:#667386}
@media(max-width:900px){.featured-tools{grid-template-columns:repeat(4,1fr)}.guide-content{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.featured-tools{grid-template-columns:repeat(2,1fr)}.guide-heading{align-items:flex-start;flex-direction:column}.guide-content{grid-template-columns:1fr}}

/* V20260906 merge/split UX */
.join-file-list{display:grid;gap:8px;margin-top:8px}.join-file-row{display:grid;grid-template-columns:24px 32px 1fr auto;gap:8px;align-items:center;padding:9px 10px;border:1px solid #d9e2ee;border-radius:10px;background:#fff;cursor:grab}.join-file-row.dragging{opacity:.55}.join-file-row .drag{color:#77869a}.join-actions{display:flex;gap:5px}.join-actions button,.join-toolbar button{border:1px solid #cbd7e5;background:#f7f9fc;border-radius:8px;padding:6px 9px;cursor:pointer}.join-actions button:hover,.join-toolbar button:hover{background:#edf4ff}.join-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.join-toolbar button:first-child{font-weight:700}.selected{max-height:280px;overflow:auto}