:root{--p:#14213d;--a:#fca311;--bg:#f7f8fb;--text:#1f2937}*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui;background:var(--bg);color:var(--text)}header,main,footer{width:min(1160px,calc(100% - 32px));margin:auto}header{height:72px;display:flex;gap:18px;align-items:center}.logo{font-size:24px;font-weight:800;color:var(--p);text-decoration:none}.logo span{color:var(--a)}header input{margin-left:auto;width:min(340px,40vw);padding:10px;border:1px solid #d1d5db;border-radius:8px}nav{display:flex;gap:12px}a{color:#075985}main{min-height:75vh}section,.content{padding:38px 0}.hero{background:linear-gradient(125deg,#14213d,#234c72);color:white;margin:16px -16px;padding:70px max(16px,calc((100vw - 1160px)/2));border-radius:16px}.hero h1{font-size:clamp(2rem,6vw,4rem);margin:.2em 0}.cta,.run{display:inline-block;background:var(--a);color:#111827;padding:11px 18px;border:0;border-radius:8px;font-weight:700;text-decoration:none;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card,.tool,.content{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.card{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--text);min-height:132px}.card small{color:#64748b}.app{padding:20px;background:#f8fafc;border-radius:10px}.app label{display:block;font-weight:700;margin:10px 0}.app textarea{width:100%;min-height:120px;padding:12px}.file input{display:block;margin-top:6px}.tool-actions{display:flex;gap:10px;margin:12px 0}.copy{border:1px solid #94a3b8;background:white;border-radius:8px;padding:10px;cursor:pointer}.app output{display:block;background:white;border:1px dashed #94a3b8;padding:14px;min-height:58px;white-space:pre-wrap}.related,.sitemap{display:flex;flex-wrap:wrap;gap:10px}.related a,.sitemap a{background:#e0f2fe;padding:7px 10px;border-radius:7px}footer{padding:30px 0;border-top:1px solid #d1d5db;font-size:14px}@media(max-width:767px){header{height:auto;padding:14px 0;flex-wrap:wrap}header input{order:2;width:100%;margin:0}nav{font-size:13px}.grid{grid-template-columns:1fr}.hero{padding:45px 16px}}