body.template-preview{background:#ecebe7;color:#252525;font:14px/1.65 Inter,Arial,sans-serif;margin:0}.template-preview .preview-bar{max-width:1100px;margin:0 auto;padding:18px 22px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px}.template-preview .preview-bar a{color:inherit;text-decoration:none}.template-preview .cv{margin:0 auto;max-width:1100px;color:#252525;font:14px/1.65 Inter,Arial,sans-serif}.template-preview .cv h2{font:700 11px/1.5 Inter,sans-serif;text-transform:uppercase;letter-spacing:1.4px;margin:0 0 24px;color:var(--cv-accent)}.template-preview .cv h3{font:700 12px/1.5 Inter,sans-serif;margin:16px 0 4px}.template-preview .cv p{margin:5px 0 12px}.template-preview .cv-banner{background:var(--cv-tint)}.template-preview .cv-art,.template-preview .cv-contact a{background:var(--cv-accent)}.template-preview .cv-art-editorial{background:var(--cv-tint);color:#252525}.template-preview .cv-skills li{border-color:var(--cv-accent)}.template-preview .cv-portrait-window{height:350px}.template-preview .cv-portrait-window img{position:static;width:100%;height:100%;object-fit:cover}.template-preview .cv-contact a{display:none}.template-preview .cv-contact h2{font-size:24px;text-transform:none}.template-preview .cv-art b span{color:var(--cv-tint)}.preview-bottom{text-align:center;padding:25px;font-size:12px}.preview-bottom a{color:inherit}.executive .cv-portrait{filter:grayscale(1)}.executive .cv-banner{background:#222;color:white}.executive .cv{box-shadow:none}.essential .cv-portrait-window{display:none}.essential .cv-banner{grid-column:1 / -1;grid-row:1;text-align:left;padding:50px}.essential .cv-sidebar{grid-row:2}.essential .cv{grid-template-columns:270px 1fr}.essential .cv-banner h1{font-size:64px}.coastal .cv-sidebar{grid-column:2}.coastal .cv-banner,.coastal .cv-main{grid-column:1}.coastal .cv{grid-template-columns:1fr 310px}.midnight .cv-banner{background:#243c61;color:white}.midnight .cv-main{border-top:4px solid #243c61}.terracotta .cv-banner h1{font-family:Georgia,serif}.terracotta .cv{background:#fffdf8}.terracotta .cv-sidebar{background:#f5ece4}.modern .cv{grid-template-columns:1fr}.modern .cv-banner{grid-column:1;grid-row:1;text-align:left;padding:40px}.modern .cv-main{grid-column:1;grid-row:3}.modern .cv-sidebar{grid-column:1;grid-row:2;display:grid;grid-template-columns:210px 1fr}.modern .cv-portrait-window{height:250px}.modern .cv-side-content{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.modern .cv-side-content section{margin:0}.modern .cv-main{padding:40px}.minimal .cv-banner{background:white;border-bottom:1px solid #ddd;text-align:left}.minimal .cv-portrait{filter:grayscale(1)}.minimal .cv-job>div:last-child{background:white;padding-top:0}.minimal .cv-sidebar{background:#f4f6f7}.portfolio .cv-banner{background:#315dcc;color:white}.portfolio .cv-main{display:flex;flex-direction:column}.portfolio #profile-portfolio{order:1}.portfolio .cv-summary{order:0}.portfolio #profile-experience{order:2}.portfolio #profile-contact{order:3}.portfolio .cv-art{height:230px}.creative .cv-banner{grid-column:1 / -1;grid-row:1;background:#8b344b;color:white;text-align:left;padding:45px}.creative .cv-banner h1{font-size:76px}.creative .cv-sidebar{grid-row:2}.creative .cv-main{grid-row:2}.creative .cv-portrait-window{height:280px}@media(max-width:760px){.template-preview .cv{grid-template-columns:1fr}.template-preview .cv-banner{grid-column:1;grid-row:1;padding:30px 22px}.template-preview .cv-main{grid-column:1;grid-row:2}.template-preview .cv-sidebar{grid-column:1;grid-row:3;display:block}.modern .cv-side-content{grid-template-columns:1fr 1fr}.template-preview .cv-banner h1{font-size:42px}.template-preview .preview-bar{flex-wrap:wrap}.essential .cv-portrait-window{display:none}}
.formal .cv-banner{grid-column:1 / -1;grid-row:1;background:#fafaf9!important;color:var(--cv-accent);text-align:center;padding:48px 30px}.formal .cv-banner h1{font-family:Georgia,serif;font-size:54px;letter-spacing:3px;text-transform:uppercase}.formal .cv-banner h1 strong{font-weight:400}.formal .cv-sidebar{grid-row:2;background:#fafaf9;border:1px solid var(--cv-accent);margin:20px}.formal .cv-main{grid-row:2;background:#fafaf9}.formal .cv{background:#fafaf9;box-shadow:none}.formal .cv h2{font:700 18px/1.4 Georgia,serif;letter-spacing:1.3px;color:var(--cv-accent)}.formal .cv-job{display:block;border-bottom:1px solid #ddd;padding-bottom:20px}.formal .cv-job>div:last-child{background:transparent;padding:12px 0}.formal .cv-job h3{text-transform:uppercase}.formal .cv-contact-details{font-size:11px}.formal .cv-portrait-window{display:none}.palette-picker{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:18px 24px;max-width:1100px;margin:0 auto 18px;background:white;border:1px solid #ddd;border-radius:8px}.palette-picker>span{font-size:12px;font-weight:600}.palette-picker button{border:1px solid #ddd;background:#fff;border-radius:20px;padding:8px 12px;display:flex;align-items:center;gap:7px;cursor:pointer;font-size:11px;color:#333}.palette-picker button i{display:block;width:15px;height:15px;border-radius:50%;background:var(--swatch)}.palette-picker button[aria-pressed=true]{border:2px solid #333}.palette-note{font-size:10px;color:#777;text-align:center;margin:0 20px 20px}.template-preview.midnight .cv-banner,.template-preview.portfolio .cv-banner,.template-preview.creative .cv-banner{background:var(--cv-accent)}
@media(max-width:760px){.formal .cv-sidebar{grid-column:1;grid-row:3}.formal .cv-main{grid-column:1;grid-row:2}.formal .cv-banner h1{font-size:36px}}

.panel .cv{background:linear-gradient(var(--cv-accent) 0 210px,#fff 210px);grid-template-columns:300px 1fr}.panel .cv-banner{grid-column:1;grid-row:1;background:transparent;color:white;text-align:left;min-height:210px;padding:40px 28px}.panel .cv-banner h1{font-size:38px;letter-spacing:3px;text-transform:uppercase}.panel .cv-banner .cv-contact-details{display:none}.panel .cv-sidebar{grid-column:1;grid-row:2;background:white}.panel .cv-portrait-window{height:220px;margin:22px 28px;border-radius:10px;overflow:hidden}.panel .cv-side-content{padding:28px}.panel .cv-main{grid-column:2;grid-row:1 / span 2;background:#f5f5f5;margin:28px 28px 28px 0;padding:28px;border-radius:22px}.panel .cv-job{display:block;margin:28px 0}.panel .cv-job>div:last-child{padding:12px 0;background:transparent}.panel .cv-main>section{padding-bottom:25px;border-bottom:1px solid #ccc}.panel .cv h2{font-size:15px;color:#444}.panel .cv-summary{padding-top:0}.panel .cv-summary>p{font-size:14px}.panel .cv-banner>p{font-size:13px;letter-spacing:1px}
@media(max-width:760px){.panel .cv{grid-template-columns:1fr;background:white}.panel .cv-banner{grid-column:1;grid-row:1;background:var(--cv-accent)}.panel .cv-sidebar{grid-column:1;grid-row:2}.panel .cv-main{grid-column:1;grid-row:3;margin:0 18px 24px}.panel .cv-portrait-window{max-width:240px;margin:24px auto}}

.panel .cv-portrait-window{width:210px;height:210px;border-radius:50%;margin:25px auto;overflow:hidden}.panel .cv-portrait-window .cv-portrait{width:100%;height:100%;object-fit:cover;object-position:center 25%}.panel .cv-banner{background:var(--cv-accent);color:#fff}.panel .cv-main{background:var(--cv-tint)}.panel .cv h2{color:var(--cv-accent)}.panel .cv-banner h1,.panel .cv-banner>p{color:#fff}