/* SkilloPrint AI Resume: one scoped, print-safe premium design layer. */
#tab-resume #resumeTemplatePicker{
  position:relative!important;max-width:none!important;width:100%!important;
  min-width:0!important;overflow:visible!important;margin:0 0 12px!important;
  padding:12px!important;border-radius:14px!important;
}
#tab-resume #resumeTemplatePicker .resume-template-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  justify-content:stretch!important;gap:10px!important;
  max-height:336px!important;overflow-y:auto!important;overflow-x:hidden!important;
  padding:6px!important;scrollbar-width:thin;scrollbar-gutter:stable;
}
#tab-resume #resumeTemplatePicker .resume-template-card{
  box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
  flex:none!important;align-items:stretch!important;text-align:left!important;
  width:100%!important;height:auto!important;min-width:0!important;min-height:135px!important;
  padding:7px!important;border-radius:11px!important;
  border:2px solid #8196a9!important;background:#f8fafc!important;color:#17324d!important;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
#tab-resume #resumeTemplatePicker .resume-template-card[hidden]{display:none!important}
#tab-resume #resumeTemplatePicker .resume-template-card[aria-pressed="true"]{
  border-color:#2563eb!important;box-shadow:0 0 0 2px #60a5fa,0 9px 18px #0f172a22!important;
  background:#eff6ff!important;
}
#tab-resume #resumeTemplatePicker .resume-template-code{
  display:block!important;text-align:left!important;font-size:10px!important;
  font-weight:850!important;color:#334155!important;padding:4px 2px 0!important;
}
#tab-resume #resumeTemplatePicker .resume-template-card::after{
  content:attr(data-template-name);display:block;color:#172033;font-size:10px;
  font-weight:750;white-space:normal;overflow-wrap:anywhere;line-height:1.2;
}
#tab-resume #resumeTemplatePicker .resume-pro-mini{
  display:block;position:relative;flex:1 1 auto;min-height:85px;
  box-sizing:border-box;width:100%;overflow:hidden;padding:10px 8px;
  border:1px solid #d6dce5;border-radius:4px;background:#fff;
  box-shadow:0 4px 7px #02061715;
}
#tab-resume #resumeTemplatePicker .resume-pro-mini i{display:block;font-style:normal;box-sizing:border-box}
#tab-resume #resumeTemplatePicker .resume-pro-mini-head{
  height:15px;width:68%;border-left:4px solid var(--resume-card-accent);
  background:linear-gradient(90deg,color-mix(in srgb,var(--resume-card-accent) 18%,white),transparent);
  margin:0 0 8px;
}
#tab-resume #resumeTemplatePicker .resume-pro-mini-photo{
  position:absolute;right:8px;top:8px;width:23%;height:28px;
  border-radius:3px;background:#dbe4ef;border:2px solid #fff;box-shadow:0 0 0 1px #94a3b8;
}
#tab-resume #resumeTemplatePicker .resume-pro-mini-line{height:3px;width:87%;margin:5px 0;background:#cbd5e1}
#tab-resume #resumeTemplatePicker .resume-pro-mini-line.short{width:57%}
#tab-resume #resumeTemplatePicker .resume-pro-mini-band{
  height:8px;margin:9px 0 5px;background:var(--resume-card-accent);opacity:.82;border-radius:2px
}
/* Genuine visual differences: ATS, two-column, colorful, split-header and editorial previews. */
#tab-resume #resumeTemplatePicker .resume-template-card[data-resume-family="0"] .resume-pro-mini{border-radius:0}
#tab-resume #resumeTemplatePicker .resume-template-card[data-resume-family="0"] .resume-pro-mini-band{height:3px;background:#111827}
#tab-resume #resumeTemplatePicker .resume-template-card[data-resume-family="1"] .resume-pro-mini{
  background:linear-gradient(90deg,var(--resume-card-accent) 0 24%,#fff 24%);
}
#tab-resume #resumeTemplatePicker .resume-template-card[data-resume-family="1"] .resume-pro-mini-head{
  width:59%;margin-left:28%;background:#eef2ff
}
#tab-resume #resumeTemplatePicker .resume-template-card[data-resume-family="1"] .resume-pro-mini-line{margin-left:28%;width:61%}
#tab-resume #resumeTemplatePicker .resume-template-card[data-resume-family="1"] .resume-pro-mini-band{margin-left:28%;width:54%}
#tab-resume #resumeTemplatePicker .resume-template-card[data-resume-family="2"] .resume-pro-mini{
  background:linear-gradient(151deg,color-mix(in srgb,var(--resume-card-accent) 17%,white),white 47%);
  border-top:7px solid var(--resume-card-accent);
}
#tab-resume #resumeTemplatePicker .resume-template-card[data-resume-family="2"] .resume-pro-mini-head{
  border-radius:10px;border-left:0;background:var(--resume-card-accent);height:12px
}
#tab-resume #resumeTemplatePicker .resume-template-card[data-resume-family="3"] .resume-pro-mini{
  background:linear-gradient(90deg,#f8fafc 0 38%,#fff 38%);
}
#tab-resume #resumeTemplatePicker .resume-template-card[data-resume-family="3"] .resume-pro-mini-photo{left:9px;right:auto;border-radius:50%}
#tab-resume #resumeTemplatePicker .resume-template-card[data-resume-family="3"] .resume-pro-mini-head{margin-left:42%;width:48%}
#tab-resume #resumeTemplatePicker .resume-template-card[data-resume-family="3"] .resume-pro-mini-band{margin-top:16px}
/* Eight original premium visual variants: content uses existing proven engines. */
#tab-resume .resume-preview[data-resume-variant="33"]{background:linear-gradient(135deg,#faf5ff,#fff 62%)!important;border-top:10px solid #7c3aed;box-shadow:0 12px 28px #4c1d951f}
#tab-resume .resume-preview[data-resume-variant="33"] .resume-head{background:linear-gradient(130deg,#ede9fe,#fdf4ff);padding:19px;border-radius:16px}
#tab-resume .resume-preview[data-resume-variant="34"]{background:#fff7f7!important;border-left:12px solid #f43f5e}
#tab-resume .resume-preview[data-resume-variant="34"] .resume-head{background:linear-gradient(120deg,#ffe4e6,#fff1f2);padding:20px;border-radius:14px}
#tab-resume .resume-preview[data-resume-variant="35"]{background:linear-gradient(155deg,#ecfeff,#fff 44%)!important;border-top:8px solid #0891b2}
#tab-resume .resume-preview[data-resume-variant="35"] .resume-section h3{color:#0e7490;background:#cffafe;padding:7px;border-radius:7px}
#tab-resume .resume-preview[data-resume-variant="36"]{background:#fffbeb!important;border-top:11px solid #d97706}
#tab-resume .resume-preview[data-resume-variant="36"] .resume-head{border-bottom:4px double #d97706}
#tab-resume .resume-preview[data-resume-variant="37"]{background:#f8fafc!important;border-left:12px solid #1e3a8a}
#tab-resume .resume-preview[data-resume-variant="37"] .resume-head{background:#172554;padding:22px;border-radius:6px}
#tab-resume .resume-preview[data-resume-variant="37"] .resume-name,#tab-resume .resume-preview[data-resume-variant="37"] .resume-headline,#tab-resume .resume-preview[data-resume-variant="37"] .resume-contact{color:#fff!important}
#tab-resume .resume-preview[data-resume-variant="38"]{background:linear-gradient(90deg,#f0fdf4 0 8%,#fff 8%)!important;border-top:6px solid #059669}
#tab-resume .resume-preview[data-resume-variant="38"] .resume-section h3{border-left:6px solid #059669;padding-left:12px;color:#047857}
#tab-resume .resume-preview[data-resume-variant="39"]{background:#fffaf5!important;border-top:10px solid #c2410c}
#tab-resume .resume-preview[data-resume-variant="39"] .resume-head{background:linear-gradient(120deg,#ffedd5,#fff);padding:22px;border-radius:8px}
#tab-resume .resume-preview[data-resume-variant="40"]{background:linear-gradient(150deg,#eef2ff,#fff 30%)!important;border:7px solid #4338ca}
#tab-resume .resume-preview[data-resume-variant="40"] .resume-head{background:linear-gradient(110deg,#312e81,#4338ca);padding:19px;border-radius:6px}
#tab-resume .resume-preview[data-resume-variant="40"] .resume-name,#tab-resume .resume-preview[data-resume-variant="40"] .resume-headline,#tab-resume .resume-preview[data-resume-variant="40"] .resume-contact{color:#fff!important}
@media print{
 #tab-resume .resume-preview[data-resume-variant]{box-shadow:none!important;border-radius:0!important}
}
/* Keep new controls in the existing left-hand resume column, not over the preview. */
@media(min-width:1180px){
 #tab-resume > #resumeDesignBar,#tab-resume > .resume-design-help{grid-column:1/6!important;min-width:0}
}
@media(max-width:1179px){
 #tab-resume > #resumeDesignBar,#tab-resume > .resume-design-help{grid-column:1/-1!important;min-width:0}
}
/* Shared accessible design controls; no copy of the protected editor. */
#tab-resume #resumeDesignBar{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;
  align-items:end;margin:0 0 10px;padding:12px;border:1px solid #d4e4f0;
  border-radius:12px;background:#eff6ff;color:#17324d;
}
#tab-resume #resumeDesignBar label{display:flex;flex-direction:column;min-width:0;gap:4px;
  margin:0;font-size:11px;font-weight:800;color:#334155;}
