*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f7f8fc;color:#171923;line-height:1.55}body.dark{background:#0f1220;color:#eef0f7}a{color:inherit;text-decoration:none}.topbar{height:72px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid #e7e8ef;display:flex;align-items:center;gap:28px;padding:0 max(20px,calc((100% - 1180px)/2));position:sticky;top:0;z-index:50}.dark .topbar{background:rgba(15,18,32,.92);border-color:#252a3b}.brand{display:flex;align-items:center;gap:10px;font-size:18px;white-space:nowrap}.brand img{width:34px;height:34px}.brand b{font-weight:800}nav{display:flex;gap:20px;margin-left:auto}nav a{font-size:14px;color:#606578;font-weight:650}.dark nav a{color:#b9bfd2}.actions{display:flex;gap:8px}.iconbtn,.btn{border:1px solid #dfe2eb;background:#fff;color:#202330;border-radius:10px;padding:9px 12px;cursor:pointer;font:inherit}.dark .iconbtn,.dark .btn{background:#171b2b;color:#eef0f7;border-color:#30364c}.btn.primary{background:#4f46e5;color:#fff;border-color:#4f46e5}.btn.danger{background:#ef4444;color:#fff;border-color:#ef4444}.mobileOnly{display:none}main{min-height:calc(100vh - 160px)}.hero{padding:72px 20px 46px;text-align:center;background:radial-gradient(circle at 50% 0,#e7e6ff 0,transparent 48%)}.dark .hero{background:radial-gradient(circle at 50% 0,#25234b 0,transparent 50%)}.hero h1{font-size:clamp(36px,6vw,64px);line-height:1.05;margin:0 auto 18px;letter-spacing:-2px;max-width:850px}.hero p{max-width:700px;margin:0 auto 26px;color:#62697b;font-size:18px}.dark .hero p{color:#aeb5c8}.container{max-width:1180px;margin:auto;padding:30px 20px}.search{max-width:680px;margin:0 auto;display:flex;gap:8px}.input,.textarea,select{width:100%;border:1px solid #dfe2eb;border-radius:12px;background:#fff;color:#171923;padding:13px 14px;font:inherit;outline:none}.textarea{min-height:260px;resize:vertical}.dark .input,.dark .textarea,.dark select{background:#171b2b;color:#f1f3f8;border-color:#30364c}.input:focus,.textarea:focus,select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f122}.sectionTitle{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:28px 0 16px}.sectionTitle h2{margin:0;font-size:28px}.muted{color:#6d7487}.dark .muted{color:#aeb5c8}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#fff;border:1px solid #e4e6ee;border-radius:16px;padding:20px;box-shadow:0 4px 20px #10182808}.dark .card{background:#171b2b;border-color:#2a3043;box-shadow:none}.toolcard{transition:.2s;min-height:150px}.toolcard:hover{transform:translateY(-2px);border-color:#b8b6f6}.toolicon{width:42px;height:42px;border-radius:12px;background:#eef0ff;color:#4f46e5;display:grid;place-items:center;font-size:21px;margin-bottom:12px}.dark .toolicon{background:#27274d}.toolcard h3{margin:0 0 5px;font-size:17px}.toolcard p{margin:0;color:#70778a;font-size:14px}.dark .toolcard p{color:#aeb5c8}.tool{max-width:1000px;margin:35px auto}.toolhead h1{font-size:38px;margin:0 0 8px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.editor{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.stat{background:#f0f2f8;border-radius:10px;padding:8px 11px;font-size:13px}.dark .stat{background:#22283a}.result{white-space:pre-wrap;background:#f8f9fc;border:1px dashed #ccd1df;border-radius:12px;padding:16px;min-height:100px}.dark .result{background:#111522;border-color:#3b4359}.issue{padding:10px;border-left:4px solid #ef4444;background:#fff4f4;border-radius:6px;margin:7px 0}.warning{border-color:#f59e0b;background:#fff8e7}.ok{border-color:#22c55e;background:#effdf4}.dark .issue{background:#26191b}.dark .warning{background:#2a2415}.dark .ok{background:#15271c}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #dfe2eb;border-radius:999px;padding:6px 10px;font-size:13px}.dark .chip{border-color:#30364c}.notice{padding:13px 15px;border-radius:12px;background:#eef4ff;border:1px solid #d6e3ff;margin:12px 0}.dark .notice{background:#172238;border-color:#283b62}.faq details{padding:15px 0;border-bottom:1px solid #ddd}.dark .faq details{border-color:#30364c}.empty{padding:45px;text-align:center;color:#737a8c}.template{cursor:pointer}.template .swatch{height:70px;border-radius:10px;margin-bottom:12px}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.formgrid .full{grid-column:1/-1}.resume-preview{background:#fff;color:#222;min-height:800px;padding:45px;box-shadow:0 8px 35px #0002}.dark .resume-preview{background:#fff;color:#222}.resume-preview h1{font-size:32px;margin:0}.resume-preview h2{font-size:16px;border-bottom:1px solid #bbb;padding-bottom:4px;margin-top:22px}.resume-preview p{margin:5px 0}.resume-layout{display:grid;grid-template-columns:360px 1fr;gap:20px}.kbd{font-family:monospace;background:#eef0f5;padding:2px 5px;border-radius:4px}.dark .kbd{background:#252b3c}footer{border-top:1px solid #e2e4ec;margin-top:50px;padding:30px max(20px,calc((100% - 1180px)/2));display:flex;gap:25px;justify-content:space-between;flex-wrap:wrap;color:#697083;font-size:13px}.dark footer{border-color:#292f41;color:#aab1c4}footer div{display:flex;gap:15px;flex-wrap:wrap}@media(max-width:900px){nav{display:none}.mobileOnly{display:block}.grid,.grid4{grid-template-columns:repeat(2,1fr)}.editor,.resume-layout{grid-template-columns:1fr}}@media(max-width:600px){.topbar{height:62px}.brand span{font-size:15px}.grid,.grid4,.formgrid{grid-template-columns:1fr}.hero{padding:48px 15px}.container{padding:22px 15px}.toolhead h1{font-size:30px}.editor{gap:10px}.resume-preview{padding:25px}.search{flex-direction:column}}
.file-center{margin:0 0 18px}.file-center input[type=file]{max-width:100%;padding:9px;border:1px solid #dfe2eb;border-radius:10px;background:#fff}.dark .file-center input[type=file]{background:#171b2b;color:#eef0f7;border-color:#30364c}.file-center .issue{margin-top:10px}