
.tools-hero{padding-bottom:38px}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tool-card{background:#fff;border:1px solid #e5e9ef;border-radius:18px;padding:24px;box-shadow:0 8px 24px rgba(15,28,46,.06);display:flex;flex-direction:column}.tool-card h2{font-size:1.22rem;margin:8px 0}.tool-card p{color:#5e6977;line-height:1.65;flex:1}.tool-tag{font-size:.72rem;letter-spacing:.08em;font-weight:800;color:#9a7620}.tool-card a{font-weight:700;color:#0f1c2e;text-decoration:none}.tool-card a:hover{color:#9a7620}.tool-layout{max-width:1050px;margin:0 auto}.tool-panel{background:#fff;border:1px solid #e1e6ec;border-radius:20px;padding:28px;box-shadow:0 10px 30px rgba(15,28,46,.07)}.dropzone{border:2px dashed #c7ced8;border-radius:16px;padding:34px 20px;text-align:center;background:#fafbfd;cursor:pointer}.dropzone.drag{border-color:#9a7620;background:#fffaf0}.dropzone input{display:none}.file-list{margin-top:14px;font-size:.93rem}.tool-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.tool-btn{border:0;border-radius:10px;padding:11px 17px;font-weight:800;cursor:pointer;background:#0f1c2e;color:#fff}.tool-btn.secondary{background:#eef1f5;color:#0f1c2e}.tool-btn.gold{background:#b18a2c;color:#fff}.tool-btn:disabled{opacity:.5;cursor:not-allowed}.status{margin-top:16px;padding:12px 14px;border-radius:10px;background:#f4f6f8;color:#394452;white-space:pre-wrap}.result-box{margin-top:20px;padding:20px;border-radius:14px;background:#f8fafc}.tool-note{font-size:.9rem;color:#657080;line-height:1.65}.tool-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.tool-fields label{font-weight:700;font-size:.92rem}.tool-fields input,.tool-fields select{width:100%;box-sizing:border-box;margin-top:6px;padding:11px;border:1px solid #ccd3dc;border-radius:9px}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:18px}.preview-grid img{max-width:100%;max-height:180px;display:block;margin:auto;border-radius:8px}.tool-content{margin-top:35px}.tool-content h2{margin-top:30px}.tool-content li{margin:7px 0}.ad-slot{min-height:90px;margin:25px 0}.privacy-strip{font-size:.85rem;color:#687382;margin-top:18px}
@media(max-width:850px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.tools-grid,.tool-fields{grid-template-columns:1fr}.tool-panel{padding:20px}.tools-hero h1{font-size:2rem}}

.docx-render{margin-top:22px;padding:18px;background:#eef1f5;border-radius:14px;overflow:auto}.docx-render .docx-wrapper{background:#eef1f5!important;padding:12px 0!important}.docx-render .docx{margin:0 auto 18px!important;box-shadow:0 2px 12px rgba(15,28,46,.12)}
/* High-fidelity tool UI refresh */
.tool-panel{max-width:920px;margin:0 auto;background:#fff;border:1px solid #e5e9ef;border-radius:22px;padding:32px;box-shadow:0 14px 40px rgba(15,28,46,.08)}
.dropzone{min-height:170px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;border:2px dashed #c8d0da;border-radius:18px;background:#fbfcfe;transition:.18s ease}
.dropzone:hover,.dropzone.drag{border-color:#b18a2c;background:#fffaf0;transform:translateY(-1px)}
.dropzone strong{font-size:1.05rem}.dropzone .tool-note{max-width:560px;text-align:center;margin:0}.file-list{white-space:pre-wrap;background:#f7f9fb;border-radius:12px;padding:10px 12px}.tool-note{display:block;margin-top:8px}.tool-fields{align-items:end}.tool-fields label{display:block}.tool-fields .check-field{display:flex;gap:9px;align-items:center;padding:11px 0}.tool-fields .check-field input{width:auto;margin:0}.tool-btn{min-height:44px;padding:12px 20px;border-radius:11px}.status{font-weight:600}.privacy-strip{border-top:1px solid #edf0f3;padding-top:14px}.tool-card{transition:transform .18s ease,box-shadow .18s ease}.tool-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(15,28,46,.10)}
@media(max-width:600px){.tool-panel{padding:18px}.dropzone{min-height:150px}.tool-actions .tool-btn{width:100%;text-align:center}}