#tab-resume #resumeDesignBar select,#tab-resume #resumeDesignBar button{
  box-sizing:border-box;min-width:0;width:100%;min-height:36px;padding:7px 8px;
  border:1px solid #94a3b8;border-radius:8px;background:#fff;color:#172033;font-size:12px;
}
#tab-resume #resumeDesignBar button{cursor:pointer;background:#173b63;color:#fff;font-weight:800}
#tab-resume .resume-design-help{font-size:11px;color:#475569;margin:3px 0 12px}
#tab-resume .resume-preview[data-resume-font="modern"]{font-family:Arial,"Segoe UI",sans-serif!important}
#tab-resume .resume-preview[data-resume-font="classic"]{font-family:Georgia,"Times New Roman",serif!important}
#tab-resume .resume-preview[data-resume-font="humanist"]{font-family:"Trebuchet MS",Arial,sans-serif!important}
#tab-resume .resume-preview[data-resume-font="mono"]{font-family:Consolas,"Courier New",monospace!important}
#tab-resume .resume-preview[data-resume-font="devanagari"],
#tab-resume .resume-preview[data-resume-language="hi"],
#tab-resume .resume-preview[data-resume-language="mr"]{
  font-family:"Noto Sans Devanagari","Mangal","Nirmala UI",Arial,sans-serif!important;
}
#tab-resume .resume-preview .resume-photo-frame{display:block;overflow:hidden!important;box-sizing:border-box}
#tab-resume .resume-preview .resume-photo-image{
  display:block;width:100%;height:100%;object-fit:var(--resume-photo-fit,contain);
  object-position:var(--resume-photo-x,50%) var(--resume-photo-y,34%);
  transform:scale(var(--resume-photo-zoom,1));transform-origin:center;
  max-width:none;max-height:none;cursor:grab;touch-action:none;user-select:none;
}
#tab-resume .resume-preview .resume-photo-image:active{cursor:grabbing}
/* No clipped source content. Allow the printed browser to fragment normal flow.
   Do not break individual declaration/date/place/signature blocks. */
