:root{--bg:#f7f8fb;--card:#fff;--text:#151922;--muted:#667085;--line:#e7e9ef;--accent:#4f46e5;--accent2:#312e81;--soft:#f1f2ff;--ok:#137333;--err:#b42318;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{height:66px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:21px;font-weight:850;color:var(--text);letter-spacing:-.5px}.brand span{color:var(--accent)}nav{display:flex;gap:20px}nav a{color:#333;font-size:14px}.hero{background:radial-gradient(circle at 50% -20%,#dcdcff,transparent 55%),#fff;padding:86px 0 70px;text-align:center;border-bottom:1px solid var(--line)}.hero h1{font-size:clamp(36px,6vw,64px);line-height:1.04;letter-spacing:-2.5px;max-width:900px;margin:18px auto}.hero p{font-size:20px;color:var(--muted);max-width:760px;margin:0 auto}.eyebrow,.privacy-pill{display:inline-flex;border:1px solid #d9dcff;background:#f8f8ff;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700;color:#3730a3}.hero-badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:28px}.hero-badges span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:14px}.section{padding:58px 0}.section h2{font-size:30px;letter-spacing:-.8px;margin:0 0 24px}.section-head{display:flex;align-items:center;justify-content:space-between}.soft{background:#fff;border-block:1px solid var(--line)}.tool-grid,.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tool-card,.category-card{display:flex;flex-direction:column;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;color:var(--text);box-shadow:0 1px 2px rgba(16,24,40,.03);transition:.18s ease}.tool-card:hover,.category-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(16,24,40,.08);text-decoration:none;border-color:#cfd2ff}.tool-card b{font-size:17px}.tool-card span,.category-card p{font-size:14px;color:var(--muted);margin:0}.category-card h3{margin:0;font-size:22px}.page-head{background:#fff;border-bottom:1px solid var(--line);padding:46px 0}.page-head h1{font-size:clamp(32px,5vw,50px);line-height:1.1;letter-spacing:-1.7px;margin:12px 0}.page-head p{color:var(--muted);font-size:18px;max-width:780px;margin:0}.crumbs{font-size:13px;color:#98a2b3}.converter-head .privacy-pill{margin-top:18px}.converter-shell{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;padding:36px 0 10px}.converter-box,.panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 8px 30px rgba(16,24,40,.05)}.dropzone{min-height:260px;border:2px dashed #cdd1dc;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;cursor:pointer;background:#fbfbfd;transition:.15s}.dropzone.drag,.dropzone:hover{border-color:var(--accent);background:#f7f7ff}.drop-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--accent);font-size:30px;margin-bottom:12px}.dropzone b{font-size:20px}.dropzone span,.dropzone small{color:var(--muted)}.dropzone small{margin-top:8px}.file-list{display:grid;gap:8px;margin-top:14px}.file-row{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.file-row span{display:flex;flex-direction:column;min-width:0}.file-row b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-row small{color:var(--muted)}.file-row button{border:0;background:transparent;font-size:24px;cursor:pointer;color:#667085}.btn{border:0;background:var(--accent);color:#fff;border-radius:12px;padding:12px 18px;font-weight:800;cursor:pointer}.btn:hover{background:var(--accent2)}.btn:disabled{opacity:.55;cursor:wait}.btn.big{width:100%;font-size:17px;padding:16px;margin-top:16px}.btn.small{padding:8px 12px;font-size:13px}.btn.ghost{background:#eef0f4;color:#344054}.dynamic-controls,.text-source{display:block;margin-top:16px}.dynamic-controls label,.text-source{font-weight:700}.dynamic-controls input,.dynamic-controls select,.text-source textarea,.review-form input,.review-form select,.review-form textarea,.admin-form input,.admin-form textarea{width:100%;margin-top:6px;border:1px solid #d7dae2;border-radius:10px;padding:11px 12px;font:inherit;background:#fff}.dynamic-controls input[type=range]{padding:0}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex!important;align-items:center;gap:8px;margin-top:12px}.check input{width:auto!important;margin:0!important}.or{text-align:center;color:#98a2b3;margin:12px}.status{min-height:28px;padding-top:12px;font-size:14px}.status.ok{color:var(--ok)}.status.error{color:var(--err)}.privacy-line{border-top:1px solid var(--line);padding-top:14px;margin-top:10px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:12px}.privacy-line strong{color:var(--ok)}.ad-placeholder{border:1px dashed #cfd3dc;border-radius:18px;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#98a2b3;text-align:center;background:#fafafa}.ad-placeholder small{display:block}.prose{max-width:880px}.prose p{color:#475467;font-size:17px}.prose h2{margin-top:38px}.faq{display:grid;gap:10px}.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px}.faq summary{font-weight:800;cursor:pointer}.faq p{color:var(--muted)}.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.reviews.stacked{grid-template-columns:1fr}.review{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.review p{margin:8px 0}.review small{display:block;color:var(--muted)}.stars{color:#e5a100}.two-col{display:grid;grid-template-columns:1.3fr .7fr;gap:24px}.review-form label,.admin-form label{display:block;font-weight:700;margin:12px 0}.notice,.success,.error{border-radius:12px;padding:12px 14px;margin-bottom:14px}.notice{background:#f4f4f5}.success{background:#ecfdf3;color:#027a48}.error{background:#fef3f2;color:#b42318}.hp{position:absolute!important;left:-9999px!important}.admin-review{margin:10px 0}.admin-tools details{border-bottom:1px solid var(--line);padding:12px 0}.admin-tools summary{cursor:pointer;font-weight:800}.admin-form{margin-top:10px}.center{text-align:center;padding-block:100px}footer{background:#111827;color:#e5e7eb;margin-top:50px;padding:40px 0}footer a{color:#c7d2fe;display:block;margin:6px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px}footer p{color:#9ca3af}@media(max-width:900px){.tool-grid,.category-grid{grid-template-columns:repeat(2,1fr)}.converter-shell,.two-col{grid-template-columns:1fr}.ad-placeholder{min-height:120px}.reviews{grid-template-columns:1fr 1fr}}@media(max-width:640px){nav{display:none}.hero{padding:60px 0}.hero h1{letter-spacing:-1.5px}.tool-grid,.category-grid,.reviews{grid-template-columns:1fr}.converter-box{padding:15px}.dropzone{min-height:220px}.control-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}}

.admin-login-wrap{min-height:65vh;display:grid;place-items:center}.admin-login-card{width:min(460px,100%);padding:28px}.admin-login-card h1{margin-top:0}.admin-login-card .admin-form{display:grid;gap:16px}.admin-login-card label{display:grid;gap:6px;font-weight:650}.admin-login-card input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font:inherit;background:#fff}.notice.error{color:var(--err);border-color:#f3b8b2;background:#fff5f4}.muted{color:var(--muted)}
.brand{display:inline-flex;align-items:center;min-width:0}.brand-logo{display:block;max-width:220px;max-height:44px;width:auto;height:auto;object-fit:contain}.branding-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.branding-form small{display:block;color:var(--muted);font-weight:500}.brand-preview,.favicon-preview{display:flex;align-items:center;gap:16px;margin:10px 0 16px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fafafa}.brand-preview img{max-width:220px;max-height:70px}.favicon-preview img{width:48px;height:48px;object-fit:contain}.brand-preview .check,.favicon-preview .check{margin:0}.admin-form input[type=file]{padding:9px;background:#fafafa}@media(max-width:640px){.branding-grid{grid-template-columns:1fr}.brand-logo{max-width:180px;max-height:38px}}
.control-note{display:block;margin-top:8px;color:var(--muted);font-weight:500;line-height:1.45}