/* Easy Resume — professional resume builder UI */
:root{--ink:#182235;--muted:#727d91;--line:#e6eaf1;--blue:#3569d4;--blue-dark:#2455bc;--paper:#fff;--wash:#f7f9fc;--lav:#f1efff;--shadow:0 18px 50px rgba(25,42,76,.08);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--wash);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:15px;line-height:1.55}h1,h2,h3,.brand{font-family:Manrope,sans-serif;letter-spacing:-.04em}h1{font-size:clamp(2.15rem,4vw,3.35rem);line-height:1.12;margin:10px 0 15px}h2{font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.2;margin:9px 0 14px}h3{font-size:1.08rem;margin:0 0 8px}p{margin:0 0 14px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,90px);background:rgba(255,255,255,.88);border-bottom:1px solid #e9edf4;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-weight:800;letter-spacing:-.04em}.brand small{display:block;color:#7f8ba0;font:700 9px "DM Sans";letter-spacing:.15em}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#3569d4,#8b75ee);color:#fff;font-size:20px;box-shadow:0 6px 14px #3569d433}.topbar nav{display:flex;align-items:center;gap:23px}.topbar nav a,.nav-button{font:600 13px "DM Sans";color:#58657a;text-decoration:none}.topbar nav form{margin:0}.nav-button{border:0;background:none;cursor:pointer}.page-wrap{max-width:1220px;margin:auto;padding:30px 28px 80px;min-height:calc(100vh - 150px)}.footer{text-align:center;padding:25px;color:#8a93a4;font-size:12px;border-top:1px solid var(--line)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:1px solid var(--blue);border-radius:12px;background:var(--blue);color:white;text-decoration:none;font:700 14px "DM Sans";padding:13px 19px;cursor:pointer;box-shadow:0 7px 16px #3569d425;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 12px 22px #3569d42c}.btn-small{padding:9px 13px;border-radius:9px}.btn-outline{background:white;color:var(--blue);box-shadow:none;border-color:#cdd9f1}.btn-outline:hover{background:#f4f7ff}.btn-light{background:#fff;color:var(--blue);border-color:#fff}.full-btn{width:100%}.text-link{color:#4e5b70;text-decoration:none;font-weight:700;font-size:14px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:#71809b}.spark{color:#8c6bea;font-size:15px;margin-right:5px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:68px 0 84px;min-height:580px}.hero h1{font-size:clamp(2.8rem,5.1vw,4.45rem);letter-spacing:-.07em;margin:18px 0}.hero h1 span,.section-heading h2 span{color:var(--blue)}.hero-text{font-size:17px;color:#69758a;max-width:500px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:27px}.trust-row{display:flex;align-items:center;gap:12px;color:#7b8799;font-size:12px;margin-top:37px}.avatar-stack{display:flex;padding-left:3px}.avatar-stack i{font-style:normal;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--wash);background:#dfe8ff;color:#3569d4;margin-left:-4px;font-size:10px;font-weight:800}.avatar-stack i:nth-child(2){background:#f3e7ff;color:#8053bf}.avatar-stack i:nth-child(3){background:#e1f4ed;color:#247e63}.hero-visual{min-height:430px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#e6edff 0%,#f5f7ff 43%,transparent 72%)}.resume-mock{z-index:2;width:min(340px,78%);min-height:405px;background:#fff;border:1px solid #e5eaf4;border-radius:7px;box-shadow:0 30px 70px #304e8d20;padding:27px 29px;transform:rotate(2deg);animation:float 6s ease-in-out infinite}.mock-head{display:flex;align-items:center;gap:12px}.mock-avatar{width:42px;height:42px;display:grid;place-items:center;background:#e9efff;color:#3569d4;border-radius:50%;font-weight:800}.mock-head b{font:800 13px Manrope;display:block}.mock-head small{font-size:10px;color:#3569d4}.mock-rule{height:3px;background:#3569d4;margin:17px 0}.mock-section{margin-top:18px}.mock-section>b{font-size:8px;letter-spacing:.13em;color:#3569d4}.mock-section p{font-size:9px;color:#606c7f;line-height:1.7;margin:7px 0}.skill-pills{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.skill-pills i{font-style:normal;background:#f0f4fc;border-radius:3px;padding:4px 6px;font-size:8px;color:#485b7e}.mock-line{height:5px;background:#edf0f5;border-radius:4px;width:78%;margin-top:8px}.mock-line.wide{width:95%}.mock-line.short{width:54%}.mock-foot{display:flex;justify-content:space-between;margin-top:25px;font-size:7px;color:#a0a9b8;letter-spacing:.12em}.float-chip{position:absolute;z-index:3;background:#fff;border:1px solid #e8ecf5;border-radius:13px;padding:12px 15px;font-size:11px;font-weight:700;box-shadow:0 12px 30px #243b6812;animation:float 5s ease-in-out infinite}.chip-top{top:46px;right:-3px;color:#7656c7}.chip-bottom{bottom:45px;left:-6px;color:#536176;animation-delay:-2s}.check-dot{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#dcf6e9;color:#16855d;margin-right:5px}.orbit{position:absolute;border:1px solid #d8e1f7;border-radius:50%;width:390px;height:390px}.orbit-two{width:450px;height:450px;border-style:dashed;opacity:.6}@keyframes float{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-9px) rotate(1deg)}}.features-section{padding:58px 0 75px;border-top:1px solid var(--line)}.section-heading{text-align:center;margin-bottom:35px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{padding:26px;border:1px solid var(--line);border-radius:19px;background:#fff;transition:transform .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.feature-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;font-size:20px;margin-bottom:22px}.feature-icon.purple{background:#f1eaff;color:#7954cf}.feature-icon.blue{background:#eaf0ff;color:#3569d4}.feature-icon.green{background:#e2f7ee;color:#16855d}.feature-card p{font-size:13px;color:#758095;line-height:1.8}.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:24px;padding:42px 48px;background:linear-gradient(120deg,#315fc7,#7864d8);color:white}.cta-panel .eyebrow{color:#d7ddff}.cta-panel h2{font-size:2rem}.cta-panel .btn{flex-shrink:0}.muted{color:var(--muted)}.alert{padding:13px 16px;border-radius:12px;margin:12px 0 22px;font-size:13px}.alert ul{margin:7px 0 0;padding-left:20px}.alert.success{background:#eaf8f0;color:#176c4d;border:1px solid #c9efda}.alert.error{background:#fff0f0;color:#9b2c2c;border:1px solid #f5cece}.auth-shell{display:grid;place-items:center;padding:35px 0}.auth-card{width:min(100%,480px);background:white;border:1px solid var(--line);border-radius:22px;padding:38px;box-shadow:var(--shadow)}.auth-card h1{font-size:2.3rem}.auth-card .muted{font-size:13px;margin-bottom:26px}.stack-form{display:grid;gap:16px}.stack-form label,.tool-card label,.field-grid label,.block-label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#4f5c71}.stack-form input,.tool-card input,.tool-card textarea,.field-grid input,.field-grid select,.block-label textarea,.block-label input,.subsection textarea,.subsection input,.cover-letter-saved textarea,#skillsInput,#certificationsInput,#languagesInput,#achievementsInput{width:100%;border:1px solid #dfe5ef;background:#fff;border-radius:10px;padding:12px 13px;color:var(--ink);font:500 13px "DM Sans";outline:none;transition:border .2s,box-shadow .2s}.stack-form input:focus,.tool-card input:focus,.tool-card textarea:focus,.field-grid input:focus,.field-grid select:focus,.block-label textarea:focus,.block-label input:focus,.subsection textarea:focus,.subsection input:focus{border-color:#83a3ed;box-shadow:0 0 0 3px #3569d415}.stack-form small{font-size:11px;color:#8a94a5;font-weight:400}.check-label{display:flex!important;align-items:center;grid-template-columns:auto 1fr}.check-label input{width:auto}.auth-bottom{text-align:center;font-size:12px;color:#758095;margin:22px 0 0}.auth-bottom a{color:var(--blue);font-weight:700;text-decoration:none}.dashboard-heading,.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:14px 0 30px}.dashboard-heading h1,.editor-heading h1{margin:7px 0}.period{color:var(--blue)}.empty-state{text-align:center;padding:70px 20px;background:#fff;border:1px dashed #d7dfed;border-radius:20px}.empty-illustration{margin:0 auto 18px;width:65px;height:65px;display:grid;place-items:center;background:#eef3ff;color:var(--blue);font-size:28px;border-radius:20px}.empty-state h2{font-size:1.45rem}.empty-state p{color:var(--muted);margin-bottom:22px}.resume-list{display:grid;gap:12px}.resume-list-card{display:flex;align-items:center;gap:15px;background:white;border:1px solid var(--line);border-radius:16px;padding:17px 20px}.resume-list-icon{width:46px;height:54px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 11%,white);color:var(--accent);border-radius:8px;font-size:22px}.resume-list-info{flex:1}.resume-list-info h3{margin:0 0 3px}.resume-list-info p{margin:0;color:var(--muted);font-size:12px}.card-actions{display:flex;gap:13px;align-items:center}.card-actions a,.card-actions button{font-size:12px;color:var(--blue);font-weight:700;text-decoration:none}.card-actions form{margin:0}.link-danger{background:none;border:0;color:#b54747!important;cursor:pointer}.editor-heading{align-items:flex-end}.editor-heading h1{font-size:2.35rem}.autosave-pill,.live-dot{font-size:10px;font-weight:800;color:#16855d;background:#e7f8ef;padding:7px 10px;border-radius:30px;white-space:nowrap}.editor-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(275px,.8fr);gap:22px;align-items:start}.editor-main{min-width:0}.stepper{display:flex;gap:7px;margin-bottom:14px;background:#eef2f8;padding:7px;border-radius:13px}.step{display:flex;align-items:center;gap:7px;flex:1;justify-content:center;border:0;background:transparent;color:#788399;border-radius:9px;padding:10px 6px;font:700 11px "DM Sans";cursor:pointer}.step i{font-style:normal;width:23px;height:23px;display:grid;place-items:center;border:1px solid #d1d9e8;border-radius:50%;font-size:10px}.step.active{background:#fff;color:var(--blue);box-shadow:0 3px 8px #1d37630c}.step.active i{background:var(--blue);color:white;border-color:var(--blue)}.form-panel,.tools-panel{display:none;background:white;border:1px solid var(--line);border-radius:17px;padding:25px;box-shadow:0 8px 25px #20375a05}.form-panel.active{display:block;animation:panelIn .25s ease}.tools-panel{display:block;margin-top:24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.panel-heading h2{font-size:1.55rem;margin:5px 0}.panel-symbol{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#7756cf;background:#f1edff;font-size:20px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 13px}.field-grid .wide-field{grid-column:1/-1}.block-label{margin-top:19px}.block-label textarea{resize:vertical;line-height:1.6}.optional{font-weight:400;color:#8994a7;font-size:10px;margin-left:5px}.wizard-controls{display:flex;align-items:center;justify-content:space-between;margin-top:15px;gap:10px}.wizard-controls #stepCount{font-size:11px;color:#8b95a6}.editor-aside{min-width:0}.preview-sticky{position:sticky;top:98px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px}.preview-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.preview-top h3{margin:3px 0}.live-dot{font-size:8px;padding:5px 8px}.mini-resume{--accent:#3569d4;background:#fff;border:1px solid #e2e7f0;box-shadow:0 8px 22px #243b680c;padding:18px 16px;min-height:340px;overflow:hidden;transition:all .2s}.mini-name{font:800 17px Manrope;letter-spacing:-.05em;line-height:1.2;overflow-wrap:anywhere}.mini-title{color:var(--accent);font-size:10px;margin-top:5px}.mini-resume hr{border:0;border-top:3px solid var(--accent);margin:13px 0}.mini-label{font-size:8px;letter-spacing:.1em;font-weight:800;color:var(--accent);margin-top:14px}.mini-resume p{font-size:9px;color:#606d80;line-height:1.7;margin:5px 0}.mini-skills{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.mini-skill{background:#f0f3fa;border-radius:3px;padding:4px 6px;font-size:8px;color:#52617a}.mini-line{height:5px;background:#edf0f5;border-radius:4px;margin-top:8px}.mini-line.short{width:60%}.preview-note{font-size:10px;color:#8993a5;line-height:1.6;margin:13px 0}.back-link{font-size:12px;font-weight:700;color:#617089;text-decoration:none}.repeat-card{border:1px solid #e6eaf1;border-radius:12px;padding:15px;margin:14px 0;background:#fcfdff}.repeat-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:14px}.remove-item{border:0;background:none;color:#bd4c4c;font-size:11px;cursor:pointer}.subsection{border-top:1px solid var(--line);padding-top:19px;margin-top:22px}.subsection h3{font-size:14px;margin-bottom:12px}.subsection .btn{margin-top:12px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.template-option{position:relative;display:flex;flex-direction:column;gap:5px;border:1px solid #e1e6ef;border-radius:12px;padding:9px;cursor:pointer;transition:all .2s}.template-option:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 2px #3569d41c;background:#f8faff}.template-option input{position:absolute;top:10px;right:10px;accent-color:var(--blue)}.template-option b{font-size:11px}.template-option small{font-size:9px;color:#7c8799;line-height:1.4}.template-thumb{height:100px;border:1px solid #e5e9f0;background:#fff;padding:9px;overflow:hidden}.thumb-header{height:13px;background:#3569d4;width:58%;margin-bottom:7px}.thumb-lines i{display:block;height:3px;background:#e7eaf0;margin:5px 0;width:90%}.thumb-lines i:nth-child(2){width:70%}.thumb-lines i:nth-child(3){width:84%;margin-top:12px}.thumb-lines i:nth-child(4){width:75%}.thumb-lines i:nth-child(5){width:50%}.thumb-executive .thumb-header{height:23px;width:100%;background:#27344b}.thumb-creative .thumb-header{height:10px;background:#956be6;width:90%}.thumb-tech .thumb-header{background:#1d8b7b;width:72%}.thumb-minimal{padding:14px}.thumb-minimal .thumb-header{height:5px;background:#252d3b}.thumb-sidebar{display:flex;gap:6px}.thumb-sidebar:before{content:"";display:block;background:#e8edfa;width:32%;height:100%}.thumb-sidebar .thumb-header{display:none}.thumb-classic .thumb-header{height:5px;background:#262626;width:65%;margin:7px auto}.thumb-compact{padding:6px}.thumb-compact .thumb-lines i{margin:3px 0;height:2px}.thumb-bold .thumb-header{height:30px;background:#202938;width:100%}.thumb-elegant .thumb-header{height:7px;background:#b9a6a0;width:80%}.design-fields{margin-top:18px}.design-fields input[type=color]{height:42px;padding:5px}.notice{font-size:12px;background:#f5f7ff;padding:12px;border-radius:8px;color:#65749a}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.tool-card{border:1px solid var(--line);border-radius:13px;padding:17px;display:flex;flex-direction:column;gap:11px}.tool-card h3{margin:0}.tool-card p{font-size:12px;color:var(--muted);margin:0}.tool-card label{font-size:11px}.tool-card .btn{align-self:flex-start;margin-top:auto}.cover-letter-saved{margin-top:22px}.subsection-heading{display:flex;justify-content:space-between;align-items:center}.cover-letter-saved textarea{margin-top:10px;resize:vertical}.preview-page-toolbar{display:flex;justify-content:space-between;align-items:center;margin:10px 0 22px}.preview-page-toolbar>div{display:flex;gap:9px}.cv{background:white;max-width:800px;min-height:1000px;margin:0 auto;padding:48px 55px;box-shadow:0 15px 50px #23395b16;border:1px solid #e7ebf2;color:#202938;font-size:13px;line-height:1.6}.cv h1{font-size:30px;margin:0;color:#202938;letter-spacing:-.05em}.cv .jobtitle{font-size:15px;color:var(--accent);font-weight:700;margin:6px 0}.cv .meta{font-size:10px;color:#6c788b;overflow-wrap:anywhere}.cv h2{font:800 12px "DM Sans";letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid #e0e6f0;padding-bottom:6px;margin:24px 0 10px}.cv p{margin:5px 0 8px}.cv .entry{margin:0 0 13px;break-inside:avoid}.cv .entry strong{font-size:12px}.cv .date{float:right;font-size:10px;color:#778297}.cv .bullets{padding-left:19px;margin:6px 0}.cv .bullets li{padding-left:2px;margin-bottom:3px}.cv .skill{display:inline-block;background:#f0f4fc;color:#465d85;padding:4px 8px;border-radius:4px;margin:2px 4px 2px 0;font-size:10px}.cv.creative .header{border-left:6px solid var(--accent);padding-left:18px}.cv.executive .header{padding:22px;background:#f2f5fb;border-radius:5px}.cv.executive h1{font-size:32px}.cv.tech h2{border-left:4px solid var(--accent);padding-left:9px}.cv.minimal{padding:60px 65px}.cv.minimal h2{border:0;letter-spacing:.17em}.cv.classic h1{font-family:Georgia,serif;font-weight:normal;letter-spacing:0}.cv.classic h2{font-family:Georgia,serif;font-weight:normal;letter-spacing:.08em}.cv.compact{padding:35px 42px;font-size:11px}.cv.compact h2{margin:13px 0 6px}.cv.compact h1{font-size:25px}.cv.bold .header{background:#202938;padding:24px;border-radius:4px}.cv.bold .header h1{color:#fff}.cv.bold .header .jobtitle{color:#b8caff}.cv.bold .header .meta{color:#e1e6f1}.cv.bold h2{border:0;background:#f1f4fa;padding:6px 9px}.cv.elegant h1{font-weight:600;letter-spacing:-.02em}.cv.elegant h2{font-weight:500;letter-spacing:.2em}.cv .footer{font-size:9px;margin-top:35px}.report-wrap{max-width:850px;margin:20px auto}.report-wrap h1{margin-top:12px}.report-card{white-space:normal;background:white;border:1px solid var(--line);border-radius:17px;padding:28px;line-height:1.85;box-shadow:var(--shadow)}.report-actions{display:flex;gap:10px;margin-top:18px}.subsection textarea{resize:vertical}
@keyframes panelIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.hero{gap:25px}.editor-layout{grid-template-columns:1fr}.editor-aside{order:-1}.preview-sticky{position:static}.mini-resume{min-height:260px}.feature-grid{gap:12px}.feature-card{padding:20px}.template-grid{grid-template-columns:repeat(2,1fr)}.cv{padding:35px 30px}}
@media(max-width:650px){.topbar{height:68px;padding:0 16px}.topbar nav{gap:12px}.topbar nav a{font-size:12px}.page-wrap{padding:22px 15px 50px}.hero{grid-template-columns:1fr;padding:45px 0 50px;gap:10px}.hero h1{font-size:2.8rem}.hero-visual{min-height:430px}.feature-grid{grid-template-columns:1fr}.cta-panel{align-items:flex-start;flex-direction:column;padding:30px 25px}.dashboard-heading,.editor-heading{align-items:flex-start;flex-direction:column}.resume-list-card{flex-wrap:wrap}.card-actions{width:100%;flex-wrap:wrap;padding-left:60px}.stepper{gap:3px}.step{flex-direction:column;gap:4px;padding:7px 3px;font-size:9px}.step i{width:21px;height:21px}.form-panel,.tools-panel{padding:18px}.field-grid{grid-template-columns:1fr}.field-grid .wide-field{grid-column:auto}.tools-grid{grid-template-columns:1fr}.auth-card{padding:26px 21px}.template-grid{grid-template-columns:repeat(2,1fr)}.preview-page-toolbar{align-items:flex-start;gap:14px;flex-direction:column}.cv{padding:25px 20px;min-height:auto;font-size:11px}.cv h1{font-size:23px}.cv .date{float:none;display:block;margin-top:3px}.wizard-controls .btn{padding:11px 12px;font-size:12px}.orbit-one{width:320px;height:320px}.orbit-two{width:365px;height:365px}.chip-top{right:0}.chip-bottom{left:0}}
@media print{.topbar,.footer,.preview-page-toolbar,.report-actions{display:none!important}body{background:#fff}.page-wrap{max-width:none;padding:0}.cv{box-shadow:none;border:0;margin:0;max-width:none;min-height:0;padding:0}.report-card{box-shadow:none}}

/* Advanced flexible Resume Studio editor */
.editor-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.editor-heading-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted);font-size:13px}.editor-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.85fr);gap:22px;align-items:start}.editor-main{min-width:0}.form-panel{display:none}.form-panel.active{display:block}.native-input{display:block;width:100%;border:1px solid #dfe5ef;background:#fff;border-radius:10px;padding:11px 12px;margin-top:7px;font:500 13px "DM Sans",sans-serif;color:var(--ink);outline:none;transition:border .2s,box-shadow .2s}.native-input:focus{border-color:#7196ed;box-shadow:0 0 0 3px #3569d418}.field-grid>label,.form-panel>label{display:block;font-size:12px;font-weight:700;color:#46536a;min-width:0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 13px}.wide-field{grid-column:1/-1}.field-grid textarea{resize:vertical}.form-panel .panel-heading p{margin:0}.form-panel .panel-heading h2{font-size:1.55rem}.stepper{position:sticky;top:86px;z-index:5}.wizard-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:23px}.repeat-card .field-grid{gap:13px}.repeat-card .native-input{font-size:12px}.repeat-card .wide-field{grid-column:1/-1}.repeat-title{font-size:12px}.template-option{min-width:0}.template-tag{font-size:8px;font-weight:800;color:#75829a;letter-spacing:.08em}.design-fields{margin-top:20px}.design-fields input[type=color]{height:44px;padding:4px}.preview-sticky{position:sticky;top:160px;min-width:0;overflow:hidden}.preview-canvas.cv{width:100%;max-width:none;min-height:620px;padding:25px 23px;margin:0;border-radius:8px;box-shadow:0 8px 22px #243b680c;font-size:10px;line-height:1.45;overflow-wrap:anywhere}.preview-canvas.cv h1{font-size:23px;line-height:1.15}.preview-canvas.cv h2{font-size:9px;margin:17px 0 7px;padding-bottom:4px}.preview-canvas.cv p{font-size:9px;line-height:1.5}.preview-canvas .jobtitle{font-size:11px}.preview-canvas .meta{font-size:8px;line-height:1.8}.preview-canvas .resume-head{padding-bottom:12px;border-bottom:3px solid var(--accent)}.preview-canvas .resume-section{break-inside:avoid}.preview-canvas .entry{margin-bottom:10px}.preview-canvas .entry-sub{color:#718096;font-size:9px}.preview-canvas .date{font-size:8px;float:right;color:#778297}.preview-canvas .bullets{padding-left:16px;margin:5px 0}.preview-canvas .skill{display:inline-block;background:#f0f4fc;color:#465d85;padding:3px 5px;border-radius:3px;margin:2px;font-size:8px}.preview-canvas[data-scale="compact"]{font-size:8px;padding:20px}.preview-canvas[data-scale="large"]{font-size:12px;padding:28px}.preview-canvas[data-density="tight"] .resume-section h2{margin-top:10px}.preview-canvas[data-density="airy"] .resume-section h2{margin-top:24px}.preview-canvas.executive .resume-head{background:#f2f5fb;padding:15px;border-radius:5px;border:0}.preview-canvas.creative .resume-head{border-left:5px solid var(--accent);padding-left:12px}.preview-canvas.tech h2{border-left:3px solid var(--accent);padding-left:7px}.preview-canvas.classic h1{font-family:Georgia,serif;font-weight:normal;letter-spacing:0}.preview-canvas.minimal h2{border:0;letter-spacing:.16em}.preview-canvas.bold .resume-head{background:#202938;padding:15px;border-radius:5px;border:0}.preview-canvas.bold .resume-head h1{color:#fff}.preview-canvas.bold .resume-head .jobtitle{color:#b8caff}.preview-canvas.bold .resume-head .meta{color:#e1e6f1}.preview-canvas.sidebar{border-left:7px solid var(--accent)}.ai-result{margin-top:15px;padding:14px;background:#f7f9ff;border:1px solid #e5ebfa;border-radius:12px;white-space:normal;font-size:12px}.ai-result:empty{display:none}.ai-result h3{margin:0 0 10px}.ai-result textarea{margin-bottom:10px}.tools-panel{padding:22px}.tools-panel .panel-heading h2{font-size:1.45rem}.tools-panel .panel-heading p{margin:0}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card{min-width:0}.tool-card .btn{white-space:normal}.notice{line-height:1.7}.autosave-pill{font-size:10px;font-weight:800;color:#16855d;background:#e7f8ef;padding:8px 11px;border-radius:30px;white-space:nowrap}
@media(max-width:1000px){.editor-layout{grid-template-columns:1fr}.editor-aside{order:-1}.preview-sticky{position:relative;top:auto}.preview-canvas.cv{min-height:400px}.editor-heading{align-items:flex-start;flex-direction:column}.tools-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.page-wrap{padding:18px 12px 45px}.stepper{top:68px;overflow-x:auto}.step{min-width:70px}.form-panel{padding:16px}.field-grid{grid-template-columns:1fr}.field-grid .wide-field{grid-column:auto}.tools-grid{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-controls{flex-wrap:wrap}.wizard-controls #stepCount{order:3;width:100%;text-align:center}.preview-canvas.cv{padding:20px 17px}.preview-top{gap:8px}.editor-heading-actions{width:100%}}

/* Advanced flexible Resume Studio editor */
.editor-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.editor-heading-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted);font-size:13px}.editor-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.85fr);gap:22px;align-items:start}.editor-main{min-width:0}.form-panel{display:none}.form-panel.active{display:block}.native-input{display:block;width:100%;border:1px solid #dfe5ef;background:#fff;border-radius:10px;padding:11px 12px;margin-top:7px;font:500 13px "DM Sans",sans-serif;color:var(--ink);outline:none;transition:border .2s,box-shadow .2s}.native-input:focus{border-color:#7196ed;box-shadow:0 0 0 3px #3569d418}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 13px}.wide-field{grid-column:1/-1}.form-panel .panel-heading p{margin:0}.form-panel .panel-heading h2{font-size:1.55rem}.stepper{position:sticky;top:86px;z-index:5}.wizard-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:23px}.repeat-card .field-grid{gap:13px}.repeat-card .native-input{font-size:12px}.repeat-card .wide-field{grid-column:1/-1}.repeat-title{font-size:12px}.template-option{min-width:0}.template-tag{font-size:8px;font-weight:800;color:#75829a;letter-spacing:.08em}.design-fields{margin-top:20px}.design-fields input[type=color]{height:44px;padding:4px}.preview-sticky{position:sticky;top:160px;min-width:0;overflow:hidden}.preview-canvas.cv{width:100%;max-width:none;min-height:620px;padding:25px 23px;margin:0;border-radius:8px;box-shadow:0 8px 22px #243b680c;font-size:10px;line-height:1.45;overflow-wrap:anywhere}.preview-canvas.cv h1{font-size:23px;line-height:1.15}.preview-canvas.cv h2{font-size:9px;margin:17px 0 7px;padding-bottom:4px}.preview-canvas.cv p{font-size:9px;line-height:1.5}.preview-canvas .jobtitle{font-size:11px}.preview-canvas .meta{font-size:8px;line-height:1.8}.preview-canvas .resume-head{padding-bottom:12px;border-bottom:3px solid var(--accent)}.preview-canvas .resume-section{break-inside:avoid}.preview-canvas .entry{margin-bottom:10px}.preview-canvas .entry-sub{color:#718096;font-size:9px}.preview-canvas .date{font-size:8px;float:right;color:#778297}.preview-canvas .bullets{padding-left:16px;margin:5px 0}.preview-canvas .skill{display:inline-block;background:#f0f4fc;color:#465d85;padding:3px 5px;border-radius:3px;margin:2px;font-size:8px}.preview-canvas[data-scale="compact"]{font-size:8px;padding:20px}.preview-canvas[data-scale="large"]{font-size:12px;padding:28px}.preview-canvas[data-density="tight"] .resume-section h2{margin-top:10px}.preview-canvas[data-density="airy"] .resume-section h2{margin-top:24px}.preview-canvas.executive .resume-head{background:#f2f5fb;padding:15px;border-radius:5px;border:0}.preview-canvas.creative .resume-head{border-left:5px solid var(--accent);padding-left:12px}.preview-canvas.tech h2{border-left:3px solid var(--accent);padding-left:7px}.preview-canvas.classic h1{font-family:Georgia,serif;font-weight:normal;letter-spacing:0}.preview-canvas.minimal h2{border:0;letter-spacing:.16em}.preview-canvas.bold .resume-head{background:#202938;padding:15px;border-radius:5px;border:0}.preview-canvas.bold .resume-head h1{color:#fff}.preview-canvas.bold .resume-head .jobtitle{color:#b8caff}.preview-canvas.bold .resume-head .meta{color:#e1e6f1}.preview-canvas.sidebar{border-left:7px solid var(--accent)}.ai-result{margin-top:15px;padding:14px;background:#f7f9ff;border:1px solid #e5ebfa;border-radius:12px;white-space:normal;font-size:12px}.ai-result:empty{display:none}.ai-result h3{margin:0 0 10px}.ai-result textarea{margin-bottom:10px}.tools-panel{padding:22px}.tools-panel .panel-heading h2{font-size:1.45rem}.tools-panel .panel-heading p{margin:0}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card{min-width:0}.tool-card .btn{white-space:normal}.notice{line-height:1.7}.autosave-pill{font-size:10px;font-weight:800;color:#16855d;background:#e7f8ef;padding:8px 11px;border-radius:30px;white-space:nowrap}
@media(max-width:1000px){.editor-layout{grid-template-columns:1fr}.editor-aside{order:-1}.preview-sticky{position:relative;top:auto}.preview-canvas.cv{min-height:400px}.editor-heading{align-items:flex-start;flex-direction:column}.tools-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.page-wrap{padding:18px 12px 45px}.stepper{top:68px;overflow-x:auto}.step{min-width:70px}.form-panel{padding:16px}.field-grid{grid-template-columns:1fr}.field-grid .wide-field{grid-column:auto}.tools-grid{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-controls{flex-wrap:wrap}.wizard-controls #stepCount{order:3;width:100%;text-align:center}.preview-canvas.cv{padding:20px 17px}.preview-top{gap:8px}.editor-heading-actions{width:100%}}


/* Premium visual refresh: clear hierarchy, vivid templates and accessible controls */
:root{--blue:#315fe8;--blue-dark:#2348c5;--wash:#f5f7fc;--line:#e4e9f3;--shadow:0 20px 60px rgba(27,43,83,.09)}
body{background:radial-gradient(ellipse at 8% 0%,#eaf0ff 0,transparent 28%),#f6f8fc;color:#17223a}
.native-nav{padding:16px max(4vw,18px);box-shadow:0 8px 30px #17223a06}.brand{display:inline-flex;align-items:center;gap:10px;font-size:16px;letter-spacing:-.04em}.brand:before{content:'✦';display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:white;background:linear-gradient(135deg,#315fe8,#8d5cf6);box-shadow:0 6px 16px #315fe833}
.native-main{max-width:1400px;margin:30px auto 50px}.native-card,.form-panel,.tools-panel{border:1px solid #e4e9f4;border-radius:22px;box-shadow:0 16px 50px #24375b0a;background:rgba(255,255,255,.94)}
.native-btn,.btn{background:linear-gradient(135deg,#315fe8,#4f46e5);border:1px solid transparent;border-radius:12px;box-shadow:0 9px 20px #315fe825;transition:transform .2s,box-shadow .2s,filter .2s}.native-btn:hover,.btn:hover{filter:saturate(1.1);transform:translateY(-2px);box-shadow:0 13px 25px #315fe833}.native-btn.secondary,.btn-outline{background:#fff;color:#315fe8!important;border:1px solid #d8e1f8;box-shadow:none}.native-input{border-color:#dfe5f0;border-radius:11px;background:#fcfdff;padding:12px 13px}.native-input:focus{border-color:#7896ff;box-shadow:0 0 0 4px #315fe815;background:#fff}
.editor-heading{padding:10px 3px 20px}.editor-heading h1{font-size:clamp(30px,3.5vw,44px);letter-spacing:-.055em}.editor-heading .eyebrow{color:#4e65bd}.editor-layout{grid-template-columns:minmax(0,1.25fr) minmax(330px,.82fr);gap:24px}.form-panel,.tools-panel{padding:28px;margin-bottom:18px}.panel-heading{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:24px}.panel-symbol{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#e7edff,#f2eaff);color:#4c4ee8;font-size:22px}.stepper{display:flex;gap:7px;background:#fff;border:1px solid #e4e9f3;border-radius:16px;padding:8px;margin:0 0 18px;box-shadow:0 7px 20px #25385a08}.step{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 8px;border:0;border-radius:11px;background:transparent;color:#6b7890;font-weight:750;font-size:11px;cursor:pointer}.step i{width:24px;height:24px;border-radius:8px;background:#f0f3fa;display:grid;place-items:center;font-style:normal;font-size:10px}.step.active{background:linear-gradient(135deg,#315fe8,#5b55eb);color:white;box-shadow:0 7px 15px #315fe82b}.step.active i{background:#ffffff2a;color:white}.repeat-card{border:1px solid #e2e8f2;border-radius:15px;padding:17px;margin:14px 0;background:linear-gradient(180deg,#fff,#fbfcff)}.repeat-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:#25324a}.remove-item{border:1px solid #f4d9de;background:#fff6f7;color:#bd3450;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:750;cursor:pointer}.subsection{border-top:1px solid #edf0f6;padding-top:21px;margin-top:25px}.subsection h3{font-size:15px}.optional{display:block;color:#8290a5;font-weight:500;margin-top:8px;line-height:1.6}.wizard-controls{padding-top:20px;border-top:1px solid #edf0f6}.wizard-controls #stepCount,.wizard-controls>span{font-size:11px;color:#8792a5;font-weight:700}
.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.template-option{position:relative;display:flex;flex-direction:column;gap:7px;border:1px solid #e1e7f1;border-radius:16px;background:#fff;padding:10px;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.template-option:hover{transform:translateY(-3px);box-shadow:0 14px 30px #24385a12;border-color:#a9bafa}.template-option:has(input:checked){border:2px solid #4a63ed;padding:9px;box-shadow:0 10px 24px #315fe81a;background:#fbfcff}.template-option input{position:absolute;opacity:0;pointer-events:none}.template-option b{font-size:12px;color:#1c2940;line-height:1.25}.template-option small{font-size:10px;color:#7a879b;line-height:1.4;min-height:27px}.template-tag{align-self:flex-start;background:#f1f4fb;color:#52617a;padding:5px 7px;border-radius:6px;font-size:8px!important;letter-spacing:.06em}.template-option:has(input:checked) .template-tag{background:#e8edff;color:#3155d6}.template-thumb{height:125px;border:1px solid #e7ebf4;border-radius:9px;background:#fff;padding:13px 11px;overflow:hidden;position:relative;box-shadow:0 3px 8px #263d6810}.template-thumb:before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:var(--thumb,#315fe8)}.thumb-header{height:17px;width:65%;margin:3px 0 8px;border-radius:3px;background:var(--thumb,#315fe8);opacity:.88}.thumb-lines{display:grid;gap:6px}.thumb-lines:before{content:'';height:4px;width:48%;background:#b8c3d7;border-radius:4px;margin-bottom:2px}.thumb-lines i{height:3px;width:100%;background:#e2e7f0;border-radius:3px}.thumb-lines i:nth-child(2){width:78%}.thumb-lines i:nth-child(4){width:86%}.thumb-lines i:nth-child(5){width:58%}.thumb-ats{--thumb:#315fe8}.thumb-executive{--thumb:#263a5c}.thumb-creative{--thumb:#d9468f}.thumb-creative .thumb-header{height:24px;width:80%;border-radius:2px}.thumb-tech{--thumb:#0f766e}.thumb-minimal{--thumb:#94a3b8}.thumb-sidebar{--thumb:#7c3aed}.thumb-sidebar:after{content:'';position:absolute;left:0;top:0;bottom:0;width:25%;background:#eee9ff;z-index:0}.thumb-classic{--thumb:#795548}.thumb-classic .thumb-header{margin-left:auto;margin-right:auto;width:55%;height:12px}.thumb-compact{--thumb:#64748b}.thumb-compact .thumb-lines{gap:4px}.thumb-bold{--thumb:#111827;background:#202938;border-color:#202938}.thumb-bold .thumb-lines i{background:#5d6678}.thumb-bold .thumb-lines:before{background:#fff}.thumb-elegant{--thumb:#b45309}.thumb-elegant .thumb-header{background:transparent;border-bottom:2px solid var(--thumb);height:19px}.thumb-modern{--thumb:#2563eb}.thumb-modern .thumb-header{width:45%;height:30px;border-radius:50%;margin-bottom:9px}.thumb-gradient{--thumb:#a855f7;background:linear-gradient(135deg,#fff,#f4eaff)}.thumb-gradient .thumb-header{background:linear-gradient(90deg,#a855f7,#ec4899)}.thumb-corporate{--thumb:#0f766e}.thumb-corporate .thumb-header{width:100%;height:23px}.thumb-timeline{--thumb:#ea580c}.thumb-timeline .thumb-lines{border-left:2px solid #fed7aa;padding-left:7px}
.palette-block{margin-top:22px;padding:18px;border:1px solid #e2e8f4;border-radius:16px;background:linear-gradient(135deg,#fbfcff,#f5f7ff)}.palette-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.palette-heading b{display:block;font-size:12px;color:#28364e}.palette-heading small{display:block;color:#7d899d;font-size:10px;margin-top:4px}.palette-swatches{display:flex;gap:8px;flex-wrap:wrap}.palette-swatch{width:28px;height:28px;border:3px solid white;outline:1px solid #d9dfeb;border-radius:50%;background:var(--swatch);cursor:pointer;transition:transform .18s,outline .18s}.palette-swatch:hover{transform:scale(1.12)}.palette-swatch.selected{outline:2px solid #263a5c;outline-offset:2px;transform:scale(1.06)}.design-fields{margin-top:16px}.design-fields input[type=color]{width:100%;height:45px;cursor:pointer;padding:4px}.preview-sticky{top:105px;background:#fff;border:1px solid #e1e7f2;border-radius:20px;padding:17px;box-shadow:0 20px 55px #24385a0d}.preview-top{padding:3px 2px 14px}.preview-canvas.cv{min-height:700px;border:1px solid #e7ebf2;box-shadow:0 12px 30px #263d6810;padding:30px 25px}.preview-canvas .resume-head{position:relative}.preview-canvas .resume-head h1{font-size:24px;letter-spacing:-.04em;color:var(--accent)}.preview-canvas .resume-section h2{color:var(--accent);letter-spacing:.08em;border-bottom:1px solid color-mix(in srgb,var(--accent) 24%,white);font-size:9px;text-transform:uppercase}.preview-canvas .skill{background:color-mix(in srgb,var(--accent) 9%,white);color:color-mix(in srgb,var(--accent) 75%,#17223a);border:1px solid color-mix(in srgb,var(--accent) 15%,white);border-radius:5px;padding:4px 6px}.preview-canvas.executive .resume-head{background:#f4f6fb;border-left:0;border-bottom:4px solid var(--accent);padding:17px}.preview-canvas.creative .resume-head{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 10%,white),#fff);border-left:6px solid var(--accent);padding:16px;border-bottom:0}.preview-canvas.tech .resume-head{background:#f0fdfa;border-bottom:3px solid var(--accent);padding:15px}.preview-canvas.minimal .resume-head{border:0;padding-bottom:22px}.preview-canvas.minimal .resume-section h2{letter-spacing:.19em;border:0}.preview-canvas.sidebar{border-left:0}.preview-canvas.sidebar:before{content:'';display:block;height:5px;background:var(--accent);margin:-30px -25px 22px}.preview-canvas.classic .resume-head{text-align:center;border-bottom:1px solid #a9a29b;padding-bottom:17px}.preview-canvas.classic .resume-section h2{color:#423b35;border-bottom:1px solid #a9a29b}.preview-canvas.compact .resume-section{margin-top:9px}.preview-canvas.bold .resume-head{background:linear-gradient(135deg,#172033,#263e67);border-radius:10px;padding:18px;border:0}.preview-canvas.elegant .resume-head{border-top:4px solid var(--accent);padding-top:15px}.preview-canvas.modern .resume-head{display:grid;grid-template-columns:1fr;gap:3px;border-bottom:0;background:color-mix(in srgb,var(--accent) 7%,white);padding:18px;border-radius:12px}.preview-canvas.gradient .resume-head{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 15%,white),#fff);padding:18px;border-radius:12px;border:0}.preview-canvas.corporate .resume-head{background:#f1f5f9;border-left:5px solid var(--accent);padding:16px;border-bottom:0}.preview-canvas.timeline .entry{border-left:2px solid color-mix(in srgb,var(--accent) 35%,white);padding-left:10px;margin-left:2px}.preview-canvas[data-heading="titlecase"] .resume-section h2{text-transform:none;letter-spacing:0}.preview-canvas[data-heading="line"] .resume-section h2{border-bottom:2px solid var(--accent);padding-bottom:5px}
.not-found-card{max-width:720px;margin:8vh auto;padding:clamp(28px,6vw,60px);border:1px solid #e2e8f4;border-radius:24px;background:#fff;box-shadow:0 24px 70px #263d6810}.not-found-code{font-size:clamp(62px,10vw,100px);line-height:1;font-weight:900;letter-spacing:-.08em;background:linear-gradient(120deg,#315fe8,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}.not-found-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.native-alert{border:1px solid #f7d4d7;color:#a12b42;background:#fff5f5}
@media(max-width:1050px){.editor-layout{grid-template-columns:1fr}.editor-aside{order:-1}.preview-sticky{position:relative;top:auto}.preview-canvas.cv{min-height:420px;max-width:700px;margin:auto}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.native-main{margin:16px auto 30px}.editor-heading h1{font-size:30px}.form-panel,.tools-panel{padding:18px}.stepper{overflow-x:auto;position:relative;top:auto;justify-content:flex-start}.step{min-width:78px;flex-direction:column;gap:4px;font-size:10px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-heading{align-items:flex-start}.preview-sticky{padding:10px}.preview-canvas.cv{min-height:400px;padding:20px 16px}.preview-canvas.sidebar:before{margin:-20px -16px 18px}.not-found-actions .btn{width:100%}}

/* Expanded professional resume design gallery */
.starter-gallery{margin:0 0 28px;padding:28px;border:1px solid #dfe6f5;border-radius:24px;background:radial-gradient(circle at 0% 0%,#eef2ff 0,transparent 34%),radial-gradient(circle at 100% 0%,#fce7f3 0,transparent 27%),linear-gradient(145deg,#fff,#f8faff);box-shadow:0 18px 55px #24385a0c}.starter-gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px}.starter-gallery-heading h2{font-size:clamp(23px,2.7vw,32px);letter-spacing:-.04em;margin:4px 0 7px;color:#17243a}.starter-gallery-heading p{margin:0;max-width:650px}.template-search-wrap{width:min(330px,100%);position:relative;flex-shrink:0}.template-search-wrap>span{position:absolute;left:13px;top:8px;font-size:24px;color:#74809a}.template-search-wrap input{padding-left:40px!important;background:#fff}.gallery-filter{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.gallery-filter-btn{border:1px solid #dce4f1;background:#fff;color:#59667e;border-radius:99px;padding:8px 12px;font-size:11px;font-weight:800;cursor:pointer;transition:.2s}.gallery-filter-btn:hover,.gallery-filter-btn.active{background:#172554;color:#fff;border-color:#172554;box-shadow:0 5px 13px #17255420}.starter-template-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.starter-template-card{position:relative;display:flex;flex-direction:column;min-width:0;text-align:left;border:1px solid #e1e7f2;border-radius:15px;padding:10px;background:#fff;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}.starter-template-card:before{content:"";height:4px;position:absolute;top:0;left:0;right:0;background:var(--card-accent);opacity:.85}.starter-template-card:hover{transform:translateY(-3px);border-color:var(--card-accent);box-shadow:0 12px 24px #23375b15}.starter-template-card.starter-selected{border:2px solid var(--card-accent);padding:9px;box-shadow:0 0 0 3px color-mix(in srgb,var(--card-accent) 12%,transparent),0 12px 24px #23375b10;background:linear-gradient(180deg,color-mix(in srgb,var(--card-accent) 5%,white),white)}.starter-paper{height:125px;width:100%;display:block;background:#fff;border:1px solid #edf0f6;border-radius:5px;padding:10px 8px 6px;box-shadow:0 5px 12px #1b2b450c;overflow:hidden}.paper-top{display:block;height:27px;border-bottom:2px solid var(--card-accent);position:relative;margin-bottom:8px}.paper-top i{display:block;width:61%;height:5px;background:var(--card-accent);border-radius:4px;margin-bottom:5px}.paper-top b{display:block;width:78%;height:3px;background:#9ca8bb;border-radius:4px}.paper-top small{display:block;width:48%;height:3px;background:#d9dfeb;margin-top:4px}.paper-columns{display:flex;gap:7px;height:67px}.paper-main{display:flex;flex-direction:column;gap:5px;flex:1}.paper-main i,.paper-side i{display:block;height:3px;border-radius:3px;background:#dfe5ef}.paper-main i:nth-child(3n){width:72%}.paper-side{display:flex;flex-direction:column;gap:5px;width:24%;border-left:2px solid color-mix(in srgb,var(--card-accent) 20%,white);padding-left:5px}.paper-side i{background:color-mix(in srgb,var(--card-accent) 30%,white)}.paper-footer{display:block;width:65%;height:3px;background:color-mix(in srgb,var(--card-accent) 55%,white);margin-top:6px}.starter-template-card[data-template="sidebar"] .paper-side,.starter-template-card[data-template="accountant"] .paper-side,.starter-template-card[data-template="designer"] .paper-side{width:32%;background:color-mix(in srgb,var(--card-accent) 11%,white);padding:5px;border:0}.starter-template-card[data-template="bold"] .paper-top,.starter-template-card[data-template="midnight"] .paper-top{background:var(--card-accent);padding:5px;margin:-10px -8px 8px;height:32px;border:0}.starter-template-card[data-template="bold"] .paper-top i,.starter-template-card[data-template="midnight"] .paper-top i{background:white}.starter-template-card[data-template="classic"] .paper-top,.starter-template-card[data-template="elegant"] .paper-top,.starter-template-card[data-template="monochrome"] .paper-top{text-align:center;padding-top:4px}.starter-template-card[data-template="gradient"] .paper-top,.starter-template-card[data-template="sunrise"] .paper-top{background:linear-gradient(90deg,var(--card-accent),#ec4899);padding:5px;margin:-10px -8px 8px;height:32px;border:0}.starter-template-card[data-template="gradient"] .paper-top i,.starter-template-card[data-template="sunrise"] .paper-top i{background:#fff}.starter-card-meta{display:flex;flex-direction:column;gap:5px;padding:10px 2px 2px;min-height:93px}.starter-card-meta strong{font-size:12px;color:#1b2940;line-height:1.3}.starter-card-meta small{font-size:10px;line-height:1.4;color:#7b879a;min-height:27px}.starter-card-meta em{font-style:normal;align-self:flex-start;font-size:8px;font-weight:850;letter-spacing:.07em;border-radius:5px;background:color-mix(in srgb,var(--card-accent) 11%,white);color:var(--card-accent);padding:4px 6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-check{display:none;position:absolute;right:9px;top:10px;width:21px;height:21px;border-radius:50%;background:var(--card-accent);color:#fff;align-items:center;justify-content:center;font-size:12px;font-weight:900;box-shadow:0 3px 8px #1b294033}.starter-template-card.starter-selected .template-check{display:flex}.gallery-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid #e8edf6;margin-top:19px;padding-top:18px}.gallery-bottom>span{font-size:12px;font-weight:750;color:#7b879a}.gallery-bottom .btn{background:linear-gradient(120deg,#2563eb,#7c3aed);box-shadow:0 8px 18px #4f46e52b}.gallery-category{display:inline-block;color:#5968c8;background:#f0f2ff;border-radius:5px;padding:4px 6px;font-size:8px;font-weight:850;letter-spacing:.06em;margin-bottom:7px}.dash-template-art{background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--art-accent) 17%,white),transparent 45%),linear-gradient(145deg,#fbfcff,#eef2fb)}.dash-template-card .art-head{border-color:var(--art-accent)}.dash-template-card .art-head i,.dash-template-card .art-section{background:var(--art-accent)}.dash-template-card .art-side{background:color-mix(in srgb,var(--art-accent) 18%,white)}.dash-template-card .dash-template-choose{color:var(--art-accent,#3569d4)}.dash-template-info h3{margin-top:2px}.dash-template-card{--art-accent:#3569d4}
/* The expanded template families keep their own visual personality in live preview and print. */
.preview-canvas.accountant .resume-head,.preview-canvas.banking .resume-head,.preview-canvas.corporate .resume-head{border-left:5px solid var(--accent);background:color-mix(in srgb,var(--accent) 7%,white);padding:16px}.preview-canvas.designer .resume-head,.preview-canvas.uxdesigner .resume-head,.preview-canvas.photographer .resume-head,.preview-canvas.performer .resume-head{background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 16%,white),#fff);padding:20px;border-radius:12px;border:0}.preview-canvas.lawyer .resume-head,.preview-canvas.academic .resume-head,.preview-canvas.research .resume-head,.preview-canvas.classic .resume-head{font-family:Georgia,serif;text-align:center;border-bottom:1px solid var(--accent);padding-bottom:18px}.preview-canvas.medical .resume-head,.preview-canvas.nurse .resume-head,.preview-canvas.teacher .resume-head,.preview-canvas.customer .resume-head{border-top:5px solid var(--accent);background:color-mix(in srgb,var(--accent) 6%,white);padding:16px}.preview-canvas.bold .resume-head,.preview-canvas.midnight .resume-head{background:linear-gradient(135deg,#111827,var(--accent));padding:20px;border-radius:10px;border:0}.preview-canvas.bold .resume-head h1,.preview-canvas.midnight .resume-head h1{color:#fff}.preview-canvas.bold .resume-head .jobtitle,.preview-canvas.midnight .resume-head .jobtitle,.preview-canvas.bold .resume-head .meta,.preview-canvas.midnight .resume-head .meta{color:#f1f5f9}.preview-canvas.sidebar .resume-section h2,.preview-canvas.accountant .resume-section h2,.preview-canvas.engineering .resume-section h2,.preview-canvas.cybersecurity .resume-section h2{border-left:4px solid var(--accent);padding-left:8px;border-bottom:0}.preview-canvas.timeline .entry,.preview-canvas.milestone .entry,.preview-canvas.projectmanager .entry{border-left:2px solid color-mix(in srgb,var(--accent) 45%,white);padding-left:12px;margin-left:2px}.preview-canvas.monochrome .resume-head h1,.preview-canvas.monochrome .resume-section h2{color:#18181b}.preview-canvas.compact .resume-section{margin-top:8px}.preview-canvas.gradient .resume-head,.preview-canvas.sunrise .resume-head,.preview-canvas.rose .resume-head,.preview-canvas.violet .resume-head{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 13%,white),#fff);padding:18px;border-radius:12px;border:0}
@media(max-width:1200px){.starter-template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:850px){.starter-gallery{padding:18px}.starter-gallery-heading{align-items:stretch;flex-direction:column}.template-search-wrap{width:100%}.starter-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.starter-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.starter-paper{height:110px}.starter-card-meta{min-height:92px}.gallery-bottom{align-items:stretch;flex-direction:column}.gallery-bottom .btn{width:100%}.starter-gallery{border-radius:17px;padding:14px}}

.starter-gallery.gallery-collapsed{display:none}

/* Realistic sample typography inside resume template cards */
.paper-top{height:36px!important;overflow:hidden}
.paper-top:after{content:"ALEX MORGAN";display:block;font-size:6px;font-weight:900;letter-spacing:.25px;color:#25384d;position:relative;top:-22px;left:0;text-align:left;white-space:nowrap}
.paper-top:before{content:"PRODUCT DESIGNER";display:block;font-size:4px;letter-spacing:.55px;color:#7b8794;position:relative;top:17px;text-align:left;white-space:nowrap}
.paper-main:before{content:"EXPERIENCE";display:block;color:var(--card-accent);font-size:5px;letter-spacing:.35px;font-weight:900;margin:0 0 1px}
.paper-side:before{content:"SKILLS";display:block;color:var(--card-accent);font-size:4px;letter-spacing:.2px;font-weight:900;margin-bottom:1px}
.paper-footer{position:relative}
.starter-template-card:focus-visible,.dash-template-art:focus-visible{outline:3px solid #b78b35;outline-offset:3px}

/* Easy Resume visual system: restrained navy, warm brass and quiet neutrals */
:root{--ink:#102a43;--muted:#74818e;--line:#e5eaee;--blue:#102a43;--blue-dark:#183c5a;--wash:#f5f7f8;--shadow:0 18px 50px rgba(16,42,67,.08)}
body{font-family:Arial,"Helvetica Neue",sans-serif;color:#23364a}
.cv .resume-head{border-bottom:3px solid var(--accent);padding-bottom:15px;margin-bottom:16px}
.cv.creative .resume-head,.cv.designer .resume-head,.cv.uxdesigner .resume-head,.cv.photographer .resume-head,.cv.performer .resume-head,.cv.productdesign .resume-head{border-left:6px solid var(--accent);padding:16px;background:#fbf8fa}
.cv.executive .resume-head,.cv.corporate .resume-head,.cv.banking .resume-head,.cv.consultant .resume-head,.cv.projectmanager .resume-head{padding:20px;background:#f3f5f7;border-left:5px solid var(--accent)}
.cv.bold .resume-head,.cv.midnight .resume-head{background:#172a3d;padding:20px;border-radius:4px;border:0}
.cv.bold .resume-head h1,.cv.midnight .resume-head h1{color:#fff}
.cv.bold .resume-head .jobtitle,.cv.midnight .resume-head .jobtitle{color:#e3c47d}
.cv.bold .resume-head .meta,.cv.midnight .resume-head .meta{color:#e1e8ee}
.cv.gradient .resume-head,.cv.sunrise .resume-head{background:#f7f1ff;padding:19px;border:0;border-top:4px solid var(--accent)}
.cv.ocean .resume-head,.cv.emerald .resume-head,.cv.terracotta .resume-head,.cv.rose .resume-head,.cv.violet .resume-head{background:#f8fafb;padding:18px;border:0;border-left:5px solid var(--accent)}
.cv.classic,.cv.lawyer,.cv.academic,.cv.research,.cv.international{font-family:Georgia,"Times New Roman",serif}
.cv.classic .resume-head,.cv.lawyer .resume-head,.cv.academic .resume-head,.cv.research .resume-head{ text-align:center;border-bottom:1px double var(--accent);padding-bottom:18px}
.cv.minimal{padding:58px 62px;box-shadow:none;border:0}
.cv.minimal h2{border:0;letter-spacing:.16em}
.cv.compact{padding:34px 40px;font-size:11px}
.cv.compact h2{margin:14px 0 7px}
.cv.sidebar .resume-head,.cv.accountant .resume-head,.cv.engineering .resume-head,.cv.cybersecurity .resume-head,.cv.devops .resume-head,.cv.dataanalyst .resume-head{border-left:7px solid var(--accent);padding:15px 17px;background:#f5f7f8}
.cv.timeline .entry,.cv.milestone .entry,.cv.projectmanager .entry,.cv.careerchange .entry{border-left:2px solid var(--accent);padding-left:12px;margin-left:3px}
.cv.medical .resume-head,.cv.nurse .resume-head,.cv.teacher .resume-head,.cv.customer .resume-head{background:#f1f9f8;border-top:4px solid var(--accent);padding:17px}
.cv.student .resume-head,.cv.intern .resume-head,.cv.graduate .resume-head{background:#f6f8fc;padding:16px;border-bottom:3px solid var(--accent)}
.cv .meta{overflow-wrap:anywhere}
/* Shared interface accents for a consistent, non-gimmicky professional portal */
.btn{background:#102a43;border-color:#102a43;box-shadow:0 7px 16px rgba(16,42,67,.12)}
.btn:hover{background:#183c5a;border-color:#183c5a;box-shadow:0 12px 22px rgba(16,42,67,.16)}
.eyebrow{color:#8b6825}.panel-symbol{color:#8b6825;background:#f5eddb}.step.active{color:#102a43}.step.active i{background:#102a43;border-color:#102a43}.palette-swatch.selected{box-shadow:0 0 0 3px #f0e4c7,0 0 0 5px #9a742b}.gallery-filter-btn:hover,.gallery-filter-btn.active{background:#102a43;border-color:#102a43}.starter-template-card.starter-selected{box-shadow:0 0 0 3px rgba(183,139,53,.12),0 12px 24px rgba(16,42,67,.08)}