:root{--mkrb-ink:#081f3d;--mkrb-navy:#0f315b;--mkrb-blue:#1c5ea8;--mkrb-blue2:#2e7bc7;--mkrb-soft:#eef5fd;--mkrb-bg:#f6f9fe;--mkrb-line:#d9e5f2;--mkrb-text:#12304f;--mkrb-muted:#617893;--mkrb-white:#fff;--mkrb-danger:#c83f5d;--mkrb-shadow:0 16px 38px rgba(8,31,61,.09);--mkrb-radius:24px}.mkrb-shell{max-width:1480px;margin:45px auto;padding:0 18px;font-family:Inter,Arial,sans-serif;color:var(--mkrb-text)}.mkrb-shell *{box-sizing:border-box}.mkrb-hero{text-align:center;padding:44px 24px;margin-bottom:20px;border:1px solid var(--mkrb-line);border-radius:34px;background:linear-gradient(135deg,#f8fbff 0,#eef5fd 48%,#fff 100%);box-shadow:0 28px 74px rgba(8,31,61,.13);overflow:hidden;position:relative}.mkrb-hero:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-140px;top:-170px;background:radial-gradient(circle,rgba(46,123,199,.22),rgba(46,123,199,0))}.mkrb-pill{display:inline-flex;padding:9px 16px;border-radius:999px;background:rgba(28,94,168,.09);border:1px solid rgba(28,94,168,.16);color:var(--mkrb-blue);font-size:13px;font-weight:900}.mkrb-hero h1{font-size:clamp(32px,4vw,58px);line-height:1.05;margin:16px auto 12px;color:var(--mkrb-ink)}.mkrb-hero p{max-width:840px;margin:0 auto;color:var(--mkrb-muted);font-size:18px;line-height:1.75}.mkrb-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;margin:0 0 20px}.mkrb-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--mkrb-line);background:#fff;color:var(--mkrb-navy);border-radius:14px;padding:12px 16px;font-weight:850;font-size:14px;cursor:pointer;text-decoration:none;transition:.18s}.mkrb-btn:hover{transform:translateY(-1px);background:#f9fcff}.mkrb-btn.primary{background:linear-gradient(135deg,var(--mkrb-navy),var(--mkrb-blue));color:#fff;border-color:transparent;box-shadow:0 12px 26px rgba(28,94,168,.2)}.mkrb-btn.danger{color:var(--mkrb-danger)}.mkrb-btn.small{padding:10px 13px;font-size:13px;border-radius:12px}.mkrb-layout{display:grid;grid-template-columns:270px minmax(420px,1fr) 540px;gap:18px;align-items:start}.mkrb-card{background:#fff;border:1px solid var(--mkrb-line);border-radius:var(--mkrb-radius);padding:22px;box-shadow:var(--mkrb-shadow);margin-bottom:18px}.mkrb-card h2,.mkrb-card h3{color:var(--mkrb-ink);margin:0 0 15px}.mkrb-card h3{font-size:18px;margin-top:18px}.mkrb-card h3:first-child{margin-top:0}.mkrb-subtitle{font-size:20px!important;margin-top:24px!important}.mkrb-template-grid{display:grid;gap:8px}.mkrb-template{border:1px solid var(--mkrb-line);background:#fff;border-radius:13px;padding:11px;font-weight:900;color:var(--mkrb-text);cursor:pointer}.mkrb-template.active{background:var(--mkrb-soft);border-color:#b9d2ec;color:var(--mkrb-blue)}.mkrb-colors{display:flex;gap:9px;flex-wrap:wrap}.mkrb-colors button{width:34px;height:34px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--mkrb-line);cursor:pointer}.mkrb-colors button.active{box-shadow:0 0 0 3px rgba(28,94,168,.25)}.mkrb-colors [data-color="#1c5ea8"]{background:#1c5ea8}.mkrb-colors [data-color="#0f315b"]{background:#0f315b}.mkrb-colors [data-color="#0d6b92"]{background:#0d6b92}.mkrb-colors [data-color="#4f46e5"]{background:#4f46e5}.mkrb-colors [data-color="#111827"]{background:#111827}.mkrb-upload-resume,.mkrb-upload-photo{display:flex;flex-direction:column;gap:3px;padding:14px;border:1px dashed #b9cde4;background:#f8fbff;border-radius:16px;color:var(--mkrb-navy);font-weight:900;cursor:pointer}.mkrb-upload-resume input,.mkrb-upload-photo input{display:none}.mkrb-upload-resume small{font-weight:700;color:var(--mkrb-muted)}.mkrb-import-status{font-size:12px;line-height:1.5;color:var(--mkrb-muted);margin-top:8px}.mkrb-meter span{font-weight:950;color:var(--mkrb-ink);display:block;margin-bottom:8px}.mkrb-meter div{height:12px;background:#edf3fa;border-radius:999px;overflow:hidden}.mkrb-meter i{display:block;height:100%;background:linear-gradient(90deg,var(--mkrb-navy),var(--mkrb-blue2));width:0;border-radius:inherit}.mkrb-tips{margin:14px 0 0;padding-left:18px;color:var(--mkrb-muted);font-size:13px;line-height:1.6}.mkrb-mini-analyzer{background:#f8fbff;border:1px solid var(--mkrb-line);border-radius:16px;padding:14px}.mkrb-mini-score{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--mkrb-navy),var(--mkrb-blue));color:#fff;font-weight:950;font-size:22px;margin-bottom:8px}.mkrb-mini-analyzer p{margin:0;color:var(--mkrb-muted);font-size:13px;line-height:1.55}.mkrb-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.mkrb-tabs button{border:1px solid var(--mkrb-line);background:#fff;color:var(--mkrb-text);padding:11px 13px;border-radius:13px;font-weight:850;cursor:pointer}.mkrb-tabs button.active{background:linear-gradient(135deg,var(--mkrb-navy),var(--mkrb-blue));color:#fff;border-color:transparent}.mkrb-tab-panel{display:none}.mkrb-tab-panel.active{display:block}.mkrb-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mkrb-shell label{display:block;font-weight:800;color:var(--mkrb-ink);font-size:14px}.mkrb-shell input,.mkrb-shell textarea{width:100%;margin-top:7px;border:1px solid #cfdced;border-radius:15px;background:#fff;padding:13px 14px;font-size:14px;line-height:1.55;color:var(--mkrb-ink);outline:none;font-family:inherit}.mkrb-shell textarea{min-height:120px;resize:vertical}.mkrb-shell input:focus,.mkrb-shell textarea:focus{border-color:var(--mkrb-blue);box-shadow:0 0 0 4px rgba(28,94,168,.1)}.mkrb-repeat{border:1px solid var(--mkrb-line);background:#fbfdff;border-radius:18px;padding:16px;margin-bottom:14px}.mkrb-repeat-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mkrb-repeat-head strong{color:var(--mkrb-ink)}.mkrb-remove{border:0;background:#fff2f4;color:var(--mkrb-danger);border-radius:10px;padding:8px 10px;font-weight:850;cursor:pointer}.mkrb-actions-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.mkrb-profile-row{display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:center;margin-bottom:18px}.mkrb-avatar-preview{width:96px;height:96px;border-radius:22px;border:1px solid var(--mkrb-line);background:linear-gradient(135deg,#eef5fd,#fff);display:flex;align-items:center;justify-content:center;color:var(--mkrb-muted);font-size:13px;font-weight:900;overflow:hidden;background-size:cover;background-position:center}.mkrb-small-note{font-size:13px;color:var(--mkrb-muted);line-height:1.55;margin:8px 0 0}.mkrb-skill-row{display:grid;grid-template-columns:1fr 110px 44px;gap:10px;align-items:end;margin-bottom:10px}.mkrb-skill-row input[type=range]{padding:0;border:0;box-shadow:none;margin-top:8px}.mkrb-custom-title{margin-bottom:10px}.mkrb-preview-sticky{position:sticky;top:20px}.mkrb-preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.mkrb-preview-head h3{margin:0;color:var(--mkrb-ink)}.mkrb-preview-head span{font-size:13px;color:var(--mkrb-muted);font-weight:800}.mkrb-paper{width:100%;min-height:760px;background:#fff;border:1px solid var(--mkrb-line);box-shadow:0 18px 54px rgba(8,31,61,.13);border-radius:18px;overflow:hidden}.mkrb-resume{--accent:#1c5ea8;color:#14233a;background:#fff;min-height:760px;font-family:Arial,sans-serif}.mkrb-resume .r-head{padding:32px 36px 22px;border-bottom:3px solid var(--accent);display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.mkrb-resume .r-photo{width:92px;height:92px;border-radius:20px;background-size:cover;background-position:center;border:3px solid #fff;box-shadow:0 8px 24px rgba(8,31,61,.18)}.mkrb-resume .r-name{font-size:33px;line-height:1.05;font-weight:900;letter-spacing:.01em;color:#081f3d}.mkrb-resume .r-title{font-size:15px;color:var(--accent);font-weight:800;margin-top:8px}.mkrb-resume .r-contact{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.mkrb-resume .r-contact span{font-size:11px;background:#eef5fd;color:#183656;border:1px solid #dbe8f5;border-radius:999px;padding:6px 9px}.mkrb-resume .r-body{padding:26px 36px 34px}.mkrb-resume .r-section{margin-bottom:20px}.mkrb-resume .r-section h4{font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;font-weight:900}.mkrb-resume p{font-size:13px;line-height:1.6;margin:0 0 8px}.mkrb-resume ul{margin:0;padding-left:18px}.mkrb-resume li{font-size:13px;line-height:1.55;margin-bottom:5px}.mkrb-resume .r-entry{margin-bottom:13px}.mkrb-resume .r-entry-title{font-size:14px;font-weight:900;color:#081f3d}.mkrb-resume .r-meta{font-size:12px;color:#60718a;margin:3px 0 6px}.mkrb-resume .r-tags{display:flex;gap:7px;flex-wrap:wrap}.mkrb-resume .r-tags span{font-size:11px;background:#f1f6fc;border:1px solid #dce8f6;padding:6px 8px;border-radius:999px;font-weight:700}.mkrb-resume .r-skill{margin-bottom:9px}.mkrb-resume .r-skill-top{display:flex;justify-content:space-between;font-size:12px;font-weight:800;color:#173656;margin-bottom:4px}.mkrb-resume .r-skill-bar{height:7px;background:#eaf1f9;border-radius:999px;overflow:hidden}.mkrb-resume .r-skill-bar i{display:block;height:100%;background:var(--accent);border-radius:inherit}.mkrb-resume.modern{display:grid;grid-template-columns:34% 66%}.mkrb-resume.modern .r-head{grid-column:1/-1;background:linear-gradient(135deg,#081f3d,#0f315b);border:0;color:#fff}.mkrb-resume.modern .r-name{color:#fff}.mkrb-resume.modern .r-title{color:#9ed0ff}.mkrb-resume.modern .r-contact span{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#fff}.mkrb-resume.modern .r-side{background:#f3f8fe;padding:26px 24px}.mkrb-resume.modern .r-main{padding:26px 30px}.mkrb-resume.compact .r-head{padding:24px 30px 16px}.mkrb-resume.compact .r-body{padding:22px 30px}.mkrb-resume.compact p,.mkrb-resume.compact li{font-size:12px}.mkrb-loading{margin-top:18px;padding:17px;border:1px solid #f3d6aa;background:#fff8ef;color:#9c6217;border-radius:16px;text-align:center;font-weight:900}@media(max-width:1220px){.mkrb-layout{grid-template-columns:240px 1fr}.mkrb-preview-wrap{grid-column:1/-1}.mkrb-preview-sticky{position:relative;top:auto}.mkrb-paper{max-width:840px;margin:0 auto}}@media(max-width:900px){.mkrb-layout{grid-template-columns:1fr}.mkrb-sidebar{order:2}.mkrb-form{order:1}.mkrb-preview-wrap{order:3}.mkrb-grid.two{grid-template-columns:1fr}.mkrb-card{padding:20px}.mkrb-hero{padding:34px 18px}.mkrb-hero p{font-size:16px}}@media(max-width:600px){.mkrb-shell{padding:0 12px}.mkrb-toolbar .mkrb-btn{width:100%}.mkrb-tabs button{flex:1 1 46%}.mkrb-resume .r-head{grid-template-columns:1fr;}.mkrb-resume .r-photo{width:76px;height:76px}.mkrb-resume .r-head,.mkrb-resume .r-body{padding-left:20px;padding-right:20px}.mkrb-resume.modern{display:block}.mkrb-resume.modern .r-side,.mkrb-resume.modern .r-main{padding:20px}.mkrb-paper{min-height:600px}.mkrb-resume .r-name{font-size:26px}.mkrb-profile-row{grid-template-columns:1fr}.mkrb-skill-row{grid-template-columns:1fr}.mkrb-skill-row .mkrb-remove{width:100%}}
.mkrb-custom-color-label{margin-top:12px}
.mkrb-custom-color-label input[type=color]{height:42px;padding:4px;cursor:pointer}
.mkrb-font-select{width:100%;border:1px solid #cfdced;border-radius:14px;background:#fff;padding:12px 13px;color:var(--mkrb-ink);font-weight:800;outline:none}
.mkrb-font-select:focus{border-color:var(--mkrb-blue);box-shadow:0 0 0 4px rgba(28,94,168,.1)}
.mkrb-best-btn{width:100%;margin-bottom:10px}
.mkrb-recommend-box{font-size:13px;line-height:1.55;color:var(--mkrb-muted);background:#f8fbff;border:1px solid var(--mkrb-line);border-radius:15px;padding:12px}
.mkrb-recommend-box strong{color:var(--mkrb-ink)}
.mkrb-recommend-box .mkrb-apply-recommend{margin-top:10px;width:100%}


/* v1.3: extra resume formats and cleaner exports */
.mkrb-template-grid{grid-template-columns:1fr 1fr}
.mkrb-resume{page-break-inside:auto}
.mkrb-resume .r-section,.mkrb-resume .r-entry{break-inside:avoid;page-break-inside:avoid}

.mkrb-resume.executive .r-head{background:#fff;border-bottom:5px double var(--accent);padding-top:36px}
.mkrb-resume.executive .r-name{font-family:Georgia,serif;letter-spacing:.04em;text-transform:uppercase}
.mkrb-resume.executive .r-title{color:#5b6470}
.mkrb-resume.executive .r-section h4{font-family:Georgia,serif;color:#8b6f3d;border-bottom:1px solid #e4d9c6;padding-bottom:6px}
.mkrb-resume.executive .r-tags span{border-radius:4px;background:#faf7f0;border-color:#eadfc9}

.mkrb-resume.minimalist .r-head{border-bottom:1px solid #d9e5f2;padding-bottom:18px}
.mkrb-resume.minimalist .r-name{font-size:31px;letter-spacing:-.02em}
.mkrb-resume.minimalist .r-title{color:#4b5563}
.mkrb-resume.minimalist .r-section{margin-bottom:16px}
.mkrb-resume.minimalist .r-section h4{color:#111827;border-bottom:1px solid #e5e7eb;padding-bottom:6px;letter-spacing:.05em}
.mkrb-resume.minimalist .r-tags span{background:#fff;border-radius:6px}

.mkrb-resume.creative{display:grid;grid-template-columns:32% 68%;background:#fff}
.mkrb-resume.creative .r-head{grid-column:1/-1;background:linear-gradient(135deg,var(--accent),#081f3d);border:0;color:#fff}
.mkrb-resume.creative .r-name{color:#fff}
.mkrb-resume.creative .r-title{color:rgba(255,255,255,.86)}
.mkrb-resume.creative .r-contact span{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff}
.mkrb-resume.creative .r-side{background:#f6f9fe;padding:26px 24px;border-right:1px solid #d9e5f2}
.mkrb-resume.creative .r-main{padding:26px 30px}
.mkrb-resume.creative .r-section h4{color:var(--accent)}
@media(max-width:600px){.mkrb-resume.creative{display:block}.mkrb-template-grid{grid-template-columns:1fr}}


/* v1.4 centered layout fix */
#mkrb-app.mkrb-shell,
.mkrb-shell{
  width: min(100%, 1240px) !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  overflow-x: hidden !important;
}

.mkrb-hero,
.mkrb-toolbar,
.mkrb-layout{
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.mkrb-layout{
  grid-template-columns: 224px minmax(360px, 1fr) minmax(410px, 486px) !important;
  gap: 14px !important;
  justify-content: center !important;
}

.mkrb-card{
  padding: 20px !important;
}

.mkrb-paper{
  width: 100% !important;
  max-width: 486px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.mkrb-preview-wrap,
.mkrb-form,
.mkrb-sidebar{
  min-width: 0 !important;
}

.mkrb-preview-sticky{
  width: 100% !important;
}

.mkrb-preview-head{
  max-width: 486px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.mkrb-tabs{
  justify-content: center !important;
}

.mkrb-toolbar{
  justify-content: center !important;
}

@media (max-width: 1280px){
  #mkrb-app.mkrb-shell,
  .mkrb-shell{
    max-width: 1160px !important;
  }

  .mkrb-layout{
    grid-template-columns: 210px minmax(350px, 1fr) minmax(390px, 440px) !important;
    gap: 12px !important;
  }

  .mkrb-paper,
  .mkrb-preview-head{
    max-width: 440px !important;
  }

  .mkrb-card{
    padding: 18px !important;
  }
}

@media (max-width: 1080px){
  .mkrb-layout{
    grid-template-columns: 1fr !important;
  }

  .mkrb-sidebar,
  .mkrb-form,
  .mkrb-preview-wrap{
    max-width: 820px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .mkrb-paper,
  .mkrb-preview-head{
    max-width: 760px !important;
  }
}

@media (max-width: 767px){
  #mkrb-app.mkrb-shell,
  .mkrb-shell{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .mkrb-toolbar{
    gap: 8px !important;
  }

  .mkrb-toolbar .mkrb-btn{
    flex: 1 1 100% !important;
  }

  .mkrb-paper,
  .mkrb-preview-head{
    max-width: 100% !important;
  }
}

/* Prevent page-level horizontal scroll caused by preview/export area */
body:has(#mkrb-app){
  overflow-x: hidden;
}

/* v1.7 wide sidebar + fixed style/font area + more global styles */
#mkrb-app.mkrb-shell,
.mkrb-shell{
  max-width:1320px !important;
  width:min(100%,1320px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Wider left settings area so template/font controls fit inside */
.mkrb-layout{
  display:grid !important;
  grid-template-columns:320px minmax(420px,1fr) minmax(430px,520px) !important;
  gap:20px !important;
  align-items:start !important;
  justify-content:center !important;
}

.mkrb-sidebar{
  width:100% !important;
  max-width:320px !important;
  min-width:0 !important;
}

.mkrb-sidebar .mkrb-card{
  padding:20px !important;
  overflow:hidden !important;
}

.mkrb-form,
.mkrb-preview-wrap{
  min-width:0 !important;
}

/* Template style area fixed within its own box */
.mkrb-template-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:9px !important;
  width:100% !important;
}

.mkrb-template{
  width:100% !important;
  min-width:0 !important;
  min-height:44px !important;
  padding:10px 8px !important;
  font-size:13px !important;
  line-height:1.2 !important;
  white-space:normal !important;
  text-align:center !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Font dropdown properly contained */
.mkrb-font-select{
  width:100% !important;
  max-width:100% !important;
  min-height:46px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:normal !important;
}

.mkrb-custom-color-label input[type=color]{
  width:100% !important;
}

/* More breathing room for all left-side controls */
.mkrb-sidebar .mkrb-card > h3{
  margin-top:18px !important;
  margin-bottom:10px !important;
}

.mkrb-sidebar .mkrb-card > h3:first-child{
  margin-top:0 !important;
}

.mkrb-colors{
  gap:9px !important;
}

.mkrb-recommend-box,
.mkrb-mini-analyzer{
  width:100% !important;
}

/* Preview balance */
.mkrb-paper,
.mkrb-preview-head{
  max-width:520px !important;
}

/* New resume style variants */
.mkrb-resume.ats .r-head{
  background:#fff !important;
  border-bottom:2px solid var(--accent) !important;
}
.mkrb-resume.ats .r-section h4{
  color:#111827 !important;
  border-bottom:1px solid #e5e7eb !important;
  padding-bottom:6px !important;
}
.mkrb-resume.ats .r-tags span{
  border-radius:4px !important;
  background:#fff !important;
}

.mkrb-resume.corporate .r-head{
  background:linear-gradient(135deg,#f8fbff,#ffffff) !important;
  border-bottom:4px solid var(--accent) !important;
}
.mkrb-resume.corporate .r-name{
  letter-spacing:-.02em !important;
}
.mkrb-resume.corporate .r-section h4{
  background:#eef5fd !important;
  border-radius:8px !important;
  padding:7px 9px !important;
}

.mkrb-resume.elegant .r-head{
  background:#fff !important;
  border-bottom:1px solid #d8c7a1 !important;
}
.mkrb-resume.elegant .r-name{
  font-family:Georgia,serif !important;
  letter-spacing:.02em !important;
}
.mkrb-resume.elegant .r-section h4{
  font-family:Georgia,serif !important;
  color:#8a6f38 !important;
  border-bottom:1px solid #eadfc9 !important;
  padding-bottom:6px !important;
}
.mkrb-resume.elegant .r-tags span{
  background:#fbf8f0 !important;
  border-color:#eadfc9 !important;
}

.mkrb-resume.tech{
  display:grid !important;
  grid-template-columns:34% 66% !important;
}
.mkrb-resume.tech .r-head{
  grid-column:1/-1 !important;
  background:linear-gradient(135deg,#052e3d,var(--accent)) !important;
  border:0 !important;
  color:#fff !important;
}
.mkrb-resume.tech .r-name,
.mkrb-resume.tech .r-title{
  color:#fff !important;
}
.mkrb-resume.tech .r-contact span{
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.22) !important;
  color:#fff !important;
}
.mkrb-resume.tech .r-side{
  background:#eef9fb !important;
  padding:26px 24px !important;
}
.mkrb-resume.tech .r-main{
  padding:26px 30px !important;
}

/* Responsive */
@media(max-width:1250px){
  .mkrb-layout{
    grid-template-columns:300px minmax(390px,1fr) minmax(390px,480px) !important;
    gap:16px !important;
  }

  .mkrb-sidebar{
    max-width:300px !important;
  }
}

@media(max-width:1080px){
  .mkrb-layout{
    grid-template-columns:1fr !important;
  }

  .mkrb-sidebar,
  .mkrb-form,
  .mkrb-preview-wrap{
    max-width:850px !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .mkrb-sidebar{
    max-width:850px !important;
  }

  .mkrb-sidebar .mkrb-card{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px !important;
  }

  .mkrb-sidebar .mkrb-card > h3,
  .mkrb-sidebar .mkrb-card > *{
    grid-column:auto !important;
  }

  .mkrb-template-grid{
    grid-template-columns:repeat(2,1fr) !important;
  }

  .mkrb-paper,
  .mkrb-preview-head{
    max-width:760px !important;
  }

  .mkrb-resume.tech{
    display:block !important;
  }
}

@media(max-width:640px){
  .mkrb-sidebar .mkrb-card{
    display:block !important;
  }

  .mkrb-template-grid{
    grid-template-columns:1fr 1fr !important;
  }

  .mkrb-template{
    min-height:42px !important;
    font-size:12px !important;
  }

  .mkrb-paper,
  .mkrb-preview-head{
    max-width:100% !important;
  }
}


/* v1.8 responsive layout with collapsible settings */
#mkrb-app.mkrb-shell,
.mkrb-shell{
  max-width:1280px !important;
  width:min(100%,1280px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  overflow-x:hidden !important;
}

/* Settings toggle */
.mkrb-settings-toggle-wrap{
  display:flex !important;
  justify-content:center !important;
  margin:0 0 18px !important;
}

.mkrb-settings-toggle{
  min-width:180px !important;
  background:#fff !important;
  color:var(--mkrb-navy) !important;
  border:1px solid var(--mkrb-line) !important;
}

/* Main layout becomes only two wide columns */
.mkrb-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(420px,520px) !important;
  gap:22px !important;
  align-items:start !important;
  justify-content:center !important;
}

/* Settings panel hidden by default and full width when opened */
.mkrb-sidebar.mkrb-settings-panel{
  display:none;
  grid-column:1 / -1 !important;
  max-width:100% !important;
  width:100% !important;
  order:1 !important;
}

.mkrb-sidebar.mkrb-settings-panel.mkrb-settings-open{
  display:block;
}

.mkrb-form{
  grid-column:1 / 2 !important;
  order:2 !important;
  min-width:0 !important;
  width:100% !important;
}

.mkrb-preview-wrap{
  grid-column:2 / 3 !important;
  order:3 !important;
  min-width:0 !important;
  width:100% !important;
}

/* Settings content is now a clean full-width panel */
.mkrb-settings-panel .mkrb-card{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
  padding:18px !important;
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
}

.mkrb-settings-panel .mkrb-card > h3{
  margin:0 0 8px !important;
  font-size:15px !important;
  line-height:1.25 !important;
}

.mkrb-settings-panel .mkrb-card > h3:nth-of-type(1),
.mkrb-settings-panel .mkrb-card > .mkrb-import-box{grid-column:1 !important;}
.mkrb-settings-panel .mkrb-card > h3:nth-of-type(2),
.mkrb-settings-panel .mkrb-card > .mkrb-template-grid{grid-column:2 !important;}
.mkrb-settings-panel .mkrb-card > h3:nth-of-type(3),
.mkrb-settings-panel .mkrb-card > .mkrb-colors,
.mkrb-settings-panel .mkrb-card > .mkrb-custom-color-label{grid-column:3 !important;}
.mkrb-settings-panel .mkrb-card > h3:nth-of-type(4),
.mkrb-settings-panel .mkrb-card > .mkrb-font-select,
.mkrb-settings-panel .mkrb-card > h3:nth-of-type(5),
.mkrb-settings-panel .mkrb-card > .mkrb-best-btn,
.mkrb-settings-panel .mkrb-card > .mkrb-recommend-box{grid-column:4 !important;}
.mkrb-settings-panel .mkrb-card > h3:nth-of-type(6),
.mkrb-settings-panel .mkrb-card > .mkrb-meter,
.mkrb-settings-panel .mkrb-card > .mkrb-tips{grid-column:1 / 3 !important;}
.mkrb-settings-panel .mkrb-card > h3:nth-of-type(7),
.mkrb-settings-panel .mkrb-card > .mkrb-mini-analyzer{grid-column:3 / 5 !important;}

.mkrb-template-grid{
  display:grid !important;
  grid-template-columns:repeat(2,1fr) !important;
  gap:8px !important;
}

.mkrb-template{
  min-height:40px !important;
  font-size:13px !important;
  white-space:normal !important;
}

.mkrb-font-select,
.mkrb-custom-color-label input[type=color],
.mkrb-best-btn,
.mkrb-recommend-box,
.mkrb-mini-analyzer{
  width:100% !important;
  max-width:100% !important;
}

/* More room for form and preview */
.mkrb-form .mkrb-card{
  padding:26px !important;
}

.mkrb-paper,
.mkrb-preview-head{
  max-width:520px !important;
  width:100% !important;
}

.mkrb-preview-sticky{
  position:sticky !important;
  top:18px !important;
}

/* Tablet and mobile */
@media(max-width:1120px){
  .mkrb-layout{
    grid-template-columns:1fr !important;
  }

  .mkrb-form,
  .mkrb-preview-wrap,
  .mkrb-sidebar.mkrb-settings-panel{
    grid-column:1 / -1 !important;
    max-width:880px !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .mkrb-paper,
  .mkrb-preview-head{
    max-width:760px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .mkrb-preview-sticky{
    position:relative !important;
    top:auto !important;
  }

  .mkrb-settings-panel .mkrb-card{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .mkrb-settings-panel .mkrb-card > h3,
  .mkrb-settings-panel .mkrb-card > *{
    grid-column:auto !important;
  }
}

@media(max-width:700px){
  .mkrb-settings-panel .mkrb-card{
    grid-template-columns:1fr !important;
    padding:16px !important;
  }

  .mkrb-settings-panel .mkrb-card > h3,
  .mkrb-settings-panel .mkrb-card > *{
    grid-column:1 !important;
  }

  .mkrb-form .mkrb-card{
    padding:20px !important;
  }

  .mkrb-template-grid{
    grid-template-columns:repeat(2,1fr) !important;
  }

  .mkrb-settings-toggle{
    width:100% !important;
  }
}

@media(max-width:520px){
  .mkrb-template-grid{
    grid-template-columns:1fr !important;
  }
}


/* v1.9 clean right-side settings drawer */
#mkrb-app.mkrb-shell,
.mkrb-shell{
  max-width:1280px !important;
  width:min(100%,1280px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  overflow-x:hidden !important;
}

/* Keep main builder as two wide areas */
.mkrb-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(420px,520px) !important;
  gap:24px !important;
  align-items:start !important;
  justify-content:center !important;
}

.mkrb-form{
  grid-column:1 / 2 !important;
  order:1 !important;
  min-width:0 !important;
}

.mkrb-preview-wrap{
  grid-column:2 / 3 !important;
  order:2 !important;
  min-width:0 !important;
}

.mkrb-paper,
.mkrb-preview-head{
  max-width:520px !important;
  width:100% !important;
}

.mkrb-preview-sticky{
  position:sticky !important;
  top:18px !important;
}

/* Settings button */
.mkrb-settings-toggle-wrap{
  display:flex !important;
  justify-content:center !important;
  margin:0 0 18px !important;
}

.mkrb-settings-toggle{
  min-width:190px !important;
  background:#fff !important;
  color:var(--mkrb-navy) !important;
  border:1px solid var(--mkrb-line) !important;
}

/* Drawer itself */
.mkrb-sidebar.mkrb-settings-panel{
  display:none;
  position:fixed !important;
  top:24px !important;
  right:24px !important;
  bottom:24px !important;
  width:390px !important;
  max-width:calc(100vw - 48px) !important;
  z-index:999999 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  background:#ffffff !important;
  border:1px solid var(--mkrb-line) !important;
  border-radius:24px !important;
  box-shadow:0 28px 80px rgba(8,31,61,.22) !important;
  padding:0 !important;
}

.mkrb-sidebar.mkrb-settings-panel.mkrb-settings-open{
  display:block !important;
}

/* Drawer content arranged vertically, not scattered */
.mkrb-settings-panel .mkrb-card{
  display:block !important;
  padding:22px !important;
  margin:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background:#fff !important;
  width:100% !important;
  max-width:100% !important;
}

.mkrb-settings-panel .mkrb-card:before{
  content:"Resume Builder Settings";
  display:block;
  font-size:22px;
  line-height:1.2;
  font-weight:900;
  color:var(--mkrb-ink);
  margin:0 0 18px;
  padding-bottom:14px;
  border-bottom:1px solid var(--mkrb-line);
}

/* Every heading/control stays in its own proper area */
.mkrb-settings-panel .mkrb-card > h3{
  display:block !important;
  margin:22px 0 10px !important;
  font-size:15px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  color:var(--mkrb-ink) !important;
}

.mkrb-settings-panel .mkrb-card > h3:first-of-type{
  margin-top:0 !important;
}

.mkrb-settings-panel .mkrb-card > *,
.mkrb-settings-panel .mkrb-import-box,
.mkrb-settings-panel .mkrb-template-grid,
.mkrb-settings-panel .mkrb-colors,
.mkrb-settings-panel .mkrb-custom-color-label,
.mkrb-settings-panel .mkrb-font-select,
.mkrb-settings-panel .mkrb-best-btn,
.mkrb-settings-panel .mkrb-recommend-box,
.mkrb-settings-panel .mkrb-meter,
.mkrb-settings-panel .mkrb-tips,
.mkrb-settings-panel .mkrb-mini-analyzer{
  grid-column:auto !important;
  grid-row:auto !important;
  width:100% !important;
  max-width:100% !important;
}

/* Control styling inside drawer */
.mkrb-settings-panel .mkrb-upload-resume{
  min-height:92px !important;
  justify-content:center !important;
}

.mkrb-settings-panel .mkrb-template-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:9px !important;
}

.mkrb-settings-panel .mkrb-template{
  min-height:42px !important;
  padding:10px 8px !important;
  font-size:13px !important;
  line-height:1.2 !important;
  white-space:normal !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

.mkrb-settings-panel .mkrb-colors{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  align-items:center !important;
}

.mkrb-settings-panel .mkrb-custom-color-label{
  margin-top:10px !important;
  font-size:13px !important;
}

.mkrb-settings-panel .mkrb-custom-color-label input[type=color]{
  width:100% !important;
  height:42px !important;
}

.mkrb-settings-panel .mkrb-font-select{
  width:100% !important;
  min-height:46px !important;
}

.mkrb-settings-panel .mkrb-best-btn{
  width:100% !important;
  height:44px !important;
}

.mkrb-settings-panel .mkrb-recommend-box{
  margin-top:10px !important;
  min-height:80px !important;
}

.mkrb-settings-panel .mkrb-meter div{
  width:100% !important;
}

.mkrb-settings-panel .mkrb-tips{
  margin:10px 0 0 !important;
}

.mkrb-settings-panel .mkrb-mini-analyzer{
  display:grid !important;
  grid-template-columns:66px 1fr !important;
  gap:12px !important;
  align-items:center !important;
}

.mkrb-settings-panel .mkrb-mini-score{
  margin:0 !important;
}

/* optional dim effect */
body.mkrb-settings-drawer-open:after{
  content:"";
  position:fixed;
  inset:0;
  background:rgba(8,31,61,.12);
  z-index:999998;
  pointer-events:none;
}

/* keep drawer above dim overlay */
body.mkrb-settings-drawer-open .mkrb-settings-panel{
  z-index:999999 !important;
}

/* Responsive */
@media(max-width:1120px){
  .mkrb-layout{
    grid-template-columns:1fr !important;
  }

  .mkrb-form,
  .mkrb-preview-wrap{
    grid-column:1 / -1 !important;
    max-width:880px !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .mkrb-paper,
  .mkrb-preview-head{
    max-width:760px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .mkrb-preview-sticky{
    position:relative !important;
    top:auto !important;
  }
}

@media(max-width:640px){
  .mkrb-sidebar.mkrb-settings-panel{
    top:10px !important;
    right:10px !important;
    bottom:10px !important;
    width:calc(100vw - 20px) !important;
    max-width:calc(100vw - 20px) !important;
    border-radius:20px !important;
  }

  .mkrb-settings-panel .mkrb-card{
    padding:18px !important;
  }

  .mkrb-settings-panel .mkrb-template-grid{
    grid-template-columns:1fr 1fr !important;
  }

  .mkrb-settings-toggle{
    width:100% !important;
  }
}

@media(max-width:420px){
  .mkrb-settings-panel .mkrb-template-grid{
    grid-template-columns:1fr !important;
  }
}


/* v2.0 left-side settings drawer + close icon */
.mkrb-sidebar.mkrb-settings-panel{
  left:24px !important;
  right:auto !important;
}

.mkrb-settings-close{
  position:sticky !important;
  top:0 !important;
  float:right !important;
  z-index:5 !important;
  width:38px !important;
  height:38px !important;
  border-radius:50% !important;
  border:1px solid var(--mkrb-line) !important;
  background:#ffffff !important;
  color:var(--mkrb-navy) !important;
  font-size:26px !important;
  line-height:1 !important;
  font-weight:700 !important;
  cursor:pointer !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:0 8px 18px rgba(8,31,61,.10) !important;
  margin:0 0 8px auto !important;
}

.mkrb-settings-close:hover{
  background:var(--mkrb-navy) !important;
  color:#fff !important;
  border-color:var(--mkrb-navy) !important;
}

.mkrb-settings-panel .mkrb-card:before{
  padding-right:46px !important;
}

/* On mobile, keep drawer full-width with safe left/right spacing */
@media(max-width:640px){
  .mkrb-sidebar.mkrb-settings-panel{
    left:10px !important;
    right:auto !important;
  }
}


/* v2.1 polish: theme hover, front import, scrollable preview, export fixes */
.mkrb-template:hover,
.mkrb-template.active{
  background:var(--mkrb-blue) !important;
  color:#ffffff !important;
  border-color:var(--mkrb-blue) !important;
}

.mkrb-template:focus{
  outline:2px solid rgba(28,94,168,.25) !important;
  outline-offset:2px !important;
}

.mkrb-front-import{
  max-width:520px;
  margin:0 auto 18px;
  text-align:center;
}

.mkrb-front-upload{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:88px;
  padding:16px;
  border:2px dashed #b9cde4;
  border-radius:20px;
  background:linear-gradient(180deg,#fbfdff,#f3f8fe);
  color:var(--mkrb-navy);
  cursor:pointer;
  font-weight:900;
  transition:.18s;
}

.mkrb-front-upload:hover{
  border-color:var(--mkrb-blue);
  background:#eef5fd;
}

.mkrb-front-upload input{
  display:none;
}

.mkrb-front-upload small{
  color:var(--mkrb-muted);
  font-weight:700;
  margin-top:4px;
}

#mkrbImportStatusTop{
  margin-top:8px;
  font-size:13px;
  color:var(--mkrb-muted);
}

/* Hide upload from drawer because it is now in front */
.mkrb-settings-panel .mkrb-card > h3:first-of-type,
.mkrb-settings-panel .mkrb-import-box{
  display:none !important;
}

/* Scrollable live preview so long resumes do not stretch page */
.mkrb-paper{
  max-height:760px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  scrollbar-width:thin;
  scrollbar-color:var(--mkrb-blue) #eef5fd;
}

.mkrb-paper::-webkit-scrollbar{
  width:9px;
}

.mkrb-paper::-webkit-scrollbar-track{
  background:#eef5fd;
  border-radius:999px;
}

.mkrb-paper::-webkit-scrollbar-thumb{
  background:var(--mkrb-blue);
  border-radius:999px;
  border:2px solid #eef5fd;
}

/* During export, remove preview scroll so full resume is captured */
body.mkrb-exporting .mkrb-paper{
  max-height:none !important;
  overflow:visible !important;
}

body.mkrb-exporting .mkrb-resume{
  box-shadow:none !important;
}

/* PDF/DOC friendly page-break behavior */
.mkrb-resume .r-section,
.mkrb-resume .r-entry{
  break-inside:avoid;
  page-break-inside:avoid;
}

@media(max-width:1120px){
  .mkrb-front-import{
    max-width:880px;
  }

  .mkrb-paper{
    max-height:720px !important;
  }
}

@media(max-width:700px){
  .mkrb-front-import{
    max-width:100%;
  }

  .mkrb-paper{
    max-height:620px !important;
  }
}


/* v2.2 export stability */
.mkrb-resume .r-section,
.mkrb-resume .r-entry,
.mkrb-resume .r-skill,
.mkrb-resume .r-tags{
  break-inside:avoid !important;
  page-break-inside:avoid !important;
}

.mkrb-pdf-export-holder *{
  box-sizing:border-box;
}

.mkrb-pdf-export-resume{
  transform:none !important;
  max-height:none !important;
  overflow:visible !important;
}

.mkrb-pdf-export-resume .r-section,
.mkrb-pdf-export-resume .r-entry,
.mkrb-pdf-export-resume .r-skill,
.mkrb-pdf-export-resume .r-tags{
  break-inside:avoid !important;
  page-break-inside:avoid !important;
}

.mkrb-pdf-export-resume p,
.mkrb-pdf-export-resume li{
  orphans:3;
  widows:3;
}

.mkrb-pdf-export-resume .r-head{
  break-after:avoid !important;
  page-break-after:avoid !important;
}

.mkrb-pdf-export-resume .r-section h4{
  break-after:avoid !important;
  page-break-after:avoid !important;
}


/* v2.3 reliable visual PDF/DOC export */
.mkrb-export-holder,
.mkrb-export-holder *{
  box-sizing:border-box !important;
}

.mkrb-export-clone{
  max-height:none !important;
  overflow:visible !important;
  transform:none !important;
}

.mkrb-export-clone .r-section,
.mkrb-export-clone .r-entry,
.mkrb-export-clone .r-skill,
.mkrb-export-clone .r-tags{
  break-inside:avoid !important;
  page-break-inside:avoid !important;
}

body.mkrb-exporting .mkrb-paper{
  max-height:none !important;
  overflow:visible !important;
}


/* v2.4 PDF heading orphan fix */
.mkrb-export-clone .r-section{
  break-inside:avoid !important;
  page-break-inside:avoid !important;
}

.mkrb-export-clone .r-section h4{
  break-after:avoid !important;
  page-break-after:avoid !important;
}