@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#18243b;background:#f3f6fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}.topbar{min-height:76px;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border-bottom:1px solid #e5eaf2;position:sticky;top:0;z-index:10}.brand,.top-actions,.section-title-row,.preview-heading,.panel-heading,.repeat-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{justify-content:flex-start}.brand-logo{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#075cff,#46a2ff);color:#fff;font-size:24px;font-weight:800}.brand h1{font-size:17px;margin:0;letter-spacing:.4px}.brand p{margin:3px 0 0;font-size:10px;color:#73819b;font-weight:700;letter-spacing:1.5px}#saveStatus{font-size:12px;color:#16875a}.btn{border:0;border-radius:9px;padding:10px 15px;font-weight:700;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-light{background:#edf2fb;color:#30415d}.btn-primary{background:#1264ed;color:#fff;box-shadow:0 5px 14px #1264ed30}.app-layout{display:grid;grid-template-columns:410px minmax(0,1fr);gap:22px;padding:22px;max-width:1800px;margin:auto;align-items:start}.editor-panel,.preview-panel{background:#fff;border:1px solid #e6ebf3;border-radius:17px;overflow:hidden}.editor-panel{padding:22px}.panel-heading,.preview-heading{margin-bottom:22px}.panel-heading h2,.preview-heading h2{margin:0;font-size:20px}.panel-heading p,.preview-heading p{color:#8390a5;font-size:12px;margin:5px 0 0}.form-section{border-top:1px solid #edf0f5;padding:19px 0}.form-section h3{font-size:14px;margin:0 0 15px;color:#263651}label{display:block;font-size:12px;font-weight:700;color:#56657e;margin:12px 0 6px}input:not([type=color]):not([type=file]),textarea,select{width:100%;border:1px solid #dce3ee;background:#fbfcff;border-radius:9px;padding:11px 12px;color:#263651;outline:none;font-size:13px}input:focus,textarea:focus,select:focus{border-color:#4388ff;box-shadow:0 0 0 3px #4388ff18}textarea{resize:vertical}input[type=file]{width:100%;font-size:12px;margin-top:5px}input[type=color]{width:55px;height:38px;border:0;background:none;cursor:pointer}small{display:block;color:#8995a8;font-size:10px;margin-top:6px;line-height:1.5}.btn-small{padding:7px 11px;font-size:11px}.add-btn{background:#eaf2ff;color:#1264ed}.repeat-card{border:1px solid #e5eaf2;border-radius:11px;padding:13px;margin-top:12px;background:#fbfcff}.repeat-card-heading strong{font-size:12px}.remove-btn{border:0;background:#fff0f0;color:#d64a4a;border-radius:7px;padding:6px 9px;font-size:10px;cursor:pointer}.preview-panel{padding:22px;min-width:0}.live-indicator{color:#159b68;background:#e8f9f1;padding:7px 10px;border-radius:30px;font-size:10px;font-weight:800}.resume-stage{background:#e9eef6;padding:28px;border-radius:12px;overflow:auto}.resume{--accent: #1769ff;width:100%;max-width:794px;min-height:1123px;margin:auto;padding:55px 58px;background:#fff;color:#253047;box-shadow:0 8px 35px #20334d16;font-family:DM Sans,Arial,sans-serif;font-size:12px;line-height:1.55;overflow-wrap:anywhere}.resume-header{display:flex;align-items:center;gap:20px;padding-bottom:23px;border-bottom:2px solid var(--accent);margin-bottom:25px}.resume-person{flex:1;min-width:0}.resume-header h1{margin:0;font-size:30px;line-height:1.2;color:#17243b;font-weight:800}.resume-job{margin:6px 0 10px;color:var(--accent);font-size:14px;font-weight:700}.profile-photo{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid var(--accent)}.resume-contact{display:flex;flex-wrap:wrap;gap:5px 13px;color:#66748b;font-size:10px}.resume-section{margin-bottom:21px;break-inside:avoid}.resume-section h2{font-size:13px;color:var(--accent);text-transform:uppercase;letter-spacing:1.1px;margin:0 0 10px;padding-bottom:5px;border-bottom:1px solid #e7ebf1}.resume-paragraph,.entry-detail{margin:5px 0;color:#536078}.resume-entry{margin:0 0 13px;break-inside:avoid}.entry-heading{display:flex;justify-content:space-between;gap:12px}.entry-heading h3{margin:0;color:#263650;font-size:12px}.entry-heading span{color:#7e8aa0;font-size:10px;white-space:nowrap}.entry-place{margin:3px 0;color:var(--accent);font-weight:600}.entry-detail{white-space:normal}.skill-list{display:flex;flex-wrap:wrap;gap:7px}.skill-list span{background:#edf3ff;color:#315d9e;border-radius:5px;padding:5px 9px;font-size:10px}.resume.classic{border-top:7px solid var(--accent)}.resume.modern{padding:0 0 50px}.modern .resume-header{background:#172b4d;padding:55px 58px 32px;border:0}.modern .resume-header h1{color:#fff}.modern .resume-job{color:#8dbaff}.modern .resume-contact{color:#d3e0f5}.modern .resume-content{padding:0 58px}.resume.minimal{font-family:Manrope,sans-serif;padding:65px 70px}.minimal .resume-header{border:0;margin-bottom:35px}.minimal .resume-header h1{font-size:35px;letter-spacing:-1.5px}.minimal .resume-section h2{border:0;letter-spacing:2px;font-size:11px}.resume.sidebar,.resume.creative,.resume.bold{display:grid;grid-template-columns:34% 66%;padding:0}.sidebar .resume-sidebar{background:#172c4d;color:#fff;padding:40px 23px}.sidebar .resume-main{padding:48px 30px}.sidebar .resume-header{display:block;border:0}.sidebar .resume-header h1{color:#fff;font-size:23px;overflow-wrap:anywhere}.sidebar .resume-job,.sidebar .resume-contact{color:#c3d7f7}.sidebar .resume-contact{display:block}.sidebar .resume-contact span{display:block;margin-top:6px}.sidebar .profile-photo{margin-bottom:16px}.sidebar .resume-sidebar .resume-section h2{color:#9ec3ff;border-color:#ffffff30}.sidebar .resume-sidebar .skill-list span{background:#ffffff18;color:#fff}.sidebar .resume-sidebar .resume-paragraph{color:#d7e2f3}.sidebar .resume-main .resume-header{display:none}.resume.professional{font-family:Manrope,sans-serif;border-left:12px solid var(--accent)}.professional .resume-header{padding-bottom:30px}.professional .resume-section h2{font-size:12px;letter-spacing:1.8px}.resume.student{background:#fff;border-top:18px solid #e7f0ff}.student .resume-header{background:#f2f7ff;padding:23px;border-radius:12px;border:0}.student .resume-header h1{color:#194b92}.student .resume-section h2{background:#edf4ff;padding:7px 10px;border:0;border-left:3px solid var(--accent)}.resume.creative{grid-template-columns:36% 64%}.creative .resume-sidebar{background:var(--accent);padding:40px 22px;color:#fff}.creative .resume-main{padding:45px 30px}.creative .resume-header{display:block;border:0}.creative .resume-header h1{color:#fff;font-size:25px}.creative .resume-job,.creative .resume-contact{color:#edf4ff}.creative .resume-contact span{display:block}.creative .resume-sidebar .resume-section h2{color:#fff;border-color:#ffffff50}.creative .resume-sidebar .skill-list span{background:#ffffff25;color:#fff}.creative .resume-main .resume-header{display:none}.resume.elegant{font-family:Georgia,serif;padding:65px}.elegant .resume-header{text-align:center;flex-direction:column;border-bottom:1px solid #c8b48d}.elegant .resume-header h1{font-family:Georgia,serif;font-size:34px;font-weight:500}.elegant .resume-job{font-style:italic;font-weight:400}.elegant .resume-section h2{font-family:DM Sans,sans-serif;color:#a17c43;border-color:#dfd1b8}.resume.compact{padding:36px 45px;font-size:10px}.compact .resume-header{margin-bottom:15px;padding-bottom:13px}.compact .resume-header h1{font-size:24px}.compact .resume-section{margin-bottom:12px}.compact .resume-section h2{margin-bottom:6px}.compact .resume-entry{margin-bottom:7px}.resume.bold{grid-template-columns:35% 65%}.bold .resume-sidebar{background:#101c32;color:#fff;padding:40px 22px}.bold .resume-main{padding:45px 30px}.bold .resume-header{display:block;border:0}.bold .resume-header h1{color:#fff;font-size:26px}.bold .resume-job,.bold .resume-contact{color:#a9c7ff}.bold .resume-contact span{display:block}.bold .resume-sidebar .resume-section h2{color:#78a9ff;border-color:#ffffff30}.bold .resume-sidebar .skill-list span{background:#ffffff16;color:#fff}.bold .resume-main .resume-header{display:none}@media(max-width:1000px){.app-layout{grid-template-columns:350px minmax(0,1fr);padding:12px;gap:12px}.resume-stage{padding:12px}.resume{padding:35px 30px}}@media(max-width:760px){.topbar{position:static;flex-wrap:wrap;padding:13px}.top-actions{width:100%;flex-wrap:wrap}.app-layout{display:flex;flex-direction:column}.editor-panel,.preview-panel{width:100%}.resume-stage{padding:8px}.resume{min-height:900px;padding:25px 20px}.resume-header h1{font-size:23px}.resume.sidebar,.resume.creative,.resume.bold{grid-template-columns:34% 66%}.sidebar .resume-sidebar,.creative .resume-sidebar,.bold .resume-sidebar{padding:20px 10px}.sidebar .resume-main,.creative .resume-main,.bold .resume-main{padding:25px 14px}}@media print{@page{size:A4;margin:0}body{background:#fff}.topbar,.editor-panel,.preview-heading{display:none!important}.app-layout{display:block;padding:0;margin:0}.preview-panel{padding:0;border:0;border-radius:0}.resume-stage{padding:0;background:#fff;overflow:visible}.resume{width:210mm;min-height:297mm;max-width:none;margin:0;box-shadow:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}}