:root{--ink:#17201e;--muted:#68736f;--line:#dfe5e1;--surface:#fff;--canvas:#f5f7f4;--brand:#146c5d;--brand-dark:#0e5146;--brand-soft:#e7f3ef;--danger:#a13b35;--shadow:0 18px 50px #1f302b1a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5}button,input,textarea,select{font:inherit}button{color:inherit}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;justify-content:space-between;align-items:center;height:68px;padding:0 28px;display:flex;position:sticky;top:0}.brand{cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-family:Georgia,serif;font-size:23px;font-weight:700;display:flex}.brand-mark{background:var(--brand);color:#fff;border-radius:10px 10px 10px 3px;justify-content:center;align-items:center;width:36px;height:36px;font-family:Georgia,serif;display:flex}.topbar-actions{align-items:center;gap:22px;display:flex}.save-status{color:var(--muted);font-size:13px}.save-status:before{color:var(--brand);content:"●";margin-right:8px;font-size:8px}.mobile-menu-button,.mobile-menu-layer{display:none}.text-button{color:var(--brand-dark);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:6px;font-size:14px;font-weight:700;text-decoration:underline}.builder-layout{grid-template-columns:235px minmax(520px,750px) minmax(320px,430px);max-width:1500px;min-height:calc(100vh - 68px);margin:0 auto;display:grid}.steps-panel{border-right:1px solid var(--line);padding:42px 24px}.eyebrow{color:var(--brand);letter-spacing:.13em;text-transform:uppercase;margin:0 0 16px;font-size:12px;font-weight:800}.steps-list{margin:0;padding:0;list-style:none}.steps-list li{margin-bottom:5px}.step-button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px;display:flex}.step-button:hover{background:#eef2ef}.step-button.active{background:var(--brand-soft)}.step-button strong{font-size:14px;display:block}.step-button small{color:var(--muted);margin-top:1px;font-size:11px;display:block}.step-number{color:var(--muted);border:1px solid #cbd5d0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:flex}.step-button.active .step-number{background:var(--brand);border-color:var(--brand);color:#fff}.step-button.complete .step-number{border-color:var(--brand);color:var(--brand)}.privacy-note{border-top:1px solid var(--line);color:var(--muted);align-items:flex-start;gap:10px;margin-top:34px;padding:24px 10px 0;display:flex}.privacy-note>span{color:var(--brand);font-size:21px}.privacy-note p{margin:0;font-size:11px}.privacy-note strong{color:var(--ink);margin-bottom:3px;font-size:12px;display:block}.editor-panel{background:var(--surface);min-width:0;padding:52px clamp(30px,5vw,72px) 28px}.section-heading{max-width:620px;margin-bottom:34px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h1{letter-spacing:-.025em;margin:0 0 13px;font-family:Georgia,serif;font-size:clamp(31px,4vw,43px);line-height:1.08}.section-heading>p:last-child{color:var(--muted);margin:0;font-size:16px}.notice{color:#694f08;background:#fff6db;border:1px solid #e7cf87;border-radius:10px;margin:-22px 0 28px;padding:12px 15px}.mobile-progress{display:none}.template-grid{gap:17px;display:grid}.template-card{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:16px;grid-template-columns:130px 1fr 28px;align-items:center;gap:20px;width:100%;padding:18px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid}.template-card:hover{border-color:#9eb8af;transform:translateY(-1px);box-shadow:0 8px 25px #1f302b14}.template-card.selected{border:2px solid var(--brand);padding:17px}.template-copy{flex-direction:column;display:flex}.template-copy small{color:var(--brand);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800}.template-copy strong{font-family:Georgia,serif;font-size:21px}.template-copy>span{color:var(--muted);margin-top:5px;font-size:13px}.selection-mark{color:#fff;border:1px solid #bac6c1;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.selected .selection-mark{background:var(--brand);border-color:var(--brand)}.template-art{background:#fff;border:1px solid #d9ddda;flex-direction:column;gap:6px;width:116px;height:156px;padding:19px 15px;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 12px #19252214}.template-art:before{background:var(--accent);content:"";width:64%;height:12px;margin-bottom:5px;display:block}.template-art i,.template-art b{background:#cdd5d1;width:100%;height:3px;display:block}.template-art b{background:var(--accent);width:38%;margin-top:5px}.template-art i:last-child,.template-art i:nth-last-child(2){width:72%}.template-art.clean-modern{border-top:8px solid var(--accent);padding-top:13px}.template-art.profile-sidebar{border-left:34px solid var(--accent);padding-left:10px}.form-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.field{margin-bottom:22px;display:block}.field>span{margin-bottom:7px;font-size:13px;font-weight:750;display:block}.field small{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.45;display:block}input,textarea,select{color:var(--ink);background:#fff;border:1px solid #cbd4d0;border-radius:9px;outline:none;width:100%;padding:11px 12px;transition:border-color .15s,box-shadow .15s}textarea{resize:vertical;line-height:1.55}input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #146c5d1f}input::placeholder,textarea::placeholder{color:#9ba5a1}.photo-field{background:var(--brand-soft);border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.photo-field>span,.photo-field img{object-fit:cover;background:#d5e4df;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.photo-field>div{flex:1}.photo-field strong{display:block}.photo-field p{color:var(--muted);margin:2px 0 8px;font-size:12px}.photo-field input{background:0 0;border:0;padding:0;font-size:12px}.empty-state{text-align:center;border:1px dashed #b8c7c1;border-radius:16px;padding:42px 25px}.empty-state>span{background:var(--brand-soft);color:var(--brand);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:inline-flex}.empty-state h2{margin:13px 0 4px;font-family:Georgia,serif;font-size:22px}.empty-state p{color:var(--muted);max-width:430px;margin:0 auto 20px}.entry-card{border:1px solid var(--line);border-radius:14px;margin-bottom:20px;padding:20px}.entry-card>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin:-2px 0 20px;padding-bottom:13px;display:flex}.entry-card>header>div{gap:5px;display:flex}.entry-card>header button{cursor:pointer;background:#f5f7f4;border:0;border-radius:6px;padding:5px 8px;font-size:12px}.entry-card>header button:disabled{cursor:default;opacity:.35}.entry-card>header .remove-button{color:var(--danger);margin-left:5px}.entry-card .field:last-child{margin-bottom:0}.add-button{color:var(--brand-dark);cursor:pointer;background:0 0;border:1px dashed #9eb3ab;border-radius:10px;width:100%;padding:12px;font-weight:750}.add-button:hover{background:var(--brand-soft)}.stacked-fields .field{border-bottom:1px solid var(--line);padding-bottom:8px}.rich-editor{border:1px solid #cbd4d0;border-radius:9px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.rich-editor:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #146c5d1f}.format-toolbar{border-bottom:1px solid var(--line);background:#f5f7f4;flex-wrap:wrap;align-items:center;gap:3px;padding:5px;display:flex}.format-toolbar button{cursor:pointer;background:0 0;border:0;border-radius:5px;min-width:29px;padding:5px 7px;font-size:12px}.format-toolbar button:hover{background:#e2e9e5}.format-toolbar>span{background:#d5deda;width:1px;height:20px;margin:0 3px}.format-toolbar .align-center{text-align:center}.format-toolbar .align-right{text-align:right}.rich-input{overflow-wrap:anywhere;background:#fff;outline:none;padding:11px 12px;line-height:1.55}.rich-input:empty:before{color:#9ba5a1;content:attr(data-placeholder);pointer-events:none}.rich-input p,.rich-input div{margin:0 0 .45em}.rich-input ul,.rich-input ol{margin:.35em 0;padding-left:1.6em}.section-manager{border:1px solid var(--line);background:#f6f8f6;border-radius:14px;margin-bottom:30px;padding:20px}.manager-heading h2{margin:0;font-family:Georgia,serif;font-size:21px}.manager-heading p{color:var(--muted);margin:3px 0 15px;font-size:12px}.section-order-list{border:1px solid var(--line);background:#fff;border-radius:9px;overflow:hidden}.section-order-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:9px 10px;display:flex}.section-order-row:last-child{border-bottom:0}.section-order-row label{cursor:pointer;align-items:center;gap:9px;font-size:13px;font-weight:700;display:flex}.section-order-row input{accent-color:var(--brand);width:16px;height:16px;padding:0}.section-order-row small{background:var(--brand-soft);color:var(--brand-dark);text-transform:uppercase;border-radius:10px;padding:2px 6px;font-size:9px}.section-order-row>div{gap:4px;display:flex}.section-order-row button{cursor:pointer;background:#edf1ef;border:0;border-radius:5px;width:29px;height:27px}.section-order-row button:disabled{cursor:default;opacity:.35}.add-section-form{grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;margin-top:16px;display:grid}.add-section-form .field{margin:0}.custom-section-card{border-bottom:1px solid var(--line);padding:20px 0 28px}.custom-section-card>header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.custom-section-card>header input{font-weight:750}.button{cursor:pointer;border:0;border-radius:9px;min-height:43px;padding:10px 17px;font-weight:750}.button:disabled{cursor:not-allowed;opacity:.5}.button.primary{background:var(--brand);color:#fff}.button.primary:hover:not(:disabled){background:var(--brand-dark)}.button.secondary{background:#fff;border:1px solid #bac6c1}.button.dark{color:#fff;background:#17201e}.form-navigation{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:50px;padding-top:22px;display:flex}.form-navigation>span{color:var(--muted);font-size:12px}.preview-panel{border-left:1px solid var(--line);background:#e9eeeb;padding:34px clamp(20px,3vw,40px)}.preview-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.preview-heading span{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.preview-heading small{color:var(--muted)}.preview-help,.privacy-footer{color:var(--muted);text-align:center;font-size:11px}.resume-paper{--resume-accent:#25445f;aspect-ratio:210/297;box-shadow:var(--shadow);color:#28302e;background:#fff;padding:8% 8.5%;font-family:Arial,sans-serif;font-size:clamp(5px,.63vw,9px);overflow:hidden}.resume-header{border-bottom:2px solid var(--resume-accent);gap:5%;padding-bottom:4%;display:flex}.resume-header img{object-fit:cover;border-radius:50%;width:58px;height:58px}.resume-header h2{color:var(--resume-accent);text-transform:uppercase;margin:0 0 1.3%;font-family:Georgia,serif;font-size:2.8em;line-height:1}.resume-header h3{letter-spacing:.08em;text-transform:uppercase;margin:0 0 2%;font-size:1.25em;font-weight:500}.resume-header p{color:#5c6662;overflow-wrap:anywhere;margin:0;font-size:.92em}.resume-body{padding-top:2%}.resume-section{margin:0 0 3%}.resume-section>h3{color:var(--resume-accent);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #ccd3d0;margin:0 0 1.5%;padding-bottom:.8%;font-size:1.25em}.resume-section p{margin:0}.resume-section ul{margin:1% 0;padding-left:3%}.resume-section ol{margin:1% 0;padding-left:3.5%}.rich-content>p{margin-bottom:.7%}.rich-content>ul,.rich-content>ol{margin-top:0;margin-bottom:.5%}.resume-entry{grid-template-columns:1fr auto;margin-bottom:2%;display:grid;position:relative}.resume-entry h4{margin:0;font-size:1.15em}.resume-entry strong{grid-column:1;font-weight:500}.resume-entry em{color:#66706d;grid-area:1/2;font-style:normal}.resume-entry ul,.resume-entry ol,.resume-entry p,.resume-entry .rich-content{grid-column:1/-1}.skill-list{flex-wrap:wrap;gap:.7em;display:flex}.skill-list span:after{color:var(--resume-accent);content:" •"}.resume-paper.clean-modern{border-top:10px solid var(--resume-accent)}.resume-paper.clean-modern .resume-header{border:0}.resume-paper.profile-sidebar{border-left:27px solid var(--resume-accent)}.resume-paper.profile-sidebar .resume-header{background:color-mix(in srgb, var(--resume-accent) 10%, white);border:0;margin:-9.5% -10% 5%;padding:7% 9%}.review-toolbar{background:#f1f5f2;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:22px;padding:13px;display:flex}.download-group{gap:8px;display:flex}.pdf-preview{border:1px solid var(--line);background:#d8ddda;border-radius:8px;width:100%;height:760px}.review-paper{max-width:510px;margin:0 auto;position:relative}.review-paper .resume-paper{font-size:8px}.preview-overlay{color:#fff;text-align:center;background:#131f1ce0;padding:12px 16px;position:absolute;bottom:20px;left:20px;right:20px}.preview-overlay span{font-weight:800}.preview-overlay p{opacity:.75;margin:2px 0 0;font-size:11px}@media (max-width:1120px){.builder-layout{grid-template-columns:205px minmax(500px,1fr)}.preview-panel{display:none}}@media (max-width:760px){.topbar{height:60px;padding:0 16px}.brand{font-size:20px}.brand-mark{width:32px;height:32px}.save-status{display:none}.topbar-actions{gap:10px}.mobile-menu-button{background:var(--brand-soft);cursor:pointer;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;padding:0;display:flex}.mobile-menu-button span{background:var(--brand-dark);border-radius:2px;width:18px;height:2px;transition:transform .2s,opacity .2s}.mobile-menu-button[aria-expanded=true] span:first-child{transform:translateY(6px)rotate(45deg)}.mobile-menu-button[aria-expanded=true] span:nth-child(2){opacity:0}.mobile-menu-button[aria-expanded=true] span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.mobile-menu-button:focus-visible{outline-offset:2px;outline:3px solid #146c5d40}.mobile-menu-layer{pointer-events:none;visibility:hidden;z-index:19;transition:visibility 0s .2s;display:block;position:fixed;inset:60px 0 0}.mobile-menu-layer.open{pointer-events:auto;visibility:visible;transition-delay:0s}.mobile-menu-backdrop{opacity:0;background:#17201e6b;border:0;width:100%;padding:0;transition:opacity .2s;position:absolute;inset:0}.mobile-menu-layer.open .mobile-menu-backdrop{opacity:1}.mobile-steps-menu{border-bottom:1px solid var(--line);background:#fff;max-height:calc(100vh - 60px);padding:22px 18px 18px;transition:transform .2s;position:relative;overflow-y:auto;transform:translateY(-105%);box-shadow:0 18px 35px #17201e2e}.mobile-menu-layer.open .mobile-steps-menu{transform:translateY(0)}.mobile-menu-heading{justify-content:space-between;align-items:baseline;margin:0 10px 10px;display:flex}.mobile-menu-heading .eyebrow{margin:0}.mobile-menu-heading span{color:var(--muted);font-size:12px}.mobile-steps-menu .step-button{min-height:52px}.builder-layout{min-height:calc(100vh - 60px);display:block}.steps-panel{display:none}.editor-panel{min-height:calc(100vh - 60px);padding:30px 20px 24px}.mobile-progress{background:#e3e9e5;height:4px;margin:-30px -20px 30px;display:block}.mobile-progress span{background:var(--brand);height:100%;transition:width .2s;display:block}.section-heading{margin-bottom:27px}.section-heading h1{font-size:32px}.section-heading>p:last-child{font-size:14px}.template-card{grid-template-columns:86px 1fr 24px;gap:13px;padding:13px}.template-card.selected{padding:12px}.template-art{width:82px;height:116px;padding:14px 10px}.template-art.profile-sidebar{border-left-width:23px}.template-copy strong{font-size:18px}.template-copy>span{font-size:11px}.form-grid{grid-template-columns:1fr;gap:0;margin-bottom:0}.form-navigation{z-index:10;background:#fff;margin:38px -20px -24px;padding:14px 20px;position:sticky;bottom:0}.form-navigation>span{display:none}.review-toolbar{flex-direction:column;align-items:stretch}.download-group{grid-template-columns:1fr 1fr;display:grid}.pdf-preview{height:570px}.entry-card{padding:16px}.entry-card>header{align-items:flex-start;gap:12px}.add-section-form{grid-template-columns:1fr}.add-section-form .button{width:100%}}@media print{.topbar,.steps-panel,.mobile-menu-layer,.form-navigation,.review-toolbar,.section-heading,.privacy-footer{display:none!important}}
