:root{--primary:#2563eb;--primary-hover:#1d4ed8;--bg-main:#f8fafc;--bg-sidebar:#fff;--bg-preview:#cbd5e1;--text-main:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--radius:8px;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}*{box-sizing:border-box}body{background-color:var(--bg-main);color:var(--text-main);margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}#root{height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}:root{--primary:#2563eb;--primary-soft:#eff6ff;--primary-border:#bae6fd;--primary-dark:#1e4ed8;--bg-main:#f1f5f9;--bg-sidebar:#fff;--bg-preview:#334155;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--radius:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--accent-color:#2563eb}.resume-paper{transform-origin:top;color:#1e293b;text-align:justify;background-color:#fff;background-image:linear-gradient(#fff 282mm,#f8fafc 282mm 297mm,#f8fafc 312mm,#fff 312mm);background-size:100% 297mm;flex-shrink:0;width:210mm;min-height:297mm;margin-bottom:6rem;padding:5mm 20mm 25mm;font-size:11pt;line-height:1.5;position:relative;box-shadow:0 25px 50px -12px #00000080}p,li,.ats-description,.modern-item-desc,.elegant-item-desc,.fusion-item-desc,.bold-item-desc,.creative-description-text{orphans:2;widows:2;text-align:justify;display:block;page-break-inside:auto!important;break-inside:auto!important}p,li{line-height:1.5}.ats-item,.harvard-item,.modern-item,.elegant-item,.fusion-item,.bold-item,.section-block{margin-bottom:1rem;page-break-inside:auto!important;break-inside:auto!important}.ats-section-title,.harvard-section-title,.creative-section-title,.modern-section-title,.elegant-section-title,.fusion-section-title,.bold-section-title{break-after:avoid;page-break-after:avoid}.section-block{margin-top:.5rem;margin-bottom:1.5rem}@media print{.resume-paper{background-image:none!important;padding:20mm!important}.ats-section-title,.harvard-section-title,.creative-section-title,.modern-section-title,.elegant-section-title,.fusion-section-title,.bold-section-title{margin-top:1.5rem}}.ats-container{color:#000;font-family:Arial,sans-serif}.ats-name{text-align:center;text-transform:uppercase;margin:0 0 5px;font-size:18pt;font-weight:700}.ats-contact{text-align:center;border-bottom:1px solid #000;margin-bottom:1rem;padding-bottom:8px;font-size:10pt}.ats-section-title{text-transform:uppercase;border-bottom:1px solid #000;margin:1rem 0 .5rem;padding-bottom:2px;font-size:12pt;font-weight:700}.ats-item{margin-bottom:.8rem}.ats-item-header{justify-content:space-between;font-size:11pt;font-weight:700;display:flex}.ats-item-sub{justify-content:space-between;margin-bottom:2px;font-size:10.5pt;font-style:italic;display:flex}.ats-description{text-align:justify;white-space:pre-wrap;margin:0;font-size:11pt}.template-harvard .resume-paper{color:#000;padding:20mm;font-size:11pt;font-family:Times New Roman,serif!important}.harvard-name{text-align:center;text-transform:uppercase;margin-bottom:4px;font-size:14pt;font-weight:700}.harvard-contact{text-align:center;margin-bottom:1.2rem;font-size:10pt;line-height:1.4}.harvard-section-title{text-transform:uppercase;border-bottom:.5pt solid #000;margin:1.2rem 0 .6rem;font-size:12pt;font-weight:700}.harvard-item{margin-bottom:.8rem}.harvard-item-header{justify-content:space-between;font-weight:700;display:flex}.harvard-item-sub{justify-content:space-between;font-style:italic;display:flex}.harvard-description{text-align:justify;white-space:pre-wrap;margin:4px 0 0;line-height:1.3;font-size:11pt!important}.creative-container{grid-template-columns:210px 1fr;gap:2rem;min-height:260mm;display:grid}.creative-sidebar{background:#f1f5f9;border-right:1px solid #e2e8f0;margin:-15mm 0 -15mm -15mm;padding:1.5rem}.creative-name{color:#0f172a;margin:0 0 1rem;font-size:24pt;font-weight:900;line-height:1.1}.creative-header{margin-bottom:2rem}.creative-description-text{color:#64748b;text-align:justify;margin:0;font-size:11pt}.creative-section-title{color:var(--accent-color);border-bottom:2px solid var(--accent-color);text-transform:uppercase;margin:1.5rem 0 .8rem;padding-bottom:4px;font-size:12pt;font-weight:800}.creative-contact-item{color:#475569;word-break:break-all;margin-bottom:.5rem;font-size:10pt}.sidebar-skills ul{margin:0;padding-left:1rem}.sidebar-skills li{margin-bottom:2px;font-size:10pt}.creative-edu-item{margin-bottom:1rem}.creative-edu-school{font-size:11pt;font-weight:700}.creative-edu-degree{color:#475569;font-size:10.5pt}.creative-edu-date{color:#94a3b8;font-size:10pt;font-style:italic}.modern-header{color:#fff;border-bottom:5px solid var(--accent-color);background:#0f172a;margin:-15mm -15mm 2rem;padding:2rem 15mm}.modern-name{letter-spacing:1px;text-transform:uppercase;margin:0;font-size:28pt;font-weight:900}.modern-contact-info{opacity:.8;margin-top:8px;font-size:10pt}.modern-content-grid{grid-template-columns:1fr 240px;gap:2.5rem;display:grid}.modern-section-title{color:#0f172a;border-left:5px solid var(--accent-color);text-transform:uppercase;margin:0 0 1rem;padding-left:12px;font-size:12pt;font-weight:800}.modern-item{margin-bottom:1.2rem}.modern-item-header{justify-content:space-between;align-items:baseline;margin-bottom:2px;display:flex}.modern-item-pos{color:#0f172a;font-size:11.5pt;font-weight:700}.modern-item-date{font-size:10pt;font-weight:600}.modern-item-company{color:#64748b;margin-bottom:4px;font-size:11pt;font-style:italic}.modern-item-desc,.modern-summary{color:#334155;text-align:justify;white-space:pre-wrap;margin:0;font-size:11pt}.modern-edu-item{margin-bottom:1rem}.modern-edu-degree{font-size:11pt;font-weight:700}.modern-edu-school{color:#475569;font-size:10.5pt}.modern-edu-date{color:#94a3b8;font-size:10pt}.elegant-container{color:#2c3e50;font-family:Georgia,Times New Roman,serif}.elegant-header{text-align:center;margin-bottom:2.5rem}.elegant-name{letter-spacing:2px;text-transform:uppercase;margin:0 0 10px;font-size:30pt;font-weight:400}.elegant-contact-info{letter-spacing:1px;color:#7f8c8d;font-size:10pt}.elegant-section-title{text-align:center;letter-spacing:4px;text-transform:uppercase;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;margin:2rem 0 1.2rem;padding:10px 0;font-size:12pt}.elegant-summary{text-align:center;padding:0 3rem;font-size:11.5pt;font-style:italic;line-height:1.6}.elegant-item{margin-bottom:1.5rem}.elegant-item-header{text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;font-size:11.5pt;font-weight:700;display:flex}.elegant-item-sub{color:#7f8c8d;margin-bottom:6px;font-style:italic}.elegant-item-desc{text-align:justify;white-space:pre-wrap;margin:0;font-size:11pt;line-height:1.5}.elegant-edu-item{text-align:center;margin-bottom:1rem}.elegant-edu-school{font-size:11.5pt;font-weight:700}.elegant-edu-degree{color:#7f8c8d;font-style:italic}.elegant-skills{text-align:center;font-size:11pt}.elegant-skills-soft{color:#7f8c8d;margin-top:5px;font-style:italic}.fusion-header{color:#fff;clip-path:polygon(0 0,100% 0,100% 80%,0 100%);margin:-15mm -15mm 2rem;padding:2.5rem 15mm}.fusion-name{text-transform:uppercase;letter-spacing:-1px;margin:0;font-size:28pt;font-weight:800}.fusion-contact-info{opacity:.9;margin-top:10px;font-size:10pt}.fusion-section-title{color:var(--accent-color);text-transform:uppercase;align-items:center;gap:1rem;margin:1.8rem 0 1rem;font-size:12pt;font-weight:800;display:flex}.fusion-section-title:after{content:"";background:#f1f5f9;flex:1;height:2px}.fusion-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.5rem;display:grid}.fusion-item{margin-bottom:1.2rem}.fusion-item-header{justify-content:space-between;font-size:11.5pt;font-weight:700;display:flex}.fusion-item-company{color:#64748b;margin-bottom:4px;font-style:italic}.fusion-item-desc,.fusion-summary{color:#475569;text-align:justify;white-space:pre-wrap;margin:0;font-size:11pt}.fusion-skills-tags{flex-wrap:wrap;gap:6px;display:flex}.fusion-skill-tag-outline{border:1.5px solid;border-radius:4px;padding:4px 10px;font-size:10pt;font-weight:700}.fusion-skill-tag-fill{color:#fff;border-radius:4px;padding:4px 10px;font-size:10pt;font-weight:700}.fusion-edu-item{margin-bottom:.8rem}.fusion-edu-degree{font-size:11pt;font-weight:700}.fusion-edu-school{color:#64748b;font-size:10.5pt}.fusion-edu-date{color:#94a3b8;font-size:10pt}.bold-container{min-height:260mm}.bold-main-content{border-left:12px solid var(--accent-color);height:100%;padding-left:2.5rem}.bold-name{letter-spacing:-3px;color:#0f172a;text-transform:uppercase;margin:0 0 1rem;font-size:40pt;font-weight:900;line-height:.9}.bold-contact-info{color:#64748b;margin-bottom:2.5rem;font-size:11pt;font-weight:600}.bold-section-title{color:#fff;text-transform:uppercase;letter-spacing:1px;margin:1.8rem 0 1.2rem;padding:6px 20px;font-size:12pt;font-weight:900;display:inline-block;transform:skew(-12deg)}.bold-item{margin-bottom:1.5rem}.bold-item-pos{color:#0f172a;font-size:14pt;font-weight:800}.bold-item-meta{text-transform:uppercase;margin:2px 0 6px;font-size:10.5pt;font-weight:700}.bold-item-desc,.bold-summary{color:#334155;text-align:justify;white-space:pre-wrap;margin:0;font-size:11pt;line-height:1.6}.bold-skills-tags{flex-wrap:wrap;gap:8px;display:flex}.bold-skill-tag{color:#0f172a;font-size:11pt;font-weight:800}.bold-edu-item{margin-bottom:1rem}.bold-edu-degree{font-size:12pt;font-weight:800}.bold-edu-school{color:#64748b;font-size:11pt}.section-header-row{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.toggle-switch{flex-shrink:0;width:42px;height:20px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#cbd5e1;border-radius:34px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0000001a}input:checked+.toggle-slider{background-color:var(--primary)}input:focus+.toggle-slider{box-shadow:0 0 1px var(--primary)}input:checked+.toggle-slider:before{transform:translate(22px)}.section-faded{opacity:.5;pointer-events:none;filter:grayscale(.5);transition:all .3s}.app-container{background:var(--bg-main);height:100vh;color:var(--text-main);font-family:Inter,sans-serif;display:flex;overflow:hidden}.form-section{background:var(--bg-sidebar);border-right:1px solid var(--border);flex:1;max-width:800px;height:100%;padding:2rem;overflow-y:auto}.preview-section{background:var(--bg-preview);flex-direction:column;flex:1.2;align-items:center;height:100%;padding:3rem 2rem;display:flex;position:relative;overflow-y:auto}.form-header{margin-bottom:2.5rem}.form-header h2{color:var(--text-main);align-items:center;gap:.75rem;margin:0;font-size:1.5rem;display:flex}.template-selector,.color-selector,.ai-model-selector,.ats-score-section{border-radius:var(--radius);border:1px solid var(--border);background:#f8fafc;margin-bottom:2rem;padding:1.25rem}.template-selector label,.color-selector label,.ai-model-selector label,.ats-score-section label{color:var(--text-muted);margin-bottom:1rem;font-size:.875rem;font-weight:600;display:block}.template-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;display:grid}.template-grid button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;padding:.5rem;font-size:.7rem;font-weight:600;transition:all .2s}.template-grid button.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 6px -1px #2563eb33}.color-grid{gap:1rem;display:flex}.color-dot{cursor:pointer;width:2rem;height:2rem;box-shadow:var(--shadow-sm);border:2px solid #fff;border-radius:50%;transition:transform .2s}.color-dot:hover{transform:scale(1.1)}.color-dot.active{ring:2px solid var(--primary);box-shadow:0 0 0 2px var(--bg-main), 0 0 0 4px var(--primary);transform:scale(1.1)}.ai-model-selector select{border:1px solid var(--border);background:#fff;border-radius:8px;outline:none;width:100%;padding:.75rem;font-size:.9rem}.ats-score-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.analyze-btn{background:var(--primary-soft);color:var(--primary);border:1px solid var(--primary-border);cursor:pointer;border-radius:20px;padding:.5rem 1rem;font-size:.8rem;font-weight:600}.score-gauge{background:#e2e8f0;border-radius:1rem;height:.75rem;margin-bottom:1rem;position:relative;overflow:hidden}.score-fill{height:100%;transition:width 1s ease-in-out}.score-text{font-size:.75rem;font-weight:700;position:absolute;top:-1.25rem;right:.5rem}.feedback-list h4{color:var(--text-main);align-items:center;gap:.4rem;margin:0 0 .5rem;font-size:.8rem;display:flex}.feedback-list ul{color:var(--text-muted);margin:0;padding-left:1.25rem;font-size:.8rem}.zoom-controls{box-shadow:var(--shadow-md);z-index:100;background:#fff;border-radius:2rem;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%)}.zoom-controls button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;display:flex}.zoom-value{text-align:center;min-width:3rem;font-size:.875rem;font-weight:600}.button-group{background:#fff;border-radius:1rem;gap:1rem;padding:.75rem;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 15px -3px #0003}.download-btn{cursor:pointer;border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:flex}.download-btn.pdf{color:#fff;background:#ef4444}.download-btn.docx{color:#fff;background:#2563eb}.download-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.mobile-nav{border-top:1px solid var(--border);z-index:1000;background:#fff;justify-content:space-around;padding:.75rem;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:var(--text-muted);background:0 0;border:none;flex-direction:column;align-items:center;gap:.25rem;font-size:.7rem;display:flex}.mobile-nav button.active{color:var(--primary)}@media (width<=1024px){.app-container{flex-direction:column}.form-section{max-width:none;padding-bottom:5rem}.form-section,.preview-section{display:none}.active-tab-edit .form-section{display:block}.active-tab-preview .preview-section{background:#222;padding:1rem 0;display:flex}.mobile-nav{display:flex}.resume-paper{box-shadow:0 0 30px #00000080;margin:4rem auto 0!important}.button-group{flex-direction:column;padding:.5rem;bottom:80px;right:1rem}}