:root{--blue:#2563eb;--navy:#0f172a;--border:#dbe3ef;--bg:#f4f7fb;--muted:#64748b}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:#172033}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:20}.brand{font-size:22px;font-weight:800;color:var(--navy)}.brand span{color:var(--blue)}.top-actions{display:flex;gap:10px}.btn{border:0;border-radius:8px;padding:11px 17px;font-weight:700;cursor:pointer}.btn-primary{background:#10563b !important;color:#fff}.btn-light{background:#eef3f9;color:#1e293b}.btn-large{padding:13px 24px}.builder{max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(420px,600px) minmax(500px,1fr);gap:28px;padding:28px}.editor{min-width:0}.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px;margin-bottom:18px;box-shadow:0 3px 12px rgba(15,23,42,.04)}h2{font-size:17px;margin:0 0 18px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-size:13px;font-weight:700;color:#334155;margin-bottom:14px}input,textarea,select{width:100%;margin-top:7px;border:1px solid #cbd5e1;border-radius:7px;padding:11px 12px;font:inherit;color:#172033;background:#fff}textarea{resize:vertical}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.add-btn{border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;padding:8px 11px;border-radius:7px;font-weight:700;cursor:pointer}.repeat-item{border:1px solid #e2e8f0;border-radius:9px;padding:16px;margin-bottom:12px;background:#fafcff}.repeat-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.repeat-title{font-weight:800;font-size:13px}.remove-btn{border:0;background:#fee2e2;color:#b91c1c;border-radius:6px;padding:6px 9px;cursor:pointer}.template-options{display:flex;gap:20px}.template-options label{margin:0}.template-options input{width:auto;margin:0 6px 0 0}.save-row{display:flex;gap:10px;margin-bottom:30px}.preview-area{min-width:0;position:sticky;top:90px;align-self:start}.preview-label{font-size:11px;font-weight:800;color:#64748b;letter-spacing:1px;margin:0 0 10px}.resume-page{width:210mm;min-height:297mm;max-width:100%;background:#fff;margin:auto;box-shadow:0 8px 30px rgba(15,23,42,.12);overflow:hidden}.resume-inner{padding:18mm}.resume-page h1{font-size:30px;margin:0}.resume-page h2{font-size:14px;margin:24px 0 10px;text-transform:uppercase;letter-spacing:1px}.resume-page p{font-size:12px;line-height:1.55;margin:5px 0}.resume-header{display:flex;justify-content:space-between;gap:20px}.resume-contact{font-size:11px;color:#475569;margin-top:8px;line-height:1.6}.profile-photo{width:78px;height:78px;border-radius:50%;object-fit:cover}.resume-item{margin-bottom:13px}.resume-item-title{font-weight:800;font-size:13px}.resume-item-meta{font-size:11px;color:#64748b;margin:3px 0 5px}.resume-skills{display:flex;flex-wrap:wrap;gap:6px}.skill-pill{font-size:10px;padding:5px 8px;border-radius:5px;background:#eef2ff}.empty-note{color:#94a3b8;font-size:11px}.resume-project-url{font-size:10px;color:#2563eb}.template-classic .resume-header{border-bottom:2px solid #111827;padding-bottom:12px}.template-classic h2{border-bottom:1px solid #cbd5e1;padding-bottom:5px}.template-minimal .resume-inner{padding:16mm}.template-minimal h2{letter-spacing:0;text-transform:none;font-size:15px;border-bottom:1px solid #e2e8f0;padding-bottom:6px}.template-minimal .resume-header{gap:10px}.template-minimal .skill-pill{background:#f1f5f9}@media(max-width:1050px){.builder{grid-template-columns:1fr}.preview-area{position:static}.resume-page{width:210mm;max-width:100%;transform-origin:top center}.topbar{position:relative}}@media(max-width:650px){.grid{grid-template-columns:1fr}.builder{padding:14px}.topbar{padding:0 14px}.top-actions .btn-light{display:none}.save-row{flex-direction:column}.resume-page{font-size:90%}}
@media print{body{background:#fff}.topbar,.editor,.preview-label{display:none!important}.builder{display:block;padding:0}.preview-area{display:block}.resume-page{box-shadow:none;width:210mm;max-width:none;min-height:297mm;margin:0}.preview-area{position:static}}