.resume-builder-page{
  --resume-accent:#2563eb;
  --resume-font:Arial, sans-serif;
  --resume-gap:18px;
  --resume-scale:1;
}

.resume-builder-hero{
  padding-bottom:22px;
}
.resume-builder-hero .hero-card{min-height:280px}
.resume-style-count{color:var(--success);font-weight:900}

.resume-workspace{
  width:min(1540px,calc(100% - 28px));
  margin:0 auto 60px;
  display:grid;
  grid-template-columns:minmax(360px,520px) minmax(620px,1fr);
  gap:24px;
  align-items:start;
}

.resume-editor{
  display:grid;
  gap:16px;
}

.builder-toolbar{
  padding:18px;
  position:sticky;
  top:88px;
  z-index:20;
}
.builder-toolbar-row{display:flex;gap:10px;flex-wrap:wrap}
.builder-toolbar .btn{padding:11px 14px;font-size:14px;cursor:pointer}

.builder-section{
  padding:22px;
}
.builder-section summary{
  cursor:pointer;
  font-size:20px;
  font-weight:900;
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.builder-section summary::-webkit-details-marker{display:none}
.builder-section summary::after{content:"+";font-size:25px;color:var(--accent)}
.builder-section[open] summary::after{content:"−"}
.builder-fields{margin-top:18px;display:grid;gap:14px}
.builder-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.builder-field{display:grid;gap:7px}
.builder-field label{font-size:13px;font-weight:800;color:#d9e6f8}
.builder-field input,.builder-field textarea,.builder-field select{
  width:100%;
  padding:12px 13px;
  border-radius:13px;
  border:1px solid var(--border);
  background:rgba(7,15,28,.72);
  color:var(--text);
  font:inherit;
}
.builder-field textarea{min-height:110px;resize:vertical;line-height:1.55}
.builder-field input:focus,.builder-field textarea:focus,.builder-field select:focus{outline:2px solid rgba(102,217,255,.42);border-color:var(--accent)}
.builder-help{margin:0;color:var(--muted);font-size:13px;line-height:1.55}

.repeat-list{display:grid;gap:12px}
.repeat-item{position:relative;padding:16px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.035);display:grid;gap:12px}
.repeat-item-title{font-weight:900;color:#dce8fb}
.repeat-remove{position:absolute;right:10px;top:10px;border:0;background:rgba(255,107,122,.12);color:#ffc5cc;border-radius:10px;padding:6px 9px;cursor:pointer;font-weight:900}
.add-entry-btn{width:max-content;cursor:pointer}

.design-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.accent-swatches{display:grid;grid-template-columns:repeat(8,34px);gap:9px}
.accent-swatch{width:34px;height:34px;padding:0;border-radius:50%;border:3px solid transparent;background:var(--swatch);cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.accent-swatch.active{border-color:#fff;box-shadow:0 0 0 3px rgba(102,217,255,.25)}

.resume-preview-panel{
  position:sticky;
  top:88px;
  display:grid;
  gap:12px;
}
.preview-topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px}
.preview-topbar strong{font-size:16px}
.preview-note{color:var(--muted);font-size:13px}
.resume-paper-wrap{padding:20px;border-radius:22px;background:rgba(255,255,255,.045);border:1px solid var(--border);overflow:auto;max-height:calc(100vh - 172px)}

.resume-paper{
  width:210mm;
  min-height:297mm;
  margin:0 auto;
  background:#fff;
  color:#172033;
  font-family:var(--resume-font);
  font-size:10.5pt;
  line-height:1.48;
  box-shadow:0 16px 55px rgba(0,0,0,.38);
  transform-origin:top center;
}
.resume-inner{padding:16mm 17mm;display:grid;gap:var(--resume-gap)}
.resume-header{padding-bottom:13px;border-bottom:3px solid var(--resume-accent);display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}
.resume-name{margin:0;color:#101827;font-size:31pt;line-height:1;font-weight:900;letter-spacing:-.035em}
.resume-title{margin:7px 0 0;color:var(--resume-accent);font-size:14pt;font-weight:800}
.resume-contact{margin-top:12px;display:flex;gap:8px 15px;flex-wrap:wrap;color:#526075;font-size:9.5pt}
.resume-contact span:empty{display:none}
.resume-photo{width:30mm;height:30mm;border-radius:9mm;object-fit:cover;border:4px solid color-mix(in srgb,var(--resume-accent) 25%,white);background:#eef2f7}
.resume-photo.hidden{display:none}
.resume-body{display:grid;grid-template-columns:1fr;gap:var(--resume-gap)}
.resume-section{break-inside:avoid}
.resume-section:has(.resume-section-content:empty){display:none}
.resume-section h2{margin:0 0 8px;padding-bottom:5px;border-bottom:1px solid #d8dee8;color:var(--resume-accent);font-size:11.5pt;letter-spacing:.12em;text-transform:uppercase}
.resume-section-content{color:#344156}
.resume-summary{margin:0;white-space:pre-line}
.resume-entry{margin-bottom:12px;break-inside:avoid}
.resume-entry:last-child{margin-bottom:0}
.resume-entry-head{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start}
.resume-entry h3{margin:0;font-size:11.5pt;color:#172033}
.resume-entry-sub{color:var(--resume-accent);font-weight:800;margin:2px 0}
.resume-entry-date{font-size:9pt;color:#667085;font-weight:700;white-space:nowrap}
.resume-entry p{margin:5px 0 0;white-space:pre-line;color:#475467}
.resume-tags{display:flex;gap:7px;flex-wrap:wrap}
.resume-tag{padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--resume-accent) 10%,white);color:#344156;border:1px solid color-mix(in srgb,var(--resume-accent) 24%,white);font-weight:700;font-size:9pt}
.resume-plain-list{margin:0;padding-left:17px;white-space:pre-line}
.resume-plain-list li{margin-bottom:4px}

/* Template selector */
.template-picker-field{gap:10px}
.template-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.template-card{appearance:none;border:1px solid var(--border);border-radius:15px;padding:10px;background:rgba(255,255,255,.035);color:var(--text);display:grid;gap:8px;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.template-card:hover{transform:translateY(-2px);border-color:rgba(102,217,255,.6)}
.template-card.active{border-color:var(--accent);background:rgba(102,217,255,.11);box-shadow:0 0 0 2px rgba(102,217,255,.13)}
.template-card-copy{display:grid;gap:2px}
.template-card-copy strong{font-size:12px;line-height:1.25}
.template-card-copy small{font-size:10px;color:var(--muted)}
.template-select-fallback{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.template-detail{padding:12px 14px;border-radius:14px;background:rgba(102,217,255,.07);border:1px solid rgba(102,217,255,.18);display:grid;grid-template-columns:auto 1fr;gap:5px 10px;align-items:center}
.template-detail strong{font-size:15px}
.template-detail p{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.template-badge{display:inline-flex;width:max-content;padding:4px 8px;border-radius:999px;background:rgba(102,217,255,.13);color:#bceeff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.template-mini{height:72px;border-radius:8px;background:#fff;position:relative;overflow:hidden;display:block;box-shadow:inset 0 0 0 1px rgba(15,23,42,.12)}
.template-mini span{position:absolute;display:block;border-radius:2px}
.template-mini .mini-head{left:8px;right:8px;top:8px;height:12px;background:#334155}
.template-mini .mini-side{left:8px;top:26px;bottom:8px;width:22%;background:#dbeafe}
.template-mini .mini-line{height:4px;background:#cbd5e1;left:36%;right:8px}
.template-mini .line-1{top:29px}.template-mini .line-2{top:42px}.template-mini .line-3{top:55px}
.mini-ats .mini-head{height:5px;background:#111827}.mini-ats .mini-side{display:none}.mini-ats .mini-line{left:8px}.mini-ats .line-1{top:27px}.mini-ats .line-2{top:40px}.mini-ats .line-3{top:53px}
.mini-modern .mini-head{background:#2563eb}.mini-modern .mini-side{background:#e0e7ff}
.mini-sidebar .mini-head{left:0;right:0;top:0;height:23px;border-radius:0;background:#0f766e}.mini-sidebar .mini-side{left:0;top:23px;bottom:0;width:31%;border-radius:0;background:#ccfbf1}.mini-sidebar .mini-line{left:38%}
.mini-executive .mini-head{left:23%;right:23%;height:7px;top:10px;background:#7c2d12}.mini-executive .mini-side{display:none}.mini-executive .mini-line{left:15%;right:15%}.mini-executive .line-1{top:29px}.mini-executive .line-2{top:43px}.mini-executive .line-3{top:57px}
.mini-creative .mini-head{left:0;right:0;top:0;height:28px;border-radius:0;background:linear-gradient(135deg,#db2777,#7c3aed);clip-path:polygon(0 0,100% 0,100% 75%,0 100%)}.mini-creative .mini-side{left:8px;top:36px;bottom:8px;width:30%;background:#fce7f3}.mini-creative .mini-line{left:44%}
.mini-classic .mini-head{left:16%;right:16%;top:10px;height:4px;background:#111827}.mini-classic .mini-side{display:none}.mini-classic .mini-line{left:10%;right:10%;height:3px}.mini-classic .line-1{top:28px}.mini-classic .line-2{top:42px}.mini-classic .line-3{top:56px}
.mini-bold .mini-head{left:0;right:0;top:0;height:29px;border-radius:0;background:#111827}.mini-bold .mini-head::after{content:"";position:absolute;right:-8px;top:-8px;width:34px;height:34px;border-radius:50%;background:#ea580c}.mini-bold .mini-side{left:68%;right:0;top:29px;bottom:0;width:auto;border-radius:0;background:#ffedd5}.mini-bold .mini-line{left:8px;right:38%}
.mini-timeline .mini-head{height:8px;background:#0891b2}.mini-timeline .mini-side{left:16px;top:27px;bottom:8px;width:3px;background:#0891b2}.mini-timeline .mini-line{left:28px}
.mini-swiss .mini-head{left:8px;right:32%;height:16px;background:#111827}.mini-swiss .mini-side{left:68%;right:8px;top:8px;height:16px;width:auto;background:#ef4444}.mini-swiss .mini-line{left:8px}.mini-swiss .line-1{right:45%}.mini-swiss .line-2,.mini-swiss .line-3{left:45%}
.mini-academic .mini-head{left:20%;right:20%;height:5px;background:#374151}.mini-academic .mini-side{display:none}.mini-academic .mini-line{left:8px;right:8px;height:2px;background:#9ca3af}
.mini-compact .mini-head{left:0;right:0;top:0;height:18px;border-radius:0;background:#475569}.mini-compact .mini-side{left:0;top:18px;bottom:0;width:28%;border-radius:0;background:#e2e8f0}.mini-compact .mini-line{left:34%;height:3px}
.mini-elegant .mini-head{left:14px;right:8px;top:9px;height:11px;background:#854d0e}.mini-elegant .mini-head::before{content:"";position:absolute;left:-7px;top:-1px;width:3px;height:54px;background:#d97706}.mini-elegant .mini-side{display:none}.mini-elegant .mini-line{left:14px}

.resume-column-main,.resume-column-left{display:grid;gap:var(--resume-gap);align-content:start}

/* 1. ATS Simple: strict single-column, neutral and machine-readable */
.resume-paper.template-ats{--resume-accent:#111827;font-family:Arial,sans-serif;font-size:10pt;line-height:1.42}
.resume-paper.template-ats .resume-inner{padding:13mm 15mm;gap:11px}
.resume-paper.template-ats .resume-header{display:block;border:0;border-bottom:1px solid #111827;padding:0 0 8px}
.resume-paper.template-ats .resume-name{font-size:24pt;letter-spacing:0;color:#111827}
.resume-paper.template-ats .resume-title{font-size:11.5pt;margin-top:4px;color:#374151}
.resume-paper.template-ats .resume-contact{margin-top:7px;color:#374151;font-size:9pt}
.resume-paper.template-ats .resume-photo{display:none!important}
.resume-paper.template-ats .resume-body{display:grid;grid-template-columns:1fr;gap:11px}
.resume-paper.template-ats .resume-column-main{order:1;gap:11px}
.resume-paper.template-ats .resume-column-left{order:2;gap:11px}
.resume-paper.template-ats .resume-section h2{margin-bottom:5px;padding-bottom:3px;border-bottom:1px solid #111827;color:#111827;font-size:10pt;letter-spacing:.04em}
.resume-paper.template-ats .resume-entry{margin-bottom:8px}
.resume-paper.template-ats .resume-entry-sub{color:#111827}
.resume-paper.template-ats .resume-tag{padding:0;border:0;background:none;border-radius:0;color:#374151;font-weight:400}
.resume-paper.template-ats .resume-tag:not(:last-child)::after{content:","}
.resume-paper.template-ats .resume-tags{gap:0 5px}

/* 2. Modern Split: light supporting rail and dominant career column */
.resume-paper.template-modern .resume-inner{padding:15mm 16mm}
.resume-paper.template-modern .resume-header{border-bottom:4px solid var(--resume-accent)}
.resume-paper.template-modern .resume-body{display:grid;grid-template-columns:55mm 1fr;gap:12mm}
.resume-paper.template-modern .resume-column-left{order:1;padding:7mm;background:color-mix(in srgb,var(--resume-accent) 7%,white);border-radius:5mm;gap:16px}
.resume-paper.template-modern .resume-column-main{order:2}
.resume-paper.template-modern .resume-column-left .resume-section h2{font-size:9.5pt;border:0;padding:0}

/* 3. Professional Sidebar: full-bleed identity band and solid sidebar */
.resume-paper.template-sidebar .resume-inner{padding:0;display:grid;grid-template-rows:auto 1fr;gap:0}
.resume-paper.template-sidebar .resume-header{padding:14mm 16mm;background:linear-gradient(135deg,var(--resume-accent),color-mix(in srgb,var(--resume-accent) 66%,#0f172a));border:0;color:white}
.resume-paper.template-sidebar .resume-name,.resume-paper.template-sidebar .resume-title,.resume-paper.template-sidebar .resume-contact{color:white}
.resume-paper.template-sidebar .resume-photo{border-color:rgba(255,255,255,.7)}
.resume-paper.template-sidebar .resume-body{display:grid;grid-template-columns:63mm 1fr;gap:0}
.resume-paper.template-sidebar .resume-column-left{order:1;padding:12mm 9mm;background:#e9eef5;gap:18px}
.resume-paper.template-sidebar .resume-column-main{order:2;padding:12mm 14mm;gap:19px}
.resume-paper.template-sidebar .resume-column-left .resume-section h2{font-size:9.5pt;border-color:#aab5c4}
.resume-paper.template-sidebar .resume-column-main .resume-section h2{border-bottom:2px solid var(--resume-accent)}

/* 4. Executive: centered identity, serif authority, horizontal supporting sections */
.resume-paper.template-executive{font-family:Georgia,"Times New Roman",serif;color:#1f2937;font-size:9.7pt;line-height:1.42}
.resume-paper.template-executive .resume-inner{padding:10mm 16mm;gap:12px}
.resume-paper.template-executive .resume-header{text-align:center;display:flex;flex-direction:column;border-top:6px solid var(--resume-accent);border-bottom:1px solid #9ca3af;padding:5mm 0}
.resume-paper.template-executive .resume-header>div{order:2}
.resume-paper.template-executive .resume-photo{order:1;margin:0 auto 7px;border-radius:50%;width:20mm;height:20mm}
.resume-paper.template-executive .resume-name{font-size:26pt;font-weight:700;letter-spacing:.02em}
.resume-paper.template-executive .resume-contact{justify-content:center}
.resume-paper.template-executive .resume-body{display:grid;grid-template-columns:1fr;gap:12px}
.resume-paper.template-executive .resume-column-main{order:1}
.resume-paper.template-executive .resume-column-left{order:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:5mm;border-top:1px solid #d1d5db;padding-top:5mm}
.resume-paper.template-executive .resume-section h2{text-align:center;letter-spacing:.14em;color:#1f2937;border:0;border-bottom:1px solid var(--resume-accent)}
.resume-paper.template-executive .resume-column-left .resume-section h2{font-size:9.5pt}

/* 5. Creative Wave: angled colour block and visual labels */
.resume-paper.template-creative .resume-inner{padding:0;gap:0}
.resume-paper.template-creative .resume-header{padding:15mm 17mm 19mm;background:linear-gradient(120deg,var(--resume-accent),color-mix(in srgb,var(--resume-accent) 55%,#8b5cf6));border:0;color:white;clip-path:polygon(0 0,100% 0,100% 82%,0 100%)}
.resume-paper.template-creative .resume-name,.resume-paper.template-creative .resume-title,.resume-paper.template-creative .resume-contact{color:white}
.resume-paper.template-creative .resume-photo{border-color:rgba(255,255,255,.72);border-radius:8px}
.resume-paper.template-creative .resume-body{padding:8mm 17mm 16mm;display:grid;grid-template-columns:58mm 1fr;gap:10mm}
.resume-paper.template-creative .resume-column-left{order:1}
.resume-paper.template-creative .resume-column-main{order:2}
.resume-paper.template-creative .resume-section h2{border:0;display:inline-flex;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--resume-accent) 13%,white);letter-spacing:.08em}
.resume-paper.template-creative .resume-tag{border-radius:6px}

/* 6. Classic: traditional black-and-white chronology */
.resume-paper.template-classic{font-family:Georgia,"Times New Roman",serif;color:#111827}
.resume-paper.template-classic .resume-inner{padding:14mm 18mm;gap:14px}
.resume-paper.template-classic .resume-header{display:block;text-align:center;border-top:2px solid #111827;border-bottom:2px solid #111827;padding:9px 0}
.resume-paper.template-classic .resume-photo{display:none!important}
.resume-paper.template-classic .resume-contact{justify-content:center;color:#374151}
.resume-paper.template-classic .resume-title{color:#374151;font-style:italic;font-weight:400}
.resume-paper.template-classic .resume-body{display:grid;grid-template-columns:1fr;gap:14px}
.resume-paper.template-classic .resume-column-main{order:1}
.resume-paper.template-classic .resume-column-left{order:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:8mm}
.resume-paper.template-classic .resume-section h2{color:#111827;border-bottom:1px solid #111827;letter-spacing:.05em;text-align:left}
.resume-paper.template-classic .resume-entry-sub{color:#111827;font-style:italic}
.resume-paper.template-classic .resume-tag{background:none;border:0;padding:0;color:#374151}

/* 7. Bold Impact: statement header and right information panel */
.resume-paper.template-bold .resume-inner{padding:0;gap:0}
.resume-paper.template-bold .resume-header{border:0;padding:12mm 15mm;background:#101827;color:white;position:relative;overflow:hidden}
.resume-paper.template-bold .resume-header::after{content:"";position:absolute;width:80mm;height:80mm;border-radius:50%;right:-24mm;top:-38mm;background:var(--resume-accent);opacity:.95}
.resume-paper.template-bold .resume-header>*{position:relative;z-index:1}
.resume-paper.template-bold .resume-name{font-size:35pt;color:white;max-width:145mm}
.resume-paper.template-bold .resume-title{color:color-mix(in srgb,var(--resume-accent) 25%,white)}
.resume-paper.template-bold .resume-contact{color:white}
.resume-paper.template-bold .resume-body{display:grid;grid-template-columns:1fr 59mm;gap:0}
.resume-paper.template-bold .resume-column-main{order:1;padding:10mm 13mm}
.resume-paper.template-bold .resume-column-left{order:2;padding:10mm 8mm;background:color-mix(in srgb,var(--resume-accent) 11%,white)}
.resume-paper.template-bold .resume-section h2{font-size:12pt;border:0;border-left:6px solid var(--resume-accent);padding:3px 0 3px 9px;color:#101827;letter-spacing:.06em}
.resume-paper.template-bold .resume-column-left .resume-section h2{font-size:9.5pt}

/* 8. Timeline: experience-led vertical career story */
.resume-paper.template-timeline .resume-inner{padding:11mm 16mm}
.resume-paper.template-timeline .resume-header{border:0;border-left:8px solid var(--resume-accent);padding:4mm 0 4mm 7mm}
.resume-paper.template-timeline .resume-body{display:grid;grid-template-columns:1fr;gap:13px}
.resume-paper.template-timeline .resume-column-main{order:1}
.resume-paper.template-timeline .resume-column-left{order:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:5mm;background:#f8fafc;padding:5mm;border-radius:4mm}
.resume-paper.template-timeline #previewExperience{border-left:2px solid color-mix(in srgb,var(--resume-accent) 50%,white);padding-left:16px;margin-left:5px}
.resume-paper.template-timeline #previewExperience .resume-entry{position:relative;margin-bottom:12px}
.resume-paper.template-timeline #previewExperience .resume-entry::before{content:"";position:absolute;left:-22px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--resume-accent);box-shadow:0 0 0 4px white}
.resume-paper.template-timeline .resume-section h2{border:0;color:#111827;font-size:12pt;letter-spacing:.04em}
.resume-paper.template-timeline .resume-section h2::after{content:"";display:block;width:28mm;height:3px;margin-top:5px;background:var(--resume-accent)}

/* 9. Swiss Grid: asymmetric editorial grid and oversized typography */
.resume-paper.template-swiss{font-family:Arial,Helvetica,sans-serif;color:#111827}
.resume-paper.template-swiss .resume-inner{padding:13mm 14mm;gap:10mm}
.resume-paper.template-swiss .resume-header{display:grid;grid-template-columns:1fr 42mm;border:0;padding:0;align-items:start}
.resume-paper.template-swiss .resume-name{font-size:39pt;line-height:.88;letter-spacing:-.055em;text-transform:uppercase}
.resume-paper.template-swiss .resume-title{margin-top:10px;padding-top:7px;border-top:5px solid var(--resume-accent);font-size:11pt;text-transform:uppercase;letter-spacing:.12em}
.resume-paper.template-swiss .resume-contact{display:grid;gap:5px;margin-top:0;border-left:1px solid #111827;padding-left:7mm;font-size:8.7pt}
.resume-paper.template-swiss .resume-photo{display:none!important}
.resume-paper.template-swiss .resume-body{display:grid;grid-template-columns:1.65fr .8fr;gap:12mm;border-top:1px solid #111827;padding-top:8mm}
.resume-paper.template-swiss .resume-column-main{order:1}
.resume-paper.template-swiss .resume-column-left{order:2}
.resume-paper.template-swiss .resume-section h2{border:0;padding:0;color:#111827;font-size:9pt;letter-spacing:.18em}
.resume-paper.template-swiss .resume-entry h3{font-size:13pt}
.resume-paper.template-swiss .resume-entry-sub{color:var(--resume-accent)}
.resume-paper.template-swiss .resume-tag{border-radius:0;background:#111827;color:white;border:0}

/* 10. Academic: conservative long-form document style */
.resume-paper.template-academic{font-family:Georgia,"Times New Roman",serif;font-size:10pt;line-height:1.5;color:#111827}
.resume-paper.template-academic .resume-inner{padding:14mm 18mm;gap:12px}
.resume-paper.template-academic .resume-header{display:block;text-align:center;border:0;border-bottom:1px solid #4b5563;padding:0 0 8px}
.resume-paper.template-academic .resume-name{font-size:23pt;font-weight:700;letter-spacing:0}
.resume-paper.template-academic .resume-title{font-size:11pt;color:#374151;font-weight:400}
.resume-paper.template-academic .resume-contact{justify-content:center;margin-top:6px;color:#374151}
.resume-paper.template-academic .resume-photo{display:none!important}
.resume-paper.template-academic .resume-body{display:grid;grid-template-columns:1fr;gap:12px}
.resume-paper.template-academic .resume-column-main{order:1}
.resume-paper.template-academic .resume-column-left{order:2}
.resume-paper.template-academic .resume-section h2{margin-top:3px;border:0;border-bottom:1px solid #6b7280;color:#111827;font-size:11pt;letter-spacing:0;text-transform:none}
.resume-paper.template-academic .resume-entry h3{font-size:10.5pt}
.resume-paper.template-academic .resume-entry-sub{color:#111827;font-style:italic;font-weight:400}
.resume-paper.template-academic .resume-tag{background:none;border:0;padding:0;color:#111827;font-weight:400}
.resume-paper.template-academic .resume-tag:not(:last-child)::after{content:" •"}

/* 11. Compact Two-Column: dense information architecture */
.resume-paper.template-compact{font-size:9.2pt;line-height:1.34}
.resume-paper.template-compact .resume-inner{padding:0;gap:0}
.resume-paper.template-compact .resume-header{padding:10mm 12mm;background:#334155;border:0;color:white}
.resume-paper.template-compact .resume-name{font-size:27pt;color:white}
.resume-paper.template-compact .resume-title{font-size:11pt;color:#dbeafe}
.resume-paper.template-compact .resume-contact{margin-top:7px;color:white;font-size:8.5pt}
.resume-paper.template-compact .resume-photo{width:24mm;height:24mm;border-width:2px}
.resume-paper.template-compact .resume-body{display:grid;grid-template-columns:52mm 1fr;gap:0}
.resume-paper.template-compact .resume-column-left{order:1;padding:9mm 7mm;background:#eef2f7;gap:10px}
.resume-paper.template-compact .resume-column-main{order:2;padding:9mm 11mm;gap:11px}
.resume-paper.template-compact .resume-section h2{font-size:9pt;margin-bottom:5px;padding-bottom:3px;letter-spacing:.08em}
.resume-paper.template-compact .resume-entry{margin-bottom:7px}
.resume-paper.template-compact .resume-entry h3{font-size:10pt}
.resume-paper.template-compact .resume-entry p{margin-top:3px}
.resume-paper.template-compact .resume-tag{font-size:8pt;padding:3px 6px}

/* 12. Elegant: refined serif, vertical accent and soft hierarchy */
.resume-paper.template-elegant{font-family:Georgia,"Times New Roman",serif;color:#27303f}
.resume-paper.template-elegant .resume-inner{padding:15mm 18mm 15mm 21mm;border-left:9mm solid color-mix(in srgb,var(--resume-accent) 14%,white);gap:20px}
.resume-paper.template-elegant .resume-header{border:0;border-bottom:1px solid color-mix(in srgb,var(--resume-accent) 35%,white);padding:0 0 9mm}
.resume-paper.template-elegant .resume-name{font-size:31pt;font-weight:500;letter-spacing:.005em;color:#1f2937}
.resume-paper.template-elegant .resume-title{font-size:12pt;letter-spacing:.08em;text-transform:uppercase}
.resume-paper.template-elegant .resume-photo{border-width:2px;border-radius:50%}
.resume-paper.template-elegant .resume-body{display:grid;grid-template-columns:1.7fr .8fr;gap:12mm}
.resume-paper.template-elegant .resume-column-main{order:1}
.resume-paper.template-elegant .resume-column-left{order:2}
.resume-paper.template-elegant .resume-section h2{border:0;padding:0;color:#1f2937;font-size:10pt;letter-spacing:.12em}
.resume-paper.template-elegant .resume-section h2::after{content:"";display:block;width:18mm;height:2px;background:var(--resume-accent);margin-top:5px}
.resume-paper.template-elegant .resume-entry-sub{font-style:italic;font-weight:400}
.resume-paper.template-elegant .resume-tag{background:transparent;border:1px solid #d6d3d1;border-radius:3px}

/* 13. Aurora: curved luminous header and floating identity */
.resume-paper.template-aurora{background:linear-gradient(180deg,#f8fbff,#fff 42%);color:#233047}
.resume-paper.template-aurora .resume-inner{padding:0;gap:0;overflow:hidden}
.resume-paper.template-aurora .resume-header{position:relative;min-height:63mm;padding:13mm 16mm 17mm;color:white;border:0;background:linear-gradient(125deg,var(--resume-accent),#7c3aed 58%,#ec4899);clip-path:ellipse(88% 72% at 50% 25%)}
.resume-paper.template-aurora .resume-name{color:white;font-size:34pt;max-width:145mm}.resume-paper.template-aurora .resume-title{color:#fff7fd}.resume-paper.template-aurora .resume-contact{color:white;max-width:145mm}
.resume-paper.template-aurora .resume-photo{width:34mm;height:34mm;border:5px solid white;box-shadow:0 9px 24px rgba(30,41,59,.25)}
.resume-paper.template-aurora .resume-body{display:grid;grid-template-columns:57mm 1fr;gap:9mm;padding:0 15mm 14mm}
.resume-paper.template-aurora .resume-column-left{order:1;margin-top:-8mm;padding:7mm 6mm;border-radius:6mm;background:#fff;box-shadow:0 10px 30px rgba(30,41,59,.12);display:grid;align-content:start;gap:12px}
.resume-paper.template-aurora .resume-column-main{order:2;padding-top:4mm}.resume-paper.template-aurora .resume-section h2{border:0;color:#334155;font-size:10pt}.resume-paper.template-aurora .resume-section h2::after{content:"";display:block;width:20mm;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--resume-accent),#ec4899);margin-top:5px}

/* 14. Midnight: dark split layout */
.resume-paper.template-midnight{background:#fff;color:#172033}
.resume-paper.template-midnight .resume-inner{padding:0;gap:0;display:block;min-height:297mm}
.resume-paper.template-midnight .resume-header{padding:13mm 15mm 11mm;display:grid;grid-template-columns:1fr auto;background:linear-gradient(125deg,#07111f,#111827 65%,#18304e);border:0;color:white}
.resume-paper.template-midnight .resume-name{font-size:32pt;color:white}.resume-paper.template-midnight .resume-title{color:#7dd3fc;font-size:12pt}.resume-paper.template-midnight .resume-contact{color:#dbeafe;margin-top:7mm}.resume-paper.template-midnight .resume-photo{width:34mm;height:34mm;border:3px solid rgba(255,255,255,.75)}
.resume-paper.template-midnight .resume-body{display:grid;grid-template-columns:64mm 1fr;gap:0;min-height:224mm}.resume-paper.template-midnight .resume-column-left{order:1;padding:10mm 8mm;background:#0f1d31;color:#e5eefb;display:grid;align-content:start;gap:15px}.resume-paper.template-midnight .resume-column-main{order:2;padding:11mm 14mm}
.resume-paper.template-midnight .resume-column-left .resume-section h2{color:#7dd3fc;border-color:rgba(255,255,255,.2)}.resume-paper.template-midnight .resume-column-left .resume-section-content,.resume-paper.template-midnight .resume-column-left .resume-entry h3,.resume-paper.template-midnight .resume-column-left .resume-entry p{color:#e5eefb}.resume-paper.template-midnight .resume-tag{background:rgba(125,211,252,.12);border-color:rgba(125,211,252,.3);color:#e8f8ff}.resume-paper.template-midnight .resume-column-main .resume-section h2{color:#0f172a;border:0;border-left:5px solid var(--resume-accent);padding-left:8px}

/* 15. Monogram: branded initial block and elegant grid */
.resume-paper.template-monogram{font-family:Georgia,"Times New Roman",serif;color:#293244}
.resume-paper.template-monogram .resume-inner{padding:13mm 16mm;gap:8mm}.resume-paper.template-monogram .resume-header{position:relative;grid-template-columns:38mm 1fr auto;border:0;padding:0 0 8mm}.resume-paper.template-monogram .resume-header::before{content:"CV";display:grid;place-items:center;width:31mm;height:31mm;background:var(--resume-accent);color:white;font:700 20pt/1 Arial,sans-serif;letter-spacing:.08em}.resume-paper.template-monogram .resume-header>div{grid-column:2}.resume-paper.template-monogram .resume-photo{grid-column:3;width:27mm;height:27mm;border:2px solid #d9dee7}.resume-paper.template-monogram .resume-name{font-size:30pt;font-weight:500}.resume-paper.template-monogram .resume-title{font-size:11pt;text-transform:uppercase;letter-spacing:.12em}.resume-paper.template-monogram .resume-contact{grid-column:1/-1;padding-top:5mm;border-top:1px solid #cbd5e1;justify-content:center}
.resume-paper.template-monogram .resume-body{grid-template-columns:1.6fr .82fr;gap:12mm}.resume-paper.template-monogram .resume-column-main{order:1}.resume-paper.template-monogram .resume-column-left{order:2}.resume-paper.template-monogram .resume-section h2{font-size:9.5pt;color:#111827;border:0;letter-spacing:.16em}.resume-paper.template-monogram .resume-section h2::before{content:"◆";color:var(--resume-accent);margin-right:7px;font-size:7pt}.resume-paper.template-monogram .resume-tag{border-radius:0;background:transparent;border-width:0 0 1px;color:#374151;padding:4px 0}

/* 16. Magazine: publication-inspired masthead */
.resume-paper.template-magazine{font-family:Arial,Helvetica,sans-serif;color:#141b29}
.resume-paper.template-magazine .resume-inner{padding:10mm 13mm;gap:7mm}.resume-paper.template-magazine .resume-header{display:grid;grid-template-columns:1fr 33mm;border:0;border-top:9px solid #111827;border-bottom:2px solid #111827;padding:7mm 0 6mm}.resume-paper.template-magazine .resume-name{font-size:43pt;line-height:.82;text-transform:uppercase;letter-spacing:-.06em;max-width:155mm}.resume-paper.template-magazine .resume-title{display:inline-block;width:max-content;background:var(--resume-accent);color:white;padding:5px 9px;font-size:10pt;text-transform:uppercase;letter-spacing:.12em}.resume-paper.template-magazine .resume-contact{font-size:8.7pt}.resume-paper.template-magazine .resume-photo{width:31mm;height:38mm;border-radius:0;border:0;filter:grayscale(.25)}
.resume-paper.template-magazine .resume-body{grid-template-columns:1fr 62mm;gap:11mm}.resume-paper.template-magazine .resume-column-main{order:1}.resume-paper.template-magazine .resume-column-left{order:2;border-left:1px solid #111827;padding-left:7mm}.resume-paper.template-magazine .resume-section h2{font-size:17pt;color:#111827;border:0;letter-spacing:-.02em;text-transform:none}.resume-paper.template-magazine .resume-entry-head{grid-template-columns:1fr}.resume-paper.template-magazine .resume-entry-date{margin-top:2px;color:var(--resume-accent)}.resume-paper.template-magazine .resume-tag{border-radius:0;background:#111827;color:white;border:0}

/* 17. Geometric: angular blocks and asymmetric body */
.resume-paper.template-geometric{font-size:9.4pt;line-height:1.38;background:linear-gradient(135deg,color-mix(in srgb,var(--resume-accent) 7%,white),white 40%);overflow:hidden}
.resume-paper.template-geometric .resume-inner{padding:0;gap:0}.resume-paper.template-geometric .resume-header{position:relative;min-height:52mm;padding:9mm 14mm 12mm;background:#172033;color:white;border:0;clip-path:polygon(0 0,100% 0,100% 72%,62% 100%,0 84%)}.resume-paper.template-geometric .resume-header::before,.resume-paper.template-geometric .resume-header::after{content:"";position:absolute;right:-9mm;top:-13mm;width:55mm;height:55mm;transform:rotate(32deg);background:var(--resume-accent);opacity:.9}.resume-paper.template-geometric .resume-header::after{right:29mm;top:20mm;width:22mm;height:22mm;opacity:.35}.resume-paper.template-geometric .resume-header>*{position:relative;z-index:1}.resume-paper.template-geometric .resume-name{color:white;font-size:34pt}.resume-paper.template-geometric .resume-title,.resume-paper.template-geometric .resume-contact{color:white}.resume-paper.template-geometric .resume-photo{border-radius:4mm;border:4px solid white}
.resume-paper.template-geometric .resume-body{display:grid;grid-template-columns:55mm 1fr;gap:7mm;padding:0 12mm 10mm}.resume-paper.template-geometric .resume-column-left{order:1;padding:5mm;background:color-mix(in srgb,var(--resume-accent) 10%,white);clip-path:polygon(0 0,100% 4%,95% 100%,4% 96%)}.resume-paper.template-geometric .resume-column-main{order:2}.resume-paper.template-geometric .resume-section h2{border:0;color:#172033}.resume-paper.template-geometric .resume-section h2::after{content:"";display:block;width:10mm;height:5px;background:var(--resume-accent);transform:skewX(-28deg);margin-top:5px}

/* 18. Nordic: calm whitespace and soft rail */
.resume-paper.template-nordic{background:#fbfcfd;color:#273142;font-family:"Trebuchet MS",Arial,sans-serif}
.resume-paper.template-nordic .resume-inner{padding:15mm 17mm;gap:9mm}.resume-paper.template-nordic .resume-header{grid-template-columns:1fr auto;border:0;padding:0}.resume-paper.template-nordic .resume-name{font-size:32pt;font-weight:500;letter-spacing:-.03em}.resume-paper.template-nordic .resume-title{color:#64748b;font-weight:500}.resume-paper.template-nordic .resume-contact{padding:8px 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.resume-paper.template-nordic .resume-photo{border:0;box-shadow:0 5px 20px rgba(51,65,85,.15)}
.resume-paper.template-nordic .resume-body{grid-template-columns:54mm 1fr;gap:13mm}.resume-paper.template-nordic .resume-column-left{order:1;background:#f1f5f3;border-radius:4mm;padding:7mm}.resume-paper.template-nordic .resume-column-main{order:2}.resume-paper.template-nordic .resume-section h2{color:#475569;border:0;font-size:9pt;letter-spacing:.16em}.resume-paper.template-nordic .resume-tag{background:white;border-color:#d8e2de;color:#475569;border-radius:4px}

/* 19. Tech Circuit: digital engineering presentation */
.resume-paper.template-tech{background:#f8fafc;font-family:"Trebuchet MS",Arial,sans-serif;color:#142033}
.resume-paper.template-tech .resume-inner{padding:0;gap:0}.resume-paper.template-tech .resume-header{position:relative;padding:12mm 15mm;background:#07111f;color:white;border:0;overflow:hidden}.resume-paper.template-tech .resume-header::before{content:"0101  TYPE  BUILD  CREATE  1010";position:absolute;inset:0;padding:5mm;color:rgba(99,230,255,.09);font:700 14pt/2 monospace;letter-spacing:.2em;word-spacing:2em}.resume-paper.template-tech .resume-header>*{position:relative}.resume-paper.template-tech .resume-name{color:white;font-size:31pt}.resume-paper.template-tech .resume-title{color:#63e6ff;font-family:monospace}.resume-paper.template-tech .resume-contact{color:#dbeafe;font-family:monospace;font-size:8.5pt}.resume-paper.template-tech .resume-photo{border:3px solid #63e6ff;border-radius:5px}
.resume-paper.template-tech .resume-body{grid-template-columns:61mm 1fr;gap:0}.resume-paper.template-tech .resume-column-left{order:1;background:#eaf4f7;padding:9mm 7mm;border-right:1px solid #b8dbe5}.resume-paper.template-tech .resume-column-main{order:2;padding:9mm 12mm}.resume-paper.template-tech .resume-section h2{font-family:monospace;color:#0f5063;border:0}.resume-paper.template-tech .resume-section h2::before{content:"> ";color:var(--resume-accent)}.resume-paper.template-tech .resume-entry{border-left:2px solid #a8d8e6;padding-left:9px}.resume-paper.template-tech .resume-tag{font-family:monospace;border-radius:3px;background:#07111f;color:#dffaff;border:0}

/* 20. Pastel Cards: friendly sectional panels */
.resume-paper.template-pastel{background:#fffafc;color:#374151}
.resume-paper.template-pastel .resume-inner{padding:12mm 14mm;gap:8mm}.resume-paper.template-pastel .resume-header{padding:9mm;border:0;border-radius:7mm;background:linear-gradient(120deg,#fce7f3,#e0f2fe 55%,#ecfccb)}.resume-paper.template-pastel .resume-name{font-size:31pt}.resume-paper.template-pastel .resume-title{color:#9d174d}.resume-paper.template-pastel .resume-photo{border:5px solid white;box-shadow:0 7px 22px rgba(148,163,184,.25)}
.resume-paper.template-pastel .resume-body{grid-template-columns:1fr 1.65fr;gap:7mm}.resume-paper.template-pastel .resume-column-left{order:1}.resume-paper.template-pastel .resume-column-main{order:2}.resume-paper.template-pastel .resume-section{padding:5mm;border-radius:5mm;background:#fff;border:1px solid #f1e8ee;box-shadow:0 5px 18px rgba(148,163,184,.08)}.resume-paper.template-pastel .resume-column-left .resume-section:nth-child(1){background:#eefcf7}.resume-paper.template-pastel .resume-column-left .resume-section:nth-child(2){background:#f5f3ff}.resume-paper.template-pastel .resume-column-left .resume-section:nth-child(3){background:#fff7ed}.resume-paper.template-pastel .resume-section h2{border:0;color:#374151;font-size:9.5pt}.resume-paper.template-pastel .resume-tag{background:white;border-color:#e9d5ff}

/* 21. Architect: measured lines and numbered sections */
.resume-paper.template-architect{font-family:Arial,Helvetica,sans-serif;color:#111827;background:#fff}
.resume-paper.template-architect .resume-inner{padding:12mm 14mm;border:1px solid #111827;margin:6mm;min-height:285mm;gap:8mm}.resume-paper.template-architect .resume-header{grid-template-columns:1fr 28mm;border:0;border-bottom:1px solid #111827;padding:0 0 7mm}.resume-paper.template-architect .resume-name{font-size:29pt;text-transform:uppercase;letter-spacing:.04em}.resume-paper.template-architect .resume-title{color:#111827;font-size:10pt;letter-spacing:.2em;text-transform:uppercase}.resume-paper.template-architect .resume-contact{font-family:monospace}.resume-paper.template-architect .resume-photo{border-radius:0;border:1px solid #111827}
.resume-paper.template-architect .resume-body{grid-template-columns:1fr 55mm;gap:11mm}.resume-paper.template-architect .resume-column-main{order:1;counter-reset:section}.resume-paper.template-architect .resume-column-left{order:2;border-left:1px solid #111827;padding-left:7mm;counter-reset:side}.resume-paper.template-architect .resume-section h2{border:0;color:#111827;font-size:9pt;letter-spacing:.16em;display:flex;gap:7px;align-items:center}.resume-paper.template-architect .resume-column-main .resume-section h2::before{counter-increment:section;content:"0" counter(section);font:700 8pt monospace;color:var(--resume-accent)}.resume-paper.template-architect .resume-column-left .resume-section h2::before{counter-increment:side;content:"S" counter(side);font:700 8pt monospace;color:var(--resume-accent)}.resume-paper.template-architect .resume-entry{padding:7px 0;border-top:1px solid #d1d5db}.resume-paper.template-architect .resume-tag{border-radius:0;background:transparent;border:1px solid #111827}

/* 22. Coral Energy: bright header and energetic chips */
.resume-paper.template-coral{background:#fff;color:#253047}.resume-paper.template-coral .resume-inner{padding:0;gap:0}.resume-paper.template-coral .resume-header{padding:13mm 16mm 10mm;background:linear-gradient(120deg,#ff6b6b,#ff8e53 55%,#ffb347);border:0;color:white}.resume-paper.template-coral .resume-name{color:white;font-size:35pt}.resume-paper.template-coral .resume-title{display:inline-block;color:#7f1d1d;background:rgba(255,255,255,.85);padding:4px 10px;border-radius:999px;font-size:10pt}.resume-paper.template-coral .resume-contact{color:white}.resume-paper.template-coral .resume-photo{border:5px solid rgba(255,255,255,.9);border-radius:50%}
.resume-paper.template-coral .resume-body{grid-template-columns:57mm 1fr;gap:9mm;padding:10mm 15mm 14mm}.resume-paper.template-coral .resume-column-left{order:1}.resume-paper.template-coral .resume-column-main{order:2}.resume-paper.template-coral .resume-section h2{color:#7f1d1d;border:0}.resume-paper.template-coral .resume-section h2::after{content:"";display:block;width:100%;height:3px;border-radius:99px;background:linear-gradient(90deg,#ff6b6b,#ffb347,transparent);margin-top:5px}.resume-paper.template-coral .resume-tag{background:#fff1ed;border-color:#fdba9a;color:#9a3412}

/* 23. Zen Minimal: single column and fine guide */
.resume-paper.template-zen{font-family:Arial,Helvetica,sans-serif;color:#28303d;background:#fff}
.resume-paper.template-zen .resume-inner{padding:16mm 24mm 16mm 30mm;gap:10mm;position:relative}.resume-paper.template-zen .resume-inner::before{content:"";position:absolute;left:19mm;top:16mm;bottom:16mm;width:1px;background:var(--resume-accent)}.resume-paper.template-zen .resume-header{display:block;border:0;padding:0 0 8mm}.resume-paper.template-zen .resume-name{font-size:35pt;font-weight:300;letter-spacing:-.035em}.resume-paper.template-zen .resume-title{font-size:10pt;color:#64748b;text-transform:uppercase;letter-spacing:.22em;font-weight:500}.resume-paper.template-zen .resume-contact{font-size:8.7pt}.resume-paper.template-zen .resume-photo{position:absolute;right:22mm;top:16mm;width:25mm;height:25mm;border:1px solid #e2e8f0}.resume-paper.template-zen .resume-body{grid-template-columns:1fr;gap:9mm}.resume-paper.template-zen .resume-column-main{order:1}.resume-paper.template-zen .resume-column-left{order:2;display:grid;grid-template-columns:repeat(3,1fr);gap:7mm}.resume-paper.template-zen .resume-section h2{border:0;color:#64748b;font-size:8.5pt;font-weight:500;letter-spacing:.2em}.resume-paper.template-zen .resume-tag{background:transparent;border:0;border-bottom:1px solid #d1d5db;border-radius:0;padding:4px 0}

/* 24. Royal Executive: navy and gold leadership style */
.resume-paper.template-royal{font-family:Georgia,"Times New Roman",serif;color:#172033;background:#fff}
.resume-paper.template-royal .resume-inner{padding:0;gap:0}.resume-paper.template-royal .resume-header{display:block;text-align:center;padding:14mm 16mm 11mm;background:#0b1f3a;border:0;border-bottom:5px solid #d4a72c;color:white}.resume-paper.template-royal .resume-name{color:white;font-size:34pt;font-weight:500;letter-spacing:.03em}.resume-paper.template-royal .resume-title{color:#f1d87a;text-transform:uppercase;letter-spacing:.18em;font-size:10pt}.resume-paper.template-royal .resume-contact{justify-content:center;color:#e6eef9}.resume-paper.template-royal .resume-photo{position:absolute;right:15mm;top:13mm;width:30mm;height:30mm;border:3px solid #d4a72c;border-radius:50%}
.resume-paper.template-royal .resume-body{grid-template-columns:1fr 60mm;gap:12mm;padding:11mm 17mm 15mm}.resume-paper.template-royal .resume-column-main{order:1}.resume-paper.template-royal .resume-column-left{order:2;padding-left:7mm;border-left:1px solid #d4a72c}.resume-paper.template-royal .resume-section h2{color:#0b1f3a;border:0;text-align:left;font-size:10pt;letter-spacing:.12em}.resume-paper.template-royal .resume-section h2::after{content:"";display:block;width:22mm;height:2px;background:#d4a72c;margin-top:5px}.resume-paper.template-royal .resume-entry-sub{color:#8a6812}.resume-paper.template-royal .resume-tag{background:#fffaf0;border-color:#e5cf89;color:#5b4710}

/* Mini previews for templates 13-24 */
.mini-aurora .mini-head{left:0;right:0;top:0;height:30px;border-radius:0;background:linear-gradient(120deg,#2563eb,#ec4899);clip-path:ellipse(85% 80% at 50% 10%)}.mini-aurora .mini-side{background:#eef2ff;top:28px}.mini-aurora .mini-line{left:36%}
.mini-midnight .mini-head{left:0;top:0;bottom:0;width:31%;height:auto;border-radius:0;background:#0f172a}.mini-midnight .mini-side{display:none}.mini-midnight .mini-line{left:40%}
.mini-monogram .mini-head{left:7px;top:7px;width:20px;height:20px;background:#7c3aed}.mini-monogram .mini-side{display:none}.mini-monogram .mini-line{left:36%}.mini-monogram .line-1{top:14px}.mini-monogram .line-2{top:34px;left:8px}.mini-monogram .line-3{top:51px;left:8px}
.mini-magazine .mini-head{left:7px;right:7px;top:6px;height:17px;background:#111827}.mini-magazine .mini-side{left:69%;top:29px;bottom:7px;width:auto;right:7px;background:#f1f5f9}.mini-magazine .mini-line{left:7px;right:38%}
.mini-geometric .mini-head{left:0;right:0;top:0;height:30px;border-radius:0;background:#172033;clip-path:polygon(0 0,100% 0,100% 70%,65% 100%,0 82%)}.mini-geometric .mini-side{background:#dbeafe;transform:skewY(-5deg)}
.mini-nordic .mini-head{height:7px;background:#64748b}.mini-nordic .mini-side{background:#eef2f0}.mini-nordic .mini-line{background:#d5dde2}
.mini-tech .mini-head{left:0;right:0;top:0;height:25px;border-radius:0;background:repeating-linear-gradient(90deg,#07111f 0 7px,#0f5063 7px 8px)}.mini-tech .mini-side{background:#e4f5f8}.mini-tech .mini-line{background:#8ec5d2}
.mini-pastel .mini-head{background:linear-gradient(90deg,#fce7f3,#e0f2fe,#ecfccb)}.mini-pastel .mini-side{background:#f5f3ff;border-radius:5px}.mini-pastel .mini-line{height:7px;border-radius:4px;background:#f1e8ee}
.mini-architect{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 4px #111827}.mini-architect .mini-head{background:#111827;height:4px}.mini-architect .mini-side{background:transparent;border-left:1px solid #111827;border-radius:0}.mini-architect .mini-line{height:2px;background:#6b7280}
.mini-coral .mini-head{left:0;right:0;top:0;height:28px;border-radius:0;background:linear-gradient(90deg,#ff6b6b,#ffb347)}.mini-coral .mini-side{background:#fff1ed}.mini-coral .mini-line{background:#fdba9a}
.mini-zen .mini-head{left:14px;right:18px;height:5px;background:#64748b}.mini-zen::before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:1px;background:#2563eb}.mini-zen .mini-side{display:none}.mini-zen .mini-line{left:18px}
.mini-royal .mini-head{left:0;right:0;top:0;height:28px;border-radius:0;background:#0b1f3a;border-bottom:3px solid #d4a72c}.mini-royal .mini-side{left:68%;right:7px;top:34px;width:auto;background:#fffaf0}.mini-royal .mini-line{left:8px;right:39%;background:#d4a72c}

.resume-paper.photo-circle .resume-photo{border-radius:50%}
.resume-paper.photo-square .resume-photo{border-radius:3px}
.resume-paper.photo-rounded .resume-photo{border-radius:9mm}
.resume-paper.density-compact{--resume-gap:12px;font-size:9.6pt;line-height:1.36}
.resume-paper.density-comfortable{--resume-gap:18px}
.resume-paper.density-spacious{--resume-gap:25px;font-size:10.8pt;line-height:1.58}
.resume-paper.density-airy{--resume-gap:31px;font-size:11pt;line-height:1.65}

.builder-toast{position:fixed;right:24px;bottom:24px;z-index:200;padding:13px 18px;border-radius:14px;background:#14243b;color:#fff;border:1px solid var(--border);box-shadow:var(--shadow);opacity:0;transform:translateY(15px);pointer-events:none;transition:.22s ease}
.builder-toast.show{opacity:1;transform:none}

@media(max-width:1180px){
  .resume-workspace{grid-template-columns:1fr}
  .resume-preview-panel,.builder-toolbar{position:static}
  .resume-paper-wrap{max-height:none}
}
@media(max-width:760px){
  .template-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .resume-workspace{width:min(100% - 16px,1540px)}
  .builder-grid-2,.design-choice-grid{grid-template-columns:1fr}
  .accent-swatches{grid-template-columns:repeat(4,34px)}
  .template-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
  .resume-paper-wrap{padding:8px}
  .resume-paper{transform:scale(.48);margin-bottom:-154mm}
  .preview-topbar{padding:12px}
}

@media print{
  body{background:#fff!important}
  .site-header,.resume-builder-hero,.resume-editor,.preview-topbar,.site-footer,.builder-toast{display:none!important}
  .resume-workspace{display:block;width:auto;margin:0}
  .resume-preview-panel,.resume-paper-wrap{position:static;border:0;background:none;padding:0;max-height:none;box-shadow:none}
  .resume-paper{width:210mm;min-height:297mm;box-shadow:none;margin:0;transform:none!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  @page{size:A4;margin:0}
}