#tab-resume .resume-preview .resume-footer-keep{break-inside:avoid;page-break-inside:avoid}
#tab-resume .resume-preview.resume-flow-multipage:is(.resume-template-13,.resume-template-14,.resume-template-15,.resume-template-16){overflow:visible!important}
/* More distinct but readable existing designs; static premium depth prints cleanly. */
#tab-resume .resume-preview.resume-template-5 .resume-head{background:linear-gradient(120deg,#ede9fe,#fff);padding:17px;border-left:6px solid #7c3aed;border-radius:10px}
#tab-resume .resume-preview.resume-template-10 .resume-head{background:linear-gradient(135deg,#e2e8f0,#fff);padding:18px;border-radius:13px}
#tab-resume .resume-preview.resume-template-11 .resume-head{background:linear-gradient(120deg,#cffafe,#fff);padding:20px;border-radius:16px}
#tab-resume .resume-preview.resume-template-25 .resume-head{background:linear-gradient(135deg,#ecfeff,#fff);padding:18px;border-radius:16px}
#tab-resume .resume-preview.resume-template-28 .resume-section h3{border-radius:8px}
#tab-resume .resume-preview.resume-template-30 .resume-section[data-resume-section="education"]{order:initial}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  #tab-resume #resumeTemplatePicker .resume-template-card:hover{
    transform:translateY(-3px) perspective(250px) rotateX(2deg)!important;
    box-shadow:0 13px 20px #0f172a20!important;
  }
}
@media(max-width:1000px){
  #tab-resume #resumeTemplatePicker .resume-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:650px){
  #tab-resume #resumeDesignBar{grid-template-columns:repeat(2,minmax(0,1fr));padding:9px}
  #tab-resume #resumeTemplatePicker .resume-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:350px!important}
  #tab-resume #resumeTemplatePicker .resume-template-card{min-height:128px!important}
}
@media print{
  #tab-resume .resume-preview .resume-photo-image{object-fit:var(--resume-photo-fit,contain)!important}
  #tab-resume .resume-preview .resume-footer-keep{break-inside:avoid!important;page-break-inside:avoid!important}
  #tab-resume .resume-preview .resume-footer-move{break-before:page!important;page-break-before:always!important}
  #tab-resume .resume-preview .resume-section{orphans:3;widows:3}
  #tab-resume .resume-preview.resume-document-flow{overflow:visible!important}
  #tab-resume .resume-preview .resume-doc-block{break-inside:avoid;page-break-inside:avoid}
}