*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif}body{background:var(--bg);color:var(--ink)}:root{--bg:#f6f5ff;--panel:#fff;--panel2:#fbfaff;--ink:#17172f;--muted:#686985;--line:rgba(108,79,246,.14);--primary:#6c4ff6;--primary2:#a78bfa;--soft:#ede9fe;--danger:#ef4444;--ok:#10b981;--shadow:0 18px 55px rgba(66,50,150,.11);--radius:22px}body.dark{--bg:#0f1020;--panel:#17182a;--panel2:#1d1e35;--ink:#f7f7ff;--muted:#b7b8d7;--line:rgba(167,139,250,.2);--soft:#272244;--shadow:0 22px 70px rgba(0,0,0,.35)}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 22px;background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{border:0;background:transparent;color:var(--ink);display:flex;gap:8px;align-items:center;font-weight:900;font-size:20px}.brand span{background:var(--primary);color:#fff;border-radius:12px;padding:7px 9px}.nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.nav button,.pillBtn{border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:999px;padding:10px 14px;font-weight:700}.nav button.primary,.primary{background:var(--primary);border-color:var(--primary);color:#fff}.nav button.active{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.wrap{max-width:1440px;margin:auto;padding:22px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:stretch}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.heroMain{padding:38px}.badge{display:inline-flex;gap:8px;align-items:center;background:var(--soft);color:var(--primary);border-radius:999px;padding:8px 13px;font-size:13px;font-weight:800}.hero h1{font-size:clamp(34px,5vw,66px);line-height:.98;letter-spacing:-.06em;margin:18px 0}.hero p{color:var(--muted);font-size:17px;line-height:1.75;max-width:720px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.bigBtn{border:0;border-radius:15px;padding:14px 20px;font-weight:900}.secondary{background:transparent;color:var(--primary);border:1px solid var(--primary)}.infoPanel{padding:24px;display:grid;gap:12px}.infoBox{padding:18px;border:1px solid var(--line);background:var(--panel2);border-radius:18px}.infoBox b{display:block;margin-bottom:6px}.infoBox p{margin:0;font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.stat{padding:20px;text-align:center}.stat b{font-size:31px;color:var(--primary)}.stat span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.section{margin-top:20px;padding:24px}.sectionHead{display:flex;justify-content:space-between;gap:18px;align-items:end;flex-wrap:wrap}.sectionHead h2{font-size:32px;margin:4px 0}.lead{color:var(--muted);max-width:760px;line-height:1.65}.grid{display:grid;gap:14px}.templateGrid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:16px}.tplCard{position:relative;text-align:left;border:1px solid color-mix(in srgb,var(--a) 24%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--soft) 78%,white),var(--panel));color:var(--ink);border-radius:22px;padding:12px;transition:.22s;overflow:hidden;box-shadow:0 14px 34px color-mix(in srgb,var(--a) 12%,transparent)}.tplCard:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--a) 60%,white);box-shadow:0 18px 40px color-mix(in srgb,var(--a) 20%,transparent)}.tplCard.selected{background:linear-gradient(180deg,color-mix(in srgb,var(--soft) 92%,white),var(--panel));border-color:var(--a);box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 18%,transparent),0 20px 42px color-mix(in srgb,var(--a) 20%,transparent)}.tplAura{position:absolute;inset:auto -20% 52% auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--a) 26%,white),transparent 68%);pointer-events:none;filter:blur(4px);opacity:.95}.tplPreview{height:150px;border-radius:16px;background:#fff;border:1px solid color-mix(in srgb,var(--a) 14%,#dbe3f1);position:relative;overflow:hidden;margin-bottom:11px}.tplPreview:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,color-mix(in srgb,var(--a) 18%,white),transparent 32%),linear-gradient(135deg,color-mix(in srgb,var(--a) 12%,white),transparent 52%);opacity:.95}.tplMeta{position:absolute;left:10px;right:10px;top:10px;display:flex;justify-content:space-between;gap:8px;z-index:4}.tplMeta span{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--a) 12%,white);border:1px solid color-mix(in srgb,var(--a) 22%,white);color:#324155;font-size:10px;font-weight:900;backdrop-filter:blur(4px)}.miniHead{position:absolute;left:12px;right:12px;top:12px;height:34px;border-radius:10px;background:var(--a)}.miniPhoto{position:absolute;left:18px;top:18px;width:22px;height:22px;border-radius:50%;background:#fff8}.miniLine{position:absolute;height:7px;border-radius:99px;background:#cbd5e1}.l1{left:52px;top:20px;width:70px;background:#fff}.l2{left:52px;top:32px;width:48px;background:#fff8}.l3{left:14px;top:62px;width:44px;background:var(--a)}.l4{left:14px;top:78px;right:14px}.l5{left:14px;top:92px;right:46px}.l6{left:14px;top:118px;width:60px;background:var(--a);opacity:.3}.l7{left:82px;top:118px;width:48px;background:var(--a);opacity:.22}.layout-sidebar .side{position:absolute;left:0;top:0;bottom:0;width:42px;background:var(--a)}.layout-sidebar .miniHead{left:52px}.layout-sidebar .miniPhoto{left:62px}.layout-sidebar .l1,.layout-sidebar .l2{left:94px}.layout-split .miniHead{left:0;right:auto;width:65px;top:0;height:150px;border-radius:0}.layout-split .miniPhoto{left:17px;top:17px}.layout-split .l1,.layout-split .l2,.layout-split .l3,.layout-split .l4,.layout-split .l5,.layout-split .l6,.layout-split .l7{left:82px}.layout-timeline .l4,.layout-timeline .l5{border-left:4px solid var(--a);height:19px;background:#e2e8f0}.layout-editorial .miniHead{height:12px;top:18px;background:var(--a)}.layout-editorial .miniPhoto{right:18px;left:auto;top:42px;width:38px;height:38px;background:var(--a);opacity:.7}.layout-creative .tplPreview{background:radial-gradient(circle at top right,var(--soft,#ede9fe),#fff 55%)}.layout-creative .miniHead{transform:rotate(-2deg);border-radius:18px}.layout-academic .miniHead{background:#fff;border-bottom:3px solid var(--a);border-radius:0}.layout-academic .miniPhoto{display:none}.layout-card .l4,.layout-card .l5{height:18px;border-radius:8px;background:#e8ecf7}.tplInfo b{display:block;font-size:13px;line-height:1.3}.tplInfo small{display:block;color:var(--muted);margin-top:3px}.check{position:absolute;top:10px;right:10px;background:var(--a);color:#fff;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:13px;box-shadow:0 8px 18px color-mix(in srgb,var(--a) 24%,transparent)}.auth{display:grid;place-items:center;min-height:calc(100vh - 70px);padding:30px}.auth form{width:min(520px,100%);padding:28px}.auth h1{font-size:36px;margin:12px 0}.field{display:grid;gap:7px;margin-bottom:12px}.field label{font-size:13px;font-weight:800;color:var(--muted)}input,select,textarea{width:100%;border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:14px;padding:12px 13px;outline:0}textarea{min-height:94px;resize:vertical}.hint{padding:12px;border:1px dashed var(--line);border-radius:16px;background:var(--panel2);color:var(--muted);font-size:14px;margin:12px 0}.builder{max-width:1500px;margin:auto;padding:16px}.templateDock{padding:18px;margin-bottom:16px}.filters{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:10px;margin-top:12px}.builderGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.95fr);gap:16px;align-items:start}.formPanel{padding:18px}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.tabs button{border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:999px;padding:10px 14px;font-weight:800}.tabs button.active{background:var(--primary);border-color:var(--primary);color:#fff}.formHeader{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.formHeader h2{margin:0}.formActions{display:flex;gap:8px;flex-wrap:wrap}.formActions button,.addBtn,.danger{border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:12px;padding:10px 12px;font-weight:800}.formActions .primary{background:var(--primary);color:#fff}.fieldGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.block{border:1px solid var(--line);border-radius:18px;background:var(--panel2);padding:14px;margin-bottom:12px}.block h3{margin:0 0 12px}.entry{border:1px solid var(--line);border-radius:16px;padding:12px;background:var(--panel);display:grid;gap:10px;margin-bottom:10px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--panel);padding:6px}.chip input{border:0;background:transparent;padding:4px;min-width:120px}.chip button{border:0;background:transparent;color:var(--danger)}.danger{color:var(--danger)}.upload{position:relative;border-style:dashed;display:flex;align-items:center;justify-content:center;min-height:44px}.upload input{position:absolute;inset:0;opacity:0}.previewPanel{position:sticky;top:86px;padding:18px}.previewTop{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.previewTop h2{margin:0;font-size:21px}.previewTop p{margin:4px 0;color:var(--muted);font-size:13px}.badges{display:flex;gap:8px;flex-wrap:wrap}.badges span{background:var(--soft);color:var(--primary);padding:7px 10px;border-radius:999px;font-weight:800;font-size:12px}.paperStage{background:linear-gradient(180deg,var(--soft),var(--bg));border:1px solid var(--line);border-radius:20px;padding:16px;overflow:auto;max-height:calc(100vh - 190px)}.scale{display:grid;place-items:start center;zoom:.68}.cvPaper{width:210mm;min-height:297mm;background:#fff;color:#111827;display:grid;grid-template-columns:66mm 1fr;box-shadow:0 15px 40px rgba(0,0,0,.16);overflow:hidden}.cvHeader{grid-column:1/-1;background:var(--cv);color:#fff;padding:18mm 16mm 10mm;display:grid;grid-template-columns:44mm 1fr;gap:14px}.cvPhoto{width:38mm;height:38mm;border-radius:16px;background:#fff3;display:grid;place-items:center;font-weight:900;font-size:18px;overflow:hidden}.cvPhoto img{width:100%;height:100%;object-fit:cover}.cvHeader h1{margin:0;font-size:28px;line-height:1}.cvHeader h2{margin:5px 0 8px;font-size:14px}.cvHeader p{font-size:10.5px;line-height:1.55;margin:0;color:#fff}.cvAside{background:var(--cvsoft);padding:10mm 9mm 14mm 14mm}.cvBody{padding:10mm 14mm 14mm 10mm}.cvAside section,.cvSection{margin-bottom:11px}.cvAside h3,.cvSection h3{font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--cv);margin:0 0 7px}.cvAside p,.cvSection p,.cvEntry p,.cvEntry small,.cvEntry span,.cvEntry time,.cvBody li{font-size:9.8px;line-height:1.48;color:#334155;margin:0}.cvEntry{margin-bottom:9px}.cvEntry>div{display:flex;justify-content:space-between;gap:10px}.cvEntry b{font-size:11px;color:#111827}.cvTags{display:flex;flex-wrap:wrap;gap:5px}.cvTags span{font-size:9px;padding:5px 7px;background:#fff;border:1px solid #dfe4ee;border-radius:999px}.cvStats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}.cvStats b{background:var(--cvsoft);border-radius:10px;padding:9px;color:var(--cv);font-size:16px}.cvStats span{display:block;color:#64748b;font-size:8.5px}.cvSection{border-bottom:1px solid #e2e8f0;padding-bottom:7px}.layout-sidebar.cvPaper{grid-template-columns:60mm 1fr}.layout-sidebar .cvAside{grid-column:1;grid-row:2/4}.layout-split .cvHeader{grid-column:1;grid-row:1/4;display:block}.layout-split .cvAside{grid-column:2;background:#fff;padding-bottom:0}.layout-split .cvBody{grid-column:2;padding-top:0}.layout-timeline .cvEntry{border-left:2px solid var(--cv);padding-left:8px}.layout-editorial .cvHeader,.layout-academic .cvHeader{background:#fff;color:#111827;border-bottom:7px solid var(--cv)}.layout-editorial .cvHeader p,.layout-academic .cvHeader p{color:#334155}.layout-creative .cvAside{background:#111827;color:#fff}.layout-creative .cvAside p,.layout-creative .cvAside span{color:#e5e7eb}.layout-card .cvBody{display:grid;grid-template-columns:1fr 1fr;gap:9px}.admin{max-width:1450px;margin:auto;padding:18px}.adminHero{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px}.adminStats{display:flex;gap:10px;flex-wrap:wrap}.adminStats b{background:var(--panel2);border:1px solid var(--line);border-radius:18px;padding:14px 18px;color:var(--primary);font-size:28px}.adminStats span{display:block;color:var(--muted);font-size:12px}.adminGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.userList table{width:100%;border-collapse:collapse}.userList td{border-bottom:1px solid var(--line);padding:10px;color:var(--muted)}.toast{position:fixed;right:20px;bottom:20px;background:var(--ink);color:var(--bg);padding:12px 16px;border-radius:14px;box-shadow:var(--shadow);z-index:80}.empty{padding:20px;border:1px dashed var(--line);border-radius:18px;text-align:center;color:var(--muted)}@media(max-width:1180px){.hero,.builderGrid,.adminGrid{grid-template-columns:1fr}.previewPanel{position:static}.scale{zoom:.58}.paperStage{max-height:760px}.filters{grid-template-columns:1fr}.fieldGrid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.wrap,.builder,.admin{padding:12px}.topbar{align-items:flex-start}.nav{justify-content:flex-end}.heroMain{padding:24px}.stats{grid-template-columns:1fr}.templateGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.tplCard{padding:10px;border-radius:18px}.tplMeta{left:8px;right:8px;top:8px}.fieldGrid{grid-template-columns:1fr}.scale{zoom:.42}.paperStage{max-height:620px;padding:8px}.cvPaper{box-shadow:none}.sectionHead{display:block}}@media(max-width:460px){.templateGrid{grid-template-columns:1fr}.scale{zoom:.34}.hero h1{font-size:34px}.actions .bigBtn{width:100%}}@media print{body *{visibility:hidden}.printArea,.printArea *{visibility:visible}.printArea{position:absolute;left:0;top:0}.cvPaper{box-shadow:none} }


/* richer template previews */
.tplPreview{display:block;background:#fff;position:relative;overflow:hidden;isolation:isolate}
.tplPreview *{box-sizing:border-box}
.tplPreview.preview-sidebar,.tplPreview.preview-split,.tplPreview.preview-creative,.tplPreview.preview-executive,.tplPreview.preview-modern{background:linear-gradient(180deg,#ffffff,var(--soft))}
.pv-head,.pv-execTop,.pv-compactTop,.pv-softHead,.pv-journalHead{position:absolute;left:10px;right:10px;top:10px;height:22px;border-radius:8px;background:var(--a)}
.pv-head.slim{height:16px}
.pv-head.wave{border-radius:20px 8px 14px 8px}
.pv-side{position:absolute;left:0;top:0;bottom:0;width:44px;background:linear-gradient(180deg,var(--a),color-mix(in srgb,var(--a) 72%, #ffffff))}
.pv-main{position:absolute;left:54px;right:10px;top:10px;bottom:10px}
.pv-main.mt{top:32px}
.pv-avatar,.pv-badgeSeal{position:absolute;display:block;border-radius:50%;background:color-mix(in srgb,var(--a) 22%, white);border:2px solid color-mix(in srgb,var(--a) 50%, white)}
.pv-avatar{left:10px;top:34px;width:26px;height:26px}
.pv-avatar.lg{position:static;width:42px;height:42px;margin:10px auto 8px}
.pv-chip{display:block;height:9px;border-radius:999px;background:#ffffffa8;margin:0 10px 6px}
.pv-chip.short{margin-inline:18px}
.pv-two{position:absolute;left:10px;right:10px;top:40px;bottom:10px;display:grid;grid-template-columns:42px 1fr;gap:10px}.pv-col{border-radius:10px;background:#fff}.pv-col.pv-muted{background:linear-gradient(180deg,var(--soft),#ffffff)}
.pv-text{position:absolute;display:block;height:6px;border-radius:999px;background:#d5deea}
.t1{left:10px;right:20px;top:46px}.t2{left:10px;right:38px;top:58px}.t3{left:10px;right:14px;top:74px}.t4{left:10px;right:30px;top:86px}.t5{left:10px;right:46px;top:98px}.t6{left:10px;right:26px;top:114px}
.preview-sidebar .t1,.preview-sidebar .t2,.preview-sidebar .t3,.preview-sidebar .t4,.preview-sidebar .t5,.preview-sidebar .t6{left:0}
.pv-splitLeft{position:absolute;left:0;top:0;bottom:0;width:56px;background:linear-gradient(180deg,var(--a),color-mix(in srgb,var(--a) 78%,#ffffff));padding-top:8px}.pv-splitRight{position:absolute;left:66px;right:10px;top:10px;bottom:10px}
.preview-split .t1,.preview-split .t2,.preview-split .t3,.preview-split .t4,.preview-split .t5,.preview-split .t6{left:0}
.pv-timeline{position:absolute;left:10px;right:10px;top:40px;bottom:10px}.pv-timeline i{position:absolute;left:18px;top:10px;bottom:8px;width:2px;background:var(--a)}.pv-dot{position:absolute;left:12px;width:14px;height:14px;border-radius:50%;background:var(--a);border:3px solid #fff}.pv-dot.d1{top:18px}.pv-dot.d2{top:52px}.pv-dot.d3{top:88px}.preview-timeline .t1,.preview-timeline .t2,.preview-timeline .t3,.preview-timeline .t4,.preview-timeline .t5,.preview-timeline .t6{left:40px}
.pv-editorialTitle{position:absolute;left:14px;right:14px;top:14px;height:16px;border-top:3px solid var(--a);border-bottom:1px solid #d9e1eb}.pv-editorialGrid{position:absolute;left:14px;right:14px;top:40px;bottom:12px;display:grid;grid-template-columns:1fr 44px;gap:10px}.pv-editorialGrid>div{position:relative}.pv-photoRect{display:block;border-radius:10px;background:linear-gradient(135deg,var(--soft),#fff);border:1px solid #e3e8f2}.pv-photoRect.wide{position:absolute;left:10px;right:10px;top:10px;height:54px}.preview-editorial .t1,.preview-editorial .t2,.preview-editorial .t3,.preview-editorial .t4,.preview-editorial .t5,.preview-editorial .t6,.preview-journal .t1,.preview-journal .t2,.preview-journal .t3,.preview-journal .t4,.preview-journal .t5,.preview-journal .t6{left:0}
.pv-shape{position:absolute;border-radius:16px;background:color-mix(in srgb,var(--a) 20%, white)}.pv-shape.s1{right:-10px;top:-12px;width:64px;height:50px}.pv-shape.s2{left:-16px;bottom:-20px;width:78px;height:60px;border-radius:30px}.preview-creative .pv-avatar{left:auto;right:14px;top:20px}.preview-creative .t1{top:52px}.preview-creative .t2{top:64px}
.pv-headerLine{position:absolute;left:14px;right:14px;top:16px;height:2px;background:var(--a)}.pv-centerTitle{position:absolute;left:28px;right:28px;top:24px;height:10px;border-radius:999px;background:color-mix(in srgb,var(--a) 28%, white)}.pv-academic{position:absolute;left:14px;right:14px;top:42px;bottom:12px}.pv-sectionCap{display:block;height:8px;width:72px;background:var(--a);opacity:.55;border-radius:999px;margin-bottom:10px}
.pv-cardStack{position:absolute;left:10px;right:10px;top:34px;bottom:10px;display:grid;gap:8px}.pv-cardStack div{border-radius:12px;background:linear-gradient(180deg,var(--soft),#fff);border:1px solid #e2e8f0}
.pv-minimalBar{position:absolute;left:14px;top:14px;width:70px;height:4px;border-radius:999px;background:var(--a)}.pv-minimal{position:absolute;left:14px;right:14px;top:26px;bottom:12px}
.pv-execTop{left:0;right:0;top:0;height:28px;border-radius:0;background:linear-gradient(180deg,#111827,var(--a))}.pv-badgeSeal{top:10px;right:12px;width:28px;height:28px;border:3px solid #fff;background:var(--a)}.preview-executive .t1{top:44px}.preview-executive .t2{top:56px}
.pv-ribbon{position:absolute;top:12px;right:-14px;width:58px;height:14px;background:var(--a);transform:rotate(18deg);border-radius:999px}.pv-modernBlocks{position:absolute;left:10px;right:10px;top:42px;bottom:10px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px}.pv-modernBlocks span{border-radius:10px;background:linear-gradient(180deg,var(--soft),#fff);border:1px solid #e2e8f0}
.pv-portfolio{position:absolute;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.pv-portfolio span{height:58px;border-radius:10px;background:linear-gradient(180deg,var(--soft),#fff);border:1px solid #e2e8f0}
.pv-compactTop{left:0;right:0;top:0;height:18px;border-radius:0;background:var(--a)}.pv-compactRows{position:absolute;left:10px;right:10px;top:30px;bottom:10px;display:grid;gap:7px}.pv-compactRows span{display:block;height:14px;border-radius:8px;background:#edf2f7;border:1px solid #e1e7ef}
.pv-softHead{background:linear-gradient(180deg,color-mix(in srgb,var(--a) 50%, white),var(--soft))}.pv-softCards{position:absolute;left:10px;right:10px;top:40px;bottom:10px;display:grid;gap:8px}.pv-softCards span{display:block;border-radius:14px;background:linear-gradient(180deg,#fff,var(--soft));border:1px solid #e7ecf4}
.pv-journalHead{height:14px;background:#111827}.pv-journalCols{position:absolute;left:10px;right:10px;top:34px;bottom:10px;display:grid;grid-template-columns:1fr 48px;gap:10px}.pv-journalCols>div{position:relative}
.pv-matrix{position:absolute;left:10px;right:10px;top:10px;bottom:10px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1.2fr .8fr .8fr;gap:7px}.pv-matrix span{display:block;border-radius:10px;background:linear-gradient(180deg,var(--soft),#fff);border:1px solid #e3e8f2}.pv-matrix span:first-child{grid-column:1/3;background:linear-gradient(135deg,var(--a),color-mix(in srgb,var(--a) 25%, white))}.pv-matrix span:nth-child(2){grid-row:1/3}.pv-matrix span:nth-child(6){grid-column:2/4}


/* Real mini CV previews */
.tplCard{overflow:hidden}
.tplPreview.real{height:215px;padding:0;background:linear-gradient(180deg,color-mix(in srgb,var(--soft) 72%,white),#eef2ff);border:1px solid color-mix(in srgb,var(--a) 18%,#dbe3f1);margin-bottom:11px}
.tplPreview.real:before{display:none}
.tplCanvas{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at top left,color-mix(in srgb,var(--a) 16%,white),transparent 24%),linear-gradient(180deg,color-mix(in srgb,var(--soft) 62%,white),#eef2ff)}
.tplCanvas .cvPaper{transform:scale(.225);transform-origin:top left;box-shadow:0 8px 18px rgba(15,23,42,.12);margin:10px 0 0 10px}
.tplCanvas .cvPaper.miniCv{pointer-events:none}
.tplCanvas .cvPaper.miniCv .cvHeader{padding:16mm 14mm 9mm}
.tplCanvas .cvPaper.miniCv .cvHeader h1{font-size:26px}
.tplCanvas .cvPaper.miniCv .cvHeader p{font-size:10px}
.tplCanvas .cvPaper.miniCv .cvAside section,.tplCanvas .cvPaper.miniCv .cvSection{margin-bottom:8px}
.tplCanvas .cvPaper.miniCv .cvBody li{margin-left:12px}
.body.dark .tplPreview.real,.dark .tplPreview.real{background:#11182a;border-color:#334155}
@media(max-width:760px){.tplPreview.real{height:180px}.tplCanvas .cvPaper{transform:scale(.18);margin:8px 0 0 8px}}

/* Palette and design customization */
.customizePanel{padding:18px;margin-bottom:16px}
.customizeGrid{display:grid;grid-template-columns:1.4fr .8fr .7fr .7fr;gap:14px;margin-top:14px}
.customizeGrid b{display:block;margin-bottom:8px;color:var(--ink)}
.paletteRow,.optionRow{display:flex;gap:8px;flex-wrap:wrap}
.paletteBtn,.optionBtn{border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:999px;padding:8px 11px;font-weight:800;font-size:12px;display:inline-flex;align-items:center;gap:7px}
.paletteBtn span{width:16px;height:16px;border-radius:50%;display:inline-block;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}
.paletteBtn.active,.optionBtn.active{background:var(--primary);border-color:var(--primary);color:#fff}
.customColors{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.customColors label{display:grid;gap:6px;font-size:12px;font-weight:800;color:var(--muted)}
.customColors input[type=color]{height:42px;padding:4px;border-radius:12px}
.selectedStyle{margin-top:14px;display:flex;align-items:center;gap:10px;background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:10px 12px}
.selectedStyle span{width:28px;height:28px;border-radius:9px;display:inline-block;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--line)}
.selectedStyle small{color:var(--muted);display:block}

/* New template-pack inspired CV layouts */
.font-modern{font-family:Inter,Segoe UI,Arial,sans-serif}
.font-serif{font-family:Georgia,'Times New Roman',serif}
.font-classic{font-family:Arial,Helvetica,sans-serif}
.density-compact .cvAside,.density-compact .cvBody{padding-top:7mm;padding-bottom:9mm}.density-compact .cvSection{margin-bottom:6px;padding-bottom:5px}.density-compact .cvHeader{padding-top:13mm;padding-bottom:7mm}
.density-airy .cvAside,.density-airy .cvBody{padding-top:13mm}.density-airy .cvSection{margin-bottom:14px;padding-bottom:11px}.density-airy .cvHeader{padding-top:22mm;padding-bottom:13mm}
.layout-boldHeader .cvHeader{background:linear-gradient(135deg,var(--cv),#111827);padding-bottom:14mm}.layout-boldHeader .cvAside{background:#f8fafc}.layout-boldHeader .cvBody{border-top:7px solid var(--cv)}
.layout-leftRail.cvPaper{grid-template-columns:22mm 58mm 1fr}.layout-leftRail .cvHeader{grid-column:2/4}.layout-leftRail:before{content:"";background:var(--cv);grid-column:1;grid-row:1/4}.layout-leftRail .cvAside{grid-column:2}.layout-leftRail .cvBody{grid-column:3}
.layout-photoCard .cvHeader{background:#fff;color:#111827;border-bottom:1px solid #e5e7eb}.layout-photoCard .cvHeader p{color:#334155}.layout-photoCard .cvPhoto{box-shadow:0 12px 22px rgba(0,0,0,.16);background:var(--cv);color:#fff}.layout-photoCard .cvAside{background:var(--cv);color:#fff}.layout-photoCard .cvAside h3,.layout-photoCard .cvAside p{color:#fff}.layout-photoCard .cvTags span{background:#fff;color:#111827}
.layout-twoTone .cvHeader{background:linear-gradient(90deg,var(--cv) 0 48%,#111827 48% 100%)}.layout-twoTone .cvAside{background:#111827}.layout-twoTone .cvAside h3,.layout-twoTone .cvAside p{color:#fff}.layout-twoTone .cvTags span{background:#ffffff12;color:#fff;border-color:#ffffff33}
.layout-premiumGold .cvHeader{background:#111827;color:#fff;border-bottom:8px solid #d4af37}.layout-premiumGold .cvAside h3,.layout-premiumGold .cvSection h3{color:#b7791f}.layout-premiumGold .cvStats b{background:#fff7ed;color:#b7791f}
.layout-developerDark .cvHeader,.layout-developerDark .cvAside{background:#0f172a;color:#fff}.layout-developerDark .cvHeader p,.layout-developerDark .cvAside p{color:#cbd5e1}.layout-developerDark .cvBody{background:#111827;color:#fff}.layout-developerDark .cvSection p,.layout-developerDark .cvEntry p,.layout-developerDark .cvEntry span,.layout-developerDark .cvEntry time,.layout-developerDark .cvBody li{color:#d1d5db}.layout-developerDark .cvEntry b{color:#fff}.layout-developerDark .cvTags span{background:#1f2937;color:#fff;border-color:#374151}
.layout-gradientFlow .cvHeader{background:linear-gradient(135deg,var(--cv),#a78bfa 55%,#111827)}.layout-gradientFlow .cvAside{background:linear-gradient(180deg,var(--cvsoft),#fff)}.layout-gradientFlow .cvSection{border-bottom-color:color-mix(in srgb,var(--cv) 22%,#e2e8f0)}
.layout-consulting .cvHeader{background:#fff;color:#111827;border-top:12px solid var(--cv);border-bottom:1px solid #e5e7eb}.layout-consulting .cvHeader p{color:#334155}.layout-consulting .cvAside{background:#f8fafc}.layout-consulting .cvSection h3{border-left:4px solid var(--cv);padding-left:7px}
.layout-infographic .cvStats{grid-template-columns:repeat(3,1fr)}.layout-infographic .cvStats b{border-radius:50%;aspect-ratio:1/1;display:grid;place-items:center;text-align:center}.layout-infographic .cvAside{background:#fff}.layout-infographic .cvTags span{background:var(--cv);color:#fff;border-color:var(--cv)}
.layout-cleanCorporate .cvHeader{background:#f8fafc;color:#111827;border-bottom:5px solid var(--cv)}.layout-cleanCorporate .cvHeader p{color:#334155}.layout-cleanCorporate .cvAside{background:#fff;border-right:1px solid #e5e7eb}.layout-cleanCorporate .cvSection{border-bottom:1px solid #e5e7eb}
.layout-creativeWave .cvHeader{background:radial-gradient(circle at top right,#fff3 0 22%,transparent 23%),linear-gradient(135deg,var(--cv),#111827)}.layout-creativeWave .cvAside{background:linear-gradient(180deg,var(--cvsoft),#fff)}.layout-creativeWave .cvPhoto{border-radius:34% 66% 48% 52%/54% 38% 62% 46%}
.layout-metroProfile .cvHeader{background:#fff;color:#111827}.layout-metroProfile .cvHeader p{color:#334155}.layout-metroProfile .cvAside{background:var(--cv)}.layout-metroProfile .cvAside h3,.layout-metroProfile .cvAside p{color:#fff}.layout-metroProfile .cvBody{display:grid;grid-template-columns:1fr 1fr;gap:10px}.layout-metroProfile .cvSection{background:#f8fafc;border:0;border-radius:12px;padding:10px}
.layout-elegantSerif{font-family:Georgia,'Times New Roman',serif}.layout-elegantSerif .cvHeader{background:#fff;color:#111827;text-align:center;display:block;border-bottom:2px solid var(--cv)}.layout-elegantSerif .cvHeader p{color:#334155;max-width:140mm;margin:auto}.layout-elegantSerif .cvPhoto{margin:0 auto 8px;background:var(--cv);color:#fff}.layout-elegantSerif .cvAside{background:#fff7ed}
.layout-atsCompact .cvHeader{background:#fff;color:#111827;padding:12mm 14mm 6mm;border-bottom:2px solid #111827}.layout-atsCompact .cvHeader p{display:none}.layout-atsCompact .cvPhoto{display:none}.layout-atsCompact .cvAside{background:#fff}.layout-atsCompact .cvTags span{border-radius:4px}.layout-atsCompact .cvSection h3{color:#111827}
.layout-blockModern .cvHeader{background:var(--cv);}.layout-blockModern .cvBody{display:grid;grid-template-columns:1fr 1fr;gap:9px}.layout-blockModern .cvSection{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:9px}.layout-blockModern .cvAside{background:#f8fafc}
.layout-healthcareClean .cvHeader{background:#ecfeff;color:#0f172a;border-bottom:6px solid var(--cv)}.layout-healthcareClean .cvHeader p{color:#334155}.layout-healthcareClean .cvAside{background:#f0fdfa}.layout-healthcareClean .cvSection h3,.layout-healthcareClean .cvAside h3{color:#0d9488}
@media(max-width:1180px){.customizeGrid{grid-template-columns:1fr 1fr}.customColors{grid-template-columns:1fr}}
@media(max-width:760px){.customizeGrid{grid-template-columns:1fr}.paletteRow{max-height:170px;overflow:auto}.selectedStyle{align-items:flex-start}}


/* CV yarat logo */
.brand{padding:0 4px;min-width:0}
.brandLogo{height:42px;width:auto;max-width:214px;object-fit:contain;display:block}
.brandText{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.dark .brandLogo{filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))}
@media(max-width:760px){.brandLogo{height:36px;max-width:166px}}
@media(max-width:460px){.brandLogo{height:32px;max-width:138px}}
.langSelect{width:auto;min-width:74px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:999px;padding:10px 12px;font-weight:800}.adminPreview{max-height:520px;overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--panel2);padding:12px}.adminPreview .miniCv{transform-origin:top left;zoom:.42;box-shadow:none}.userList small{color:var(--muted)}

/* ===== Screenshot-inspired landing redesign ===== */
:root{
  --landingBg:#f5f8ff;
  --brandBlue:#0c52d3;
  --brandBlueDark:#0b2b6b;
  --brandTeal:#15c4d5;
  --panelGlass:rgba(255,255,255,.78);
  --shadowSoft:0 20px 60px rgba(15,23,42,.08);
}
body{background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%)}
.shell{width:min(1220px,calc(100% - 48px));margin:0 auto}
.redesignTopbar{position:sticky;top:0;z-index:50;background:rgba(248,251,255,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(206,216,236,.7);box-shadow:0 6px 24px rgba(15,23,42,.04)}
.topbarInner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}
.topbarRight{display:flex;align-items:center;gap:18px;flex:1;justify-content:flex-end}
.navLinks{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.navLinks button{padding:10px 14px;border-radius:999px;border:1px solid transparent;background:transparent;color:#31415f;font-weight:700}
.navLinks button:hover,.navLinks button.active{background:#fff;border-color:#dbe7fb;color:#102042;box-shadow:0 6px 18px rgba(15,23,42,.06)}
.headerControls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.langCapsule{display:flex;align-items:center;padding:4px;border:1px solid #d6e2f5;background:#fff;border-radius:999px;box-shadow:0 8px 18px rgba(15,23,42,.04)}
.langCapsule button{padding:8px 12px;border:0;background:transparent;border-radius:999px;font-size:12px;font-weight:800;color:#4a5d83}
.langCapsule button.active{background:linear-gradient(135deg,#eff6ff,#fff);color:#1344ab;box-shadow:inset 0 0 0 1px #d7e4fb}
.themeToggle{display:flex;align-items:center;gap:9px;padding:8px 10px;background:#fff;border:1px solid #dbe7fb;border-radius:999px;min-width:58px;justify-content:space-between;box-shadow:0 8px 18px rgba(15,23,42,.04)}
.themeToggle span{font-size:14px}
.themeToggle i{display:block;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#0c52d3,#15c4d5)}
.primaryBtn,.outlineBtn,.outlineLightBtn,.ctaPrimary,.ctaGhost,.textBtn,.googleBtn{cursor:pointer;transition:.22s ease}
.primaryBtn{background:linear-gradient(135deg,#0b4cc7,#153fae 55%,#0b2b6b);color:#fff;border:0;border-radius:16px;padding:13px 20px;font-weight:800;box-shadow:0 16px 34px rgba(12,82,211,.22)}
.primaryBtn:hover,.ctaPrimary:hover{transform:translateY(-1px);box-shadow:0 18px 36px rgba(12,82,211,.28)}
.outlineBtn{background:#fff;color:#1542a5;border:1px solid #d6e2f5;border-radius:16px;padding:13px 18px;font-weight:800;box-shadow:0 10px 22px rgba(15,23,42,.04)}
.outlineBtn:hover,.outlineLightBtn:hover,.ctaGhost:hover,.googleBtn:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(15,23,42,.08)}
.outlineLightBtn{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:16px;padding:13px 18px;font-weight:800}
.xl{padding:16px 22px;font-size:15px}
.landing{padding:34px 0 46px;display:grid;gap:28px}
.heroSection{display:grid;grid-template-columns:1.02fr .98fr;gap:34px;align-items:center;padding:34px 0 8px}
.heroCopy h1{font-size:clamp(42px,5vw,76px);line-height:.98;letter-spacing:-.03em;margin:18px 0;color:#071a42;max-width:680px}
.heroCopy h1 span{background:linear-gradient(135deg,#24b1ff,#0c52d3);-webkit-background-clip:text;background-clip:text;color:transparent}
.heroCopy p{font-size:18px;line-height:1.72;color:#58698c;max-width:620px;margin:0 0 28px}
.heroBadge,.badge,.sectionKicker{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,#eaf4ff,#fff);border:1px solid #dbe7fb;color:#1b6fc9;font-weight:800;letter-spacing:.01em}
.heroActions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.heroMiniStats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.heroMiniStats>div{background:#fff;border:1px solid #e1eafb;border-radius:20px;padding:16px 18px;box-shadow:var(--shadowSoft);display:grid;gap:5px}
.heroMiniStats b{font-size:22px;color:#0b2b6b}
.heroMiniStats span{font-weight:800;color:#1e3053}
.heroMiniStats small{color:#657899}
.heroVisual{position:relative;min-height:690px;display:grid;place-items:center}
.heroGlow{position:absolute;inset:60px 40px 80px 70px;border-radius:42px;background:radial-gradient(circle at 28% 35%,rgba(12,82,211,.16),transparent 42%),radial-gradient(circle at 78% 22%,rgba(21,196,213,.16),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.96),rgba(235,243,255,.92));box-shadow:inset 0 0 0 1px rgba(220,230,248,.9)}
.heroResumeFrame{position:relative;z-index:2;width:min(590px,100%);height:640px;background:linear-gradient(180deg,#edf4ff,#fff);border:1px solid #dae7fb;border-radius:34px;box-shadow:0 34px 80px rgba(15,23,42,.12);overflow:hidden;padding:14px}
.heroResume{width:100%;height:100%;overflow:hidden;border-radius:26px;background:linear-gradient(180deg,#f9fbff,#eef3ff)}
.heroResume .cvPaper{transform:scale(.5);transform-origin:top left;box-shadow:0 14px 36px rgba(15,23,42,.12);margin:8px 0 0 8px}
.heroStatusCard{position:absolute;right:-6px;bottom:86px;z-index:3;display:flex;align-items:center;gap:14px;padding:18px 18px;background:rgba(255,255,255,.96);border:1px solid #dce7fa;border-radius:22px;box-shadow:0 24px 48px rgba(15,23,42,.12)}
.statusIcon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#14b8a6,#22c55e);color:#fff;font-weight:900;font-size:24px}
.heroStatusCard b{display:block;color:#102042;margin-bottom:4px}
.heroStatusCard p{margin:0;color:#5e7292}
.card,.featureCard,.blogCard,.aboutCard,.authForm,.premiumTemplateCard,.howCard{background:rgba(255,255,255,.95);border:1px solid #dfe8f8;box-shadow:var(--shadowSoft)}
.featureGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.featureCard{border-radius:24px;padding:24px}
.featureIcon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#eff6ff,#dff7fb);font-size:26px;margin-bottom:18px}
.featureCard h3,.howCard h3,.blogCard h3{margin:0 0 12px;color:#0d2248;font-size:22px}
.featureCard p,.howCard p,.blogCard p,.aboutCard p,.premiumCopy p{margin:0;color:#607392;line-height:1.7}
.premiumBlock{background:linear-gradient(135deg,#05194a,#092765 40%,#0c4bb8 78%,#16b9d0);border-radius:34px;padding:34px;display:grid;grid-template-columns:360px 1fr;gap:26px;align-items:stretch;box-shadow:0 34px 72px rgba(5,25,74,.26)}
.premiumCopy{color:#fff;display:grid;align-content:start;gap:16px}
.premiumCopy .sectionKicker{background:transparent;border-color:rgba(255,255,255,.22);color:#65f0ff;padding-left:0}
.premiumCopy h2{font-size:42px;line-height:1.08;margin:0;max-width:420px}
.premiumCards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.premiumTemplateCard{border-radius:24px;padding:14px;background:#fff;overflow:hidden}
.premiumThumb{height:250px;border-radius:18px;background:linear-gradient(180deg,var(--soft),#fff);border:1px solid color-mix(in srgb,var(--a) 16%,#dbe7fb);overflow:hidden;margin-bottom:12px}
.premiumThumb .tplCanvas .cvPaper{transform:scale(.22);transform-origin:top left;margin:10px 0 0 10px}
.premiumMeta{display:grid;gap:6px}
.premiumMeta b{font-size:28px;color:#12234a}
.premiumMeta small{color:#678;font-weight:700}
.premiumDots{display:flex;gap:8px;margin-top:4px}
.premiumDots span{display:block;width:13px;height:13px;border-radius:50%}
.howSection,.blogSection,.aboutSection,.ctaSection{display:grid;gap:20px}
.howIntro h2,.sectionHeadAlt h2,.aboutCard h2{font-size:44px;line-height:1.08;margin:8px 0 0;color:#091a41}
.howGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.howCard{border-radius:24px;padding:28px;position:relative}
.stepNo{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#0c52d3,#17bed3);color:#fff;font-size:22px;font-weight:900;margin-bottom:16px}
.sectionHeadAlt{display:flex;align-items:end;justify-content:space-between;gap:16px}
.blogGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.blogCard{border-radius:24px;padding:16px 16px 20px;overflow:hidden}
.blogThumb{height:170px;border-radius:18px;margin-bottom:18px;background:linear-gradient(135deg,#dfeeff,#fff)}
.blogThumb.blog1{background:linear-gradient(135deg,#d9eaff,#ffffff 56%,#d6fbff)}
.blogThumb.blog2{background:linear-gradient(135deg,#eef2ff,#ffffff 52%,#dcfce7)}
.blogThumb.blog3{background:linear-gradient(135deg,#e0f2fe,#ffffff 52%,#f5d0fe)}
.textBtn{padding:0;border:0;background:transparent;color:#0c52d3;font-weight:800;margin-top:10px}
.aboutCard{border-radius:28px;padding:30px;display:grid;grid-template-columns:1.1fr .9fr;gap:26px}
.aboutCard ul{margin:0;padding:0;list-style:none;display:grid;gap:14px}
.aboutCard li{position:relative;padding:16px 18px 16px 46px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid #e0eafb;border-radius:18px;color:#34496e;font-weight:700}
.aboutCard li:before{content:'✓';position:absolute;left:16px;top:15px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0c52d3,#17bed3);color:#fff;font-size:13px;font-weight:900}
.ctaCard{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:34px 36px;border-radius:28px;background:linear-gradient(135deg,#073db4,#0a57d9 52%,#16b9d0);color:#fff;box-shadow:0 30px 64px rgba(12,82,211,.2)}
.ctaCard h2{font-size:38px;line-height:1.06;margin:0 0 12px}
.ctaCard p{margin:0;color:#dfefff}
.ctaActions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ctaPrimary{background:#fff;color:#0a44b6;border:0;border-radius:18px;padding:16px 22px;font-weight:900;box-shadow:0 14px 30px rgba(255,255,255,.16)}
.ctaGhost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:18px;padding:16px 22px;font-weight:900}
.landingFooter{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 0 30px;color:#5d7398}
.footerBrand{display:flex;align-items:center;gap:12px;font-weight:700}
.footerBrand img{height:40px;width:auto}
.footerLinks{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.footerLinks a{color:#5d7398;text-decoration:none;font-weight:700}
.authPage{padding:36px 24px 48px}
.authShell{width:min(1200px,100%);margin:0 auto;display:grid;grid-template-columns:1.02fr .88fr;gap:24px;align-items:stretch}
.authPromo{background:linear-gradient(135deg,#071d4f,#0b3ea9 58%,#17bed3);border-radius:34px;padding:34px;color:#fff;display:grid;align-content:start;gap:18px;box-shadow:0 30px 70px rgba(7,29,79,.3)}
.authPromo h1{font-size:48px;line-height:1.05;margin:0;max-width:540px}
.authPromo p{margin:0;color:#d7e6ff;line-height:1.7}
.authPromo ul{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.authPromo li{padding-left:30px;position:relative;color:#eef6ff}
.authPromo li:before{content:'✓';position:absolute;left:0;top:0;color:#6df5ff;font-weight:900}
.authPreviewCard{margin-top:10px;border-radius:24px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:12px;height:290px;overflow:hidden}
.authPreviewCard .cvPaper{transform:scale(.255);transform-origin:top left;margin:12px 0 0 12px}
.authForm{border-radius:34px;padding:30px;display:grid;align-content:start;gap:14px}
.authForm h2{margin:0;font-size:36px;color:#081a42;line-height:1.08}
.authLead{margin:0;color:#677c9a}
.googleBtn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:15px 18px;border-radius:16px;border:1px solid #dbe7fb;background:#fff;color:#102042;font-weight:800;box-shadow:0 12px 24px rgba(15,23,42,.05)}
.googleMark{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ef4444,#f59e0b 48%,#22c55e 68%,#0ea5e9);color:#fff;font-weight:900}
.divider{display:flex;align-items:center;gap:12px;color:#8494b1;font-weight:700}
.divider:before,.divider:after{content:'';height:1px;background:#e2ebfa;flex:1}
.authSubmit,.authSwap{width:100%}
.authFootnote{display:block;margin-top:2px;color:#788aa8;line-height:1.6}
body.dark{background:linear-gradient(180deg,#071226,#08182b)}
body.dark .redesignTopbar{background:rgba(8,24,43,.82);border-bottom-color:#18304c}
body.dark .navLinks button{color:#d6e5ff}
body.dark .navLinks button:hover,body.dark .navLinks button.active,body.dark .langCapsule,body.dark .themeToggle,body.dark .outlineBtn,body.dark .featureCard,body.dark .blogCard,body.dark .aboutCard,body.dark .authForm,body.dark .howCard,body.dark .heroMiniStats>div,body.dark .heroResumeFrame,body.dark .premiumTemplateCard{background:#0d1d34;color:#eef6ff;border-color:#223552}
body.dark .heroCopy h1,body.dark .howIntro h2,body.dark .sectionHeadAlt h2,body.dark .aboutCard h2,body.dark .premiumMeta b,body.dark .featureCard h3,body.dark .howCard h3,body.dark .blogCard h3,body.dark .authForm h2{color:#f8fbff}
body.dark .heroCopy p,body.dark .featureCard p,body.dark .howCard p,body.dark .blogCard p,body.dark .aboutCard p,body.dark .premiumCopy p,body.dark .authLead,body.dark .footerLinks a,body.dark .landingFooter,body.dark .heroMiniStats small,body.dark .heroStatusCard p,body.dark .aboutCard li,body.dark .authFootnote{color:#aec0dd}
body.dark .heroBadge,body.dark .badge,body.dark .sectionKicker{background:#102544;border-color:#223552;color:#7dc8ff}
body.dark .heroGlow{background:radial-gradient(circle at 28% 35%,rgba(12,82,211,.24),transparent 42%),radial-gradient(circle at 78% 22%,rgba(21,196,213,.18),transparent 36%),linear-gradient(180deg,rgba(11,28,50,.98),rgba(10,22,38,.96));box-shadow:inset 0 0 0 1px rgba(34,53,82,.9)}
body.dark .heroStatusCard{background:#0d1d34;border-color:#223552}
body.dark .textBtn{color:#7dc8ff}
body.dark .footerBrand img{filter:brightness(1.15)}
@media(max-width:1180px){
  .heroSection,.authShell,.premiumBlock,.aboutCard{grid-template-columns:1fr}
  .heroVisual{min-height:unset}
  .premiumCards,.featureGrid,.blogGrid{grid-template-columns:repeat(2,1fr)}
  .howGrid{grid-template-columns:1fr}
}
@media(max-width:860px){
  .shell{width:min(100% - 28px,1220px)}
  .topbarInner,.topbarRight,.headerControls{align-items:flex-start}
  .topbarInner,.topbarRight{flex-direction:column}
  .heroMiniStats,.featureGrid,.premiumCards,.blogGrid{grid-template-columns:1fr}
  .landingFooter,.ctaCard,.sectionHeadAlt{flex-direction:column;align-items:flex-start}
  .heroCopy h1{font-size:42px}
  .heroResumeFrame{height:470px}
  .heroResume .cvPaper{transform:scale(.35)}
  .heroStatusCard{position:static;margin-top:16px;width:100%}
  .authPromo h1,.authForm h2,.premiumCopy h2,.ctaCard h2,.howIntro h2,.sectionHeadAlt h2,.aboutCard h2{font-size:32px}
  .authPage{padding:26px 14px 42px}
}
@media(max-width:560px){
  .heroCopy h1{font-size:36px}
  .heroActions,.ctaActions{width:100%}
  .heroActions>*,.ctaActions>*{width:100%}
  .heroMiniStats{grid-template-columns:1fr}
  .premiumBlock,.authPromo,.authForm,.featureCard,.howCard,.blogCard,.aboutCard,.ctaCard{padding:22px}
}

/* Template studio: uniform tiles and improved mini-preview layout */
.templateStudioGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;align-items:start}
.studioTemplate{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:14px;padding:12px;overflow:hidden;transition:transform .18s,box-shadow .18s}
.studioTemplate .studioMini{width:100%;height:240px;border-radius:12px;overflow:hidden;display:block;background:linear-gradient(180deg,var(--soft),#fff);position:relative}
.studioTemplate .tplCanvas{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}
.studioTemplate .tplCanvas .cvPaper{margin:0;transform-origin:top left;transform:scale(.22);box-shadow:0 8px 18px rgba(15,23,42,.12)}
.studioTemplate .studioTemplateMeta{padding-top:6px;text-align:left}
.studioTemplate:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(15,23,42,.08);border-color:color-mix(in srgb,var(--a) 36%,#fff)}
@media(max-width:760px){.templateStudioGrid{grid-template-columns:repeat(2,1fr)}.studioTemplate .studioMini{height:180px}.studioTemplate .tplCanvas .cvPaper{transform:scale(.18)}}

/* Premium showcase polish */
.premiumTemplateCard{position:relative;padding:16px;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;gap:10px}
.premiumRibbon{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#d4af37,#b7892e);color:#081a42;padding:6px 10px;border-radius:999px;font-weight:900;z-index:5;box-shadow:0 8px 28px rgba(212,175,55,.12)}
.premiumThumb{height:220px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}
.premiumGlow{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(212,175,55,.10),transparent 24%);mix-blend-mode:screen;pointer-events:none}
.premiumTemplateCard .tplCanvas .cvPaper{transform:scale(.22);margin:8px 0 0 8px;box-shadow:0 10px 22px rgba(15,23,42,.1)}
.premiumMeta b{font-size:18px;color:#071a42}

/* PDF YÜKLƏMƏ ÜÇÜN YEKUN VƏ TAM SABİT QAYDA */
@media print {
    @page {
        size: A4 portrait;
        margin: 0 !important;
    }

    body, html {
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
    }

    /* Qalan hər şeyi gizlədib, yalnız çap qutusunu görünür edirik */
    body * { visibility: hidden !important; }
    #app, .builder, #perfectPrintWrap, #perfectPrintWrap * { visibility: visible !important; }
    
    #perfectPrintWrap {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 999999 !important;
        background: #fff !important;
    }

    /* CV-ni Desktop (1000px) görünüşündə yaradıb, A4-ə uyğun kiçildirək tam oturduruq */
    .desktop-simulator {
        width: 1000px !important;
        transform: scale(0.793) !important; 
        transform-origin: top left !important;
    }

    .desktop-simulator .cvPaper,
    .desktop-simulator .cv-page.cvPackBridge {
        width: 1000px !important;
        height: auto !important;
        min-height: 1414px !important;
        transform: none !important;
        zoom: 1 !important;
        margin: 0 !important;
        border: none !important;
        box-shadow: none !important;
        page-break-after: avoid !important;
        page-break-inside: avoid !important;
    }

    /* Arxa fon rənglərinin PDF-ə məcburi düşməsi üçün */
    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        color-adjust: exact !important;
    }
}
/* ===== Dark mode readability fix ===== */
body.dark,
body.dark :not(.cvPaper):not(.cvPaper *){
  color-scheme: dark;
}

body.dark{
  --bg:#071226;
  --panel:#0d1d34;
  --panel2:#132641;
  --ink:#f8fbff;
  --muted:#b9c8e3;
  --line:rgba(148,163,184,.24);
  --soft:#102544;
  --shadow:0 24px 70px rgba(0,0,0,.42);
  background:linear-gradient(180deg,#071226,#08182b 60%,#071226) !important;
  color:var(--ink) !important;
}

body.dark .card,
body.dark .section,
body.dark .stat,
body.dark .infoBox,
body.dark .templateDock,
body.dark .formPanel,
body.dark .previewPanel,
body.dark .block,
body.dark .entry,
body.dark .chip,
body.dark .auth form,
body.dark .authForm,
body.dark .authPromo,
body.dark .adminHero,
body.dark .adminControls,
body.dark .users,
body.dark .adminTemplates button,
body.dark .customizePanel,
body.dark .settingsPanel,
body.dark .featureCard,
body.dark .howCard,
body.dark .blogCard,
body.dark .aboutCard,
body.dark .heroMiniStats > div,
body.dark .heroResumeFrame,
body.dark .heroStatusCard,
body.dark .premiumTemplateCard{
  background:#0d1d34 !important;
  border-color:#223552 !important;
  color:#f8fbff !important;
  box-shadow:0 24px 70px rgba(0,0,0,.32) !important;
}

body.dark .topbar,
body.dark .redesignTopbar{
  background:rgba(8,24,43,.88) !important;
  border-bottom-color:#223552 !important;
}

body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6,
body.dark b,
body.dark strong,
body.dark label,
body.dark .brand,
body.dark .brandText,
body.dark .tplInfo b,
body.dark .premiumMeta b,
body.dark .previewTop h2,
body.dark .formHeader h2,
body.dark .sectionHead h2,
body.dark .sectionHeadAlt h2,
body.dark .howIntro h2,
body.dark .aboutCard h2,
body.dark .authForm h2,
body.dark .heroCopy h1{
  color:#f8fbff !important;
}

body.dark p,
body.dark small,
body.dark span,
body.dark .lead,
body.dark .muted,
body.dark .tplInfo small,
body.dark .premiumMeta small,
body.dark .previewTop p,
body.dark .authLead,
body.dark .authFootnote,
body.dark .hint,
body.dark .stat span,
body.dark .footerLinks a,
body.dark .landingFooter,
body.dark .heroMiniStats small,
body.dark .heroStatusCard p,
body.dark .featureCard p,
body.dark .howCard p,
body.dark .blogCard p,
body.dark .aboutCard p,
body.dark .premiumCopy p,
body.dark table,
body.dark td,
body.dark th{
  color:#b9c8e3 !important;
}

body.dark input,
body.dark textarea,
body.dark select,
body.dark .field input,
body.dark .field textarea,
body.dark .field select{
  background:#102544 !important;
  color:#f8fbff !important;
  border-color:#2a3f60 !important;
}

body.dark input::placeholder,
body.dark textarea::placeholder{
  color:#8ea2c1 !important;
}

body.dark button:not(.primary):not(.primaryBtn):not(.ctaPrimary):not(.googleBtn),
body.dark .nav button,
body.dark .pillBtn,
body.dark .outlineBtn,
body.dark .formActions button:not(.primary),
body.dark .addBtn,
body.dark .tabs button,
body.dark .themeToggle,
body.dark .langCapsule{
  background:#102544 !important;
  color:#eaf2ff !important;
  border-color:#2a3f60 !important;
}

body.dark .nav button:hover,
body.dark .nav button.active,
body.dark .tabs button.active,
body.dark .langCapsule button.active{
  background:#0c52d3 !important;
  color:#fff !important;
  border-color:#0c52d3 !important;
}

body.dark .badge,
body.dark .heroBadge,
body.dark .sectionKicker,
body.dark .badges span{
  background:#102544 !important;
  border-color:#2a3f60 !important;
  color:#7dd3fc !important;
}

body.dark .tplCard{
  background:linear-gradient(180deg,color-mix(in srgb,var(--a) 16%,#102544),#0d1d34) !important;
  border-color:color-mix(in srgb,var(--a) 34%,#2a3f60) !important;
  color:#f8fbff !important;
}

body.dark .tplCard.selected{
  background:linear-gradient(180deg,color-mix(in srgb,var(--a) 24%,#102544),#0d1d34) !important;
  border-color:var(--a) !important;
}

body.dark .tplPreview.real,
body.dark .tplPreview,
body.dark .premiumThumb,
body.dark .authPreviewCard,
body.dark .paperStage,
body.dark .heroResume{
  background:linear-gradient(180deg,#102544,#071226) !important;
  border-color:#2a3f60 !important;
}

body.dark .tplMeta span{
  background:rgba(15,23,42,.72) !important;
  border-color:rgba(148,163,184,.35) !important;
  color:#eaf2ff !important;
}

body.dark .aboutCard li{
  background:#102544 !important;
  border-color:#2a3f60 !important;
  color:#eaf2ff !important;
}

body.dark .googleBtn{
  background:#f8fbff !important;
  color:#102042 !important;
  border-color:#dbe7fb !important;
}

body.dark .divider:before,
body.dark .divider:after{
  background:#2a3f60 !important;
}

body.dark .footerBrand img,
body.dark .brandLogo{
  filter:brightness(1.1) contrast(1.05);
}

/* CV paper must stay printable/readable in both themes */
body.dark .cvPaper,
body.dark .cvPaper *{
  color-scheme: light;
}
body.dark .cvPaper{
  background:#fff !important;
  color:#0f172a !important;
}
body.dark .cvPaper h1,
body.dark .cvPaper h2,
body.dark .cvPaper h3,
body.dark .cvPaper b,
body.dark .cvPaper strong{
  color:inherit !important;
}
body.dark .cvPaper p,
body.dark .cvPaper span,
body.dark .cvPaper small,
body.dark .cvPaper li,
body.dark .cvPaper time{
  color:#334155 !important;
}
body.dark .cvPaper .cvHeader,
body.dark .cvPaper .cvHeader *{
  color:#fff !important;
}
body.dark .cvPaper .cvAside{
  background:var(--cvsoft) !important;
}

@media print{
  body.dark,
  body.dark *{
    color-scheme: light !important;
  }
}


/* ===== Frontend complete integration layer (preserves app data/logic) ===== */
:root{
  --front-bg:#f7fbff;
  --front-card:#ffffff;
  --front-text:#07152f;
  --front-muted:#667085;
  --front-line:#e5eaf3;
  --front-primary:#2563eb;
  --front-primary-dark:#0b4de8;
  --front-teal:#14b8a6;
  --front-navy:#061a38;
  --front-navy2:#0f2a4d;
  --front-soft:#eef6ff;
  --front-shadow:0 24px 70px rgba(15,42,77,.12);
  --front-radius:22px;
}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--front-bg);color:var(--front-text)}
.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.topbar.redesignTopbar{background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--front-line);box-shadow:0 6px 28px rgba(7,21,47,.04)}
.topbarInner{min-height:78px;padding:0;gap:24px}.brand{font-size:28px;font-weight:900;gap:12px}.brandLogo{height:50px;width:auto;object-fit:contain}.brandText{font-weight:900;color:#07152f}.topbarRight{gap:20px}.navLinks{gap:24px}.navLinks button{font-size:15px;font-weight:800;color:#394763;border-radius:999px;padding:10px 12px}.navLinks button:hover,.navLinks button.active{background:#edf4ff;color:#0b4de8;border-color:#d8e5ff;box-shadow:none}.langCapsule{background:#fff;border:1px solid #dbe5f4;box-shadow:0 8px 24px rgba(7,21,47,.05)}.langCapsule button{color:#667085}.langCapsule button.active{color:#0b4de8;background:#edf4ff}.themeToggle{background:#fff;border:1px solid #dbe5f4}.themeToggle i{background:linear-gradient(135deg,var(--front-primary-dark),var(--front-teal))}.primaryBtn,.ctaPrimary{background:linear-gradient(135deg,#0b4de8,#2474ff);border-color:transparent;color:#fff;box-shadow:0 14px 30px rgba(37,99,235,.24);border-radius:13px}.outlineBtn{background:#fff;color:#0b4de8;border:1px solid #b8cdfb;border-radius:13px;box-shadow:none}.primaryBtn:hover,.outlineBtn:hover,.ctaPrimary:hover,.ctaGhost:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(7,21,47,.10)}
.landing{background:var(--front-bg);padding:0 0 36px;gap:0}.heroSection{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center;padding:72px 0 42px;overflow:hidden}.heroSection:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 5% 10%,rgba(37,99,235,.12),transparent 32%),radial-gradient(circle at 78% 18%,rgba(20,184,166,.12),transparent 26%);pointer-events:none}.heroCopy,.heroVisual{position:relative}.heroBadge,.badge,.sectionKicker{display:inline-flex;align-items:center;gap:9px;color:#0f8f84;background:#e9fbf7;border:0;border-radius:999px;padding:9px 15px;font-weight:900;font-size:14px;letter-spacing:0}.heroCopy h1{font-size:64px;line-height:1.02;margin:22px 0 20px;letter-spacing:-2.5px;color:#07152f;max-width:660px}.heroCopy h1 span{background:linear-gradient(135deg,#0b4de8,#16a3d8);-webkit-background-clip:text;background-clip:text;color:transparent}.heroCopy p{font-size:19px;line-height:1.8;color:#516078;max-width:560px}.heroActions{gap:16px;margin-top:28px;margin-bottom:0}.xl{padding:15px 23px;font-size:15px}.heroMiniStats{display:flex;gap:28px;margin-top:28px;flex-wrap:wrap}.heroMiniStats>div{display:flex;gap:9px;align-items:flex-start;background:transparent;border:0;box-shadow:none;padding:0;min-width:155px}.heroMiniStats b{font-size:15px;color:#0b4de8}.heroMiniStats span{display:block;color:#07152f;font-weight:900;font-size:14px}.heroMiniStats small{display:block;color:#667085;font-size:13px;margin-top:2px}.heroVisual{min-height:520px}.heroGlow{position:absolute;right:0;top:20px;width:430px;height:430px;background:#dbeafe;border-radius:46% 54% 55% 45%;opacity:.85;inset:auto 0 auto auto;box-shadow:none}.heroResumeFrame{position:relative;margin:20px auto;width:min(470px,100%);height:520px;background:#fff;border:0;border-radius:18px;box-shadow:var(--front-shadow);overflow:hidden;padding:0}.heroResume{height:100%;background:#fff;border-radius:0}.heroResume .cvPaper{transform:scale(.43);transform-origin:top left;margin:0;box-shadow:none}.heroStatusCard{position:absolute;right:-18px;bottom:60px;background:rgba(255,255,255,.96);border:1px solid var(--front-line);border-radius:18px;box-shadow:0 18px 45px rgba(7,21,47,.16);padding:20px;display:grid;text-align:center;min-width:170px}.statusIcon{margin:auto;width:52px;height:52px;border:4px solid #d6faf3;background:#fff;color:#14b8a6;border-radius:50%}.heroStatusCard b{font-size:18px;color:#07152f}.heroStatusCard p{font-size:14px;color:#667085}
.featureGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:0}.featureCard{background:#fff;border:1px solid var(--front-line);border-radius:22px;padding:28px;box-shadow:0 8px 26px rgba(7,21,47,.04)}.featureIcon{width:56px;height:56px;border-radius:15px;background:linear-gradient(135deg,#0b4de8,#2474ff);color:#fff;display:grid;place-items:center;font-size:24px;margin-bottom:18px;box-shadow:0 14px 30px rgba(37,99,235,.20)}.featureCard h3{font-size:20px;margin:0 0 12px;color:#07152f}.featureCard p{color:#667085;line-height:1.7;margin:0}.premiumBlock{background:linear-gradient(135deg,#061a38,#0f315b);border-radius:28px;padding:36px;display:grid;grid-template-columns:310px 1fr;gap:30px;align-items:center;box-shadow:0 24px 70px rgba(6,26,56,.25);margin-top:36px}.premiumCopy .sectionKicker{background:transparent;color:#22d3ee;padding:0}.premiumCopy h2{font-size:34px;line-height:1.15;color:#fff;margin:8px 0 14px}.premiumCopy p{color:#cbd5e1;line-height:1.8}.outlineLightBtn{color:#22d3ee;border:1px solid #22d3ee;background:transparent;border-radius:13px}.premiumCards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.premiumTemplateCard{background:#fff;border:1px solid #e5eaf3;border-radius:18px;padding:14px;box-shadow:0 18px 45px rgba(7,21,47,.12)}.premiumThumb{height:250px;border-radius:14px;background:#f8fbff;border-color:#e5eaf3}.premiumMeta b{font-size:18px;color:#07152f}.howSection{padding:40px 0 10px}.howIntro h2,.aboutCard h2{font-size:38px;color:#07152f}.howGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.howCard{background:#fff;border:1px solid var(--front-line);border-radius:22px;padding:28px;box-shadow:0 8px 26px rgba(7,21,47,.04)}.stepNo{width:42px;height:42px;border-radius:50%;background:#0b4de8;color:#fff;font-weight:950}.howCard h3{color:#07152f}.howCard p{color:#667085}.aboutSection{padding:22px 0}.aboutCard{background:#fff;border:1px solid var(--front-line);border-radius:24px;box-shadow:0 8px 26px rgba(7,21,47,.04)}.aboutCard li{background:#f8fbff}.ctaCard{background:linear-gradient(135deg,#0b4de8,#14b8a6);border-radius:28px;box-shadow:0 24px 70px rgba(37,99,235,.18);padding:42px}.landingFooter{border-top:1px solid var(--front-line);padding:30px 0;color:#667085}.footerBrand img{height:44px}.footerLinks a{color:#667085}
.authPage{background:radial-gradient(circle at top left,rgba(37,99,235,.12),transparent 36%),var(--front-bg)}.authShell{grid-template-columns:1fr 460px;gap:34px}.authPromo{background:linear-gradient(135deg,#061a38,#0f315b);border-radius:28px;box-shadow:var(--front-shadow)}.authForm{background:#fff;border:1px solid var(--front-line);border-radius:24px;box-shadow:var(--front-shadow)}.authForm h2{color:#07152f}.googleBtn{border:1px solid var(--front-line);border-radius:13px;background:#fff;color:#07152f}.divider:before,.divider:after{background:#e5eaf3}.field input,.field textarea,.field select,input,select,textarea{border:1px solid #d8e0ec;border-radius:12px;background:#fff;color:#07152f}.authFootnote{color:#667085}
.builder{background:#f3f6fb;max-width:1600px}.templateDock,.formPanel,.previewPanel,.adminHero,.userList,.admin .card{background:#fff;border:1px solid var(--front-line);border-radius:22px;box-shadow:0 8px 26px rgba(7,21,47,.04)}.filters input,.filters select{background:#fff;color:#07152f;border-color:#d8e0ec}.tplCard{background:#fff;border:1px solid #d6e3ff;border-radius:22px;box-shadow:0 8px 26px rgba(7,21,47,.04)}.tplPreview.real{background:#f8fbff;border-color:#d6e3ff}.tplInfo b{font-size:14px;color:#07152f}.tplInfo small{color:#667085}.tabs button,.formActions button,.addBtn,.danger{border-radius:13px}.paperStage{background:#f3f6fb}.previewTop h2,.formHeader h2,.sectionHead h2{color:#07152f}.block,.entry{background:#fff;border-color:#e5eaf3}.block h3{color:#07152f}.field label{color:#667085}
body.dark{--front-bg:#07111f;--front-card:#0d1b2f;--front-text:#f8fafc;--front-muted:#a8b3c4;--front-line:#1f314f;background:#07111f;color:#f8fafc}body.dark .topbar.redesignTopbar,body.dark .featureCard,body.dark .premiumTemplateCard,body.dark .howCard,body.dark .aboutCard,body.dark .authForm,body.dark .templateDock,body.dark .formPanel,body.dark .previewPanel,body.dark .adminHero,body.dark .userList,body.dark .admin .card,body.dark .tplCard,body.dark .block,body.dark .entry{background:#0d1b2f;color:#f8fafc;border-color:#1f314f}body.dark .brandText,body.dark .heroCopy h1,body.dark .featureCard h3,body.dark .howIntro h2,body.dark .howCard h3,body.dark .aboutCard h2,body.dark .authForm h2,body.dark .previewTop h2,body.dark .formHeader h2,body.dark .sectionHead h2,body.dark .tplInfo b{color:#f8fafc}body.dark .heroCopy p,body.dark .featureCard p,body.dark .howCard p,body.dark .aboutCard p,body.dark .footerLinks a,body.dark .landingFooter,body.dark .tplInfo small,body.dark .field label,body.dark .authFootnote{color:#a8b3c4}body.dark .heroMiniStats span{color:#f8fafc}body.dark .heroBadge,body.dark .badge,body.dark .sectionKicker{background:#0d213e;color:#5eead4}body.dark .outlineBtn,body.dark .langCapsule,body.dark .themeToggle,body.dark .googleBtn{background:#0d1b2f;color:#f8fafc;border-color:#1f314f}body.dark .navLinks button{color:#d7e5fb}body.dark .navLinks button:hover,body.dark .navLinks button.active,body.dark .langCapsule button.active{background:#0d213e;color:#65a8ff;border-color:#1f314f}body.dark input,body.dark select,body.dark textarea,body.dark .filters input,body.dark .filters select{background:#07111f;color:#f8fafc;border-color:#233753}body.dark .heroResumeFrame,body.dark .heroStatusCard,body.dark .tplPreview.real,body.dark .premiumThumb{background:#0a1424;border-color:#1f314f}body.dark .heroStatusCard b{color:#f8fafc}body.dark .paperStage{background:#07111f}body.dark .aboutCard li{background:#07111f;color:#d7e5fb;border-color:#1f314f}
@media(max-width:1180px){.heroSection,.premiumBlock,.authShell{grid-template-columns:1fr}.featureGrid,.premiumCards{grid-template-columns:repeat(2,1fr)}.heroVisual{min-height:auto}.heroResumeFrame{margin-inline:0}.heroStatusCard{right:20px}}@media(max-width:900px){.shell{width:min(1180px,calc(100% - 28px))}.navLinks{display:none}.topbarInner,.topbarRight{flex-direction:column;align-items:flex-start}.heroSection{padding:42px 0 30px}.heroCopy h1{font-size:46px}.featureGrid,.premiumCards,.howGrid{grid-template-columns:1fr}.premiumBlock,.ctaCard{padding:28px}.heroStatusCard{position:static;margin-top:16px}.authShell{grid-template-columns:1fr}.heroResumeFrame{height:430px}.heroResume .cvPaper{transform:scale(.35)}}

/* Browser fit polish: make the app fill the viewport cleanly at 100% zoom */
html{width:100%;overflow-x:hidden;scroll-behavior:smooth}
body{width:100%;overflow-x:hidden}
#app{width:100%;min-height:100vh}
.shell{width:min(1540px,calc(100vw - 32px)) !important;max-width:none !important;margin-inline:auto !important}
.wrap,.builder,.admin{width:min(1600px,calc(100vw - 28px)) !important;max-width:none !important;margin-inline:auto !important}
.landing{width:100%;min-height:100vh}
.redesignTopbar,.topbar{width:100%}
.topbarInner{width:min(1540px,calc(100vw - 32px)) !important;max-width:none !important;margin-inline:auto !important}
.heroSection{min-height:calc(100vh - 92px);display:grid;align-items:center;padding-top:42px !important;padding-bottom:36px !important}
.heroCopy h1{font-size:clamp(44px,4.35vw,72px) !important;line-height:1.03 !important}
.heroCopy p{font-size:clamp(16px,1.05vw,19px) !important}
.heroVisual{min-height:clamp(480px,58vh,650px) !important}
.heroResumeFrame{width:min(520px,42vw) !important;height:clamp(500px,58vh,660px) !important}
.featureGrid,.howGrid,.blogGrid{width:100%}
.premiumBlock,.aboutSection,.ctaSection,.featureGrid,.howSection{margin-top:0}
.builder{padding:18px 14px !important}
.templateDock{width:100%;padding:18px !important}
.templateGrid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr)) !important;gap:16px !important;align-items:stretch}
.tplCard{min-height:unset !important;padding:12px !important}
.tplPreview.real{height:218px !important}
.tplCanvas .cvPaper{transform:scale(.225) !important;transform-origin:top left !important;margin:10px 0 0 10px !important}
.builderGrid{grid-template-columns:minmax(0,1.05fr) minmax(470px,.82fr) !important;gap:18px !important}
.previewPanel{top:88px !important}
.paperStage{max-height:calc(100vh - 172px) !important}
.scale{zoom:.72}
.authPage{min-height:calc(100vh - 76px);display:grid;align-items:center}
.authShell{width:min(1320px,calc(100vw - 32px)) !important;max-width:none !important}
@media (min-width:1700px){
  .shell,.topbarInner{width:min(1680px,calc(100vw - 48px)) !important}
  .wrap,.builder,.admin{width:min(1720px,calc(100vw - 48px)) !important}
  .templateGrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr)) !important}
  .tplPreview.real{height:230px !important}
  .heroResumeFrame{width:min(560px,39vw) !important}
}
@media (max-width:1180px){
  .heroSection{min-height:auto !important}
  .builderGrid{grid-template-columns:1fr !important}
  .scale{zoom:.62}
  .paperStage{max-height:760px !important}
}
@media (max-width:900px){
  .shell,.topbarInner,.wrap,.builder,.admin,.authShell{width:calc(100vw - 24px) !important}
  .heroSection{padding-top:28px !important}
  .heroResumeFrame{width:100% !important;height:460px !important}
  .templateGrid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr)) !important}
  .tplPreview.real{height:180px !important}
}
@media (max-width:560px){
  .shell,.topbarInner,.wrap,.builder,.admin,.authShell{width:calc(100vw - 18px) !important}
  .heroCopy h1{font-size:38px !important}
  .templateGrid{grid-template-columns:1fr 1fr !important;gap:10px !important}
  .tplPreview.real{height:160px !important}
  .tplCanvas .cvPaper{transform:scale(.17) !important;margin:8px 0 0 8px !important}
  .scale{zoom:.38}
}

/* ===== Builder page integrated from uploaded frontend ===== */
.builderIntegrated{width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;background:#eef3fb !important;color:#0f172a;min-height:calc(100vh - 72px)}
.builderIntegrated .builder-top{position:sticky;top:74px;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 24px;background:rgba(255,255,255,.92);border-bottom:1px solid #dbe4f2;box-shadow:0 12px 34px rgba(15,23,42,.06);backdrop-filter:blur(14px)}
.builderTopLeft{display:flex;align-items:center;gap:12px;min-width:210px}.builderTopLeft .brand-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#0f315b,#14b8a6);color:#fff;font-weight:900;box-shadow:0 14px 28px rgba(15,49,91,.2)}.builderTopLeft b{display:block;font-size:18px}.builderTopLeft small{display:block;color:#64748b;margin-top:2px;font-size:12px}.builderIntegrated .nav-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.builderIntegrated .nav-links button{border:1px solid #dbe4f2;background:#fff;color:#34445f;border-radius:999px;padding:10px 14px;font-weight:800}.builderIntegrated .nav-links button.active,.builderIntegrated .nav-links button:hover{background:#0f315b;color:#fff;border-color:#0f315b}.builderIntegrated .nav-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.builderIntegrated .lang-switch{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #dbe4f2;background:#fff;border-radius:999px}.builderIntegrated .lang-switch button{border:0;background:transparent;color:#64748b;font-weight:900;padding:2px 4px}.builderIntegrated .lang-switch button.active{color:#0f315b}.builderIntegrated .lang-switch span{color:#cbd5e1}.builderIntegrated .btn{border:1px solid #dbe4f2;background:#fff;color:#0f172a;border-radius:14px;padding:11px 14px;font-weight:900;box-shadow:0 8px 18px rgba(15,23,42,.04)}.builderIntegrated .btn-primary{background:linear-gradient(135deg,#0f315b,#047857);border-color:transparent;color:#fff;box-shadow:0 14px 28px rgba(15,49,91,.18)}
.builderIntegrated .builder-shell{display:grid;grid-template-columns:260px minmax(360px,.9fr) minmax(470px,1.05fr) 310px;gap:18px;align-items:start;padding:18px 22px 32px;max-width:1840px;margin:0 auto}.builderIntegrated .builder-sidebar,.builderIntegrated .builder-form,.builderIntegrated .builder-main,.builderIntegrated .builder-tools{background:#fff;border:1px solid #dbe4f2;border-radius:24px;box-shadow:0 12px 34px rgba(15,23,42,.06)}.builderIntegrated .builder-sidebar{position:sticky;top:152px;padding:16px;display:grid;gap:9px}.builderIntegrated .builder-menu-title{text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:#64748b;font-weight:900;margin:4px 4px 8px}.builderIntegrated .builder-step{width:100%;border:1px solid transparent;background:transparent;color:#334155;text-decoration:none;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;text-align:left;border-radius:17px;padding:11px 10px;font-weight:900}.builderIntegrated .builder-step span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#edf3fa;color:#0f315b;font-weight:900}.builderIntegrated .builder-step b{font-size:14px}.builderIntegrated .builder-step small{grid-column:2;color:#7b8798;font-size:11px;font-weight:700;margin-top:-6px}.builderIntegrated .builder-step.active{background:linear-gradient(135deg,#e9f7f7,#f6fbff);border-color:#b9dfe5;color:#0f315b}.builderIntegrated .builder-step.active span{background:linear-gradient(135deg,#0f315b,#14b8a6);color:#fff}.builderIntegrated .premium-box{margin-top:14px;border-radius:20px;padding:16px;background:linear-gradient(135deg,#061a38,#0f315b);color:#fff}.builderIntegrated .premium-box h3{margin:0 0 8px;font-size:16px}.builderIntegrated .premium-box p{color:#dbeafe;font-size:13px;line-height:1.55;margin:0 0 14px}.builderIntegrated .premium-box .btn{width:100%;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff;box-shadow:none}
.builderIntegrated .builder-form{padding:18px;min-height:720px}.builderIntegrated .builderFormHeader{align-items:flex-start;border-bottom:1px solid #e5edf7;padding-bottom:16px;margin-bottom:16px}.builderIntegrated .builderFormHeader h2{font-size:26px;margin:9px 0 4px;color:#0f172a}.builderIntegrated .lead{font-size:14px;color:#64748b;margin:0}.builderIntegrated .block{background:#f8fbff;border:1px solid #e5edf7;border-radius:20px;padding:16px}.builderIntegrated .block h3{color:#0f172a;font-size:18px}.builderIntegrated .fieldGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.builderIntegrated input,.builderIntegrated select,.builderIntegrated textarea{width:100%;border:1px solid #d7e2f0;background:#fff;color:#0f172a;border-radius:14px;padding:12px 13px;outline:none;transition:.16s}.builderIntegrated input:focus,.builderIntegrated select:focus,.builderIntegrated textarea:focus{border-color:#14b8a6;box-shadow:0 0 0 4px rgba(20,184,166,.12)}.builderIntegrated textarea{min-height:110px;resize:vertical}.builderIntegrated .entry{background:#fff;border-color:#e5edf7;border-radius:18px}.builderIntegrated .chip{background:#fff;border-color:#dbe4f2}.builderIntegrated .chip input{box-shadow:none;padding:6px}.builderIntegrated .upload{background:#f8fbff;color:#0f315b;font-weight:900}.builderIntegrated .formActions button,.builderIntegrated .addBtn,.builderIntegrated .danger{border-radius:14px;border-color:#dbe4f2}.builderIntegrated .formActions .primary{background:linear-gradient(135deg,#0f315b,#047857);border-color:transparent;color:#fff}.builderIntegrated .badge{background:#e6f7f5;color:#047857;border-radius:999px;padding:8px 12px}
.builderIntegrated .builder-main{padding:16px;position:sticky;top:152px}.builderIntegrated .previewTop.integrated{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.builderIntegrated .previewTop h2{margin:0;font-size:18px;color:#0f172a}.builderIntegrated .previewTop p{margin:4px 0 0;color:#64748b;font-size:12px}.builderIntegrated .badges span{background:#e6f7f5;color:#047857}.builderIntegrated .resume-paper.paperStage{height:calc(100vh - 232px);min-height:690px;max-height:none;background:linear-gradient(180deg,#e7edf6,#f8fbff);border:1px solid #dbe4f2;border-radius:22px;padding:16px;overflow:auto}.builderIntegrated .scale{zoom:.58;display:grid;place-items:start center}.builderIntegrated .cvPaper{box-shadow:0 24px 60px rgba(15,23,42,.18)}
.builderIntegrated .builder-tools{position:sticky;top:152px;padding:16px;max-height:calc(100vh - 172px);overflow:auto}.builderIntegrated .toolsHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.builderIntegrated .toolsHead h3,.builderIntegrated .toolTitle{margin:0;font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:#0f172a}.builderIntegrated .toolsHead small{color:#64748b;font-weight:800}.builderIntegrated .toolFilters{display:grid;gap:9px;margin-bottom:14px}.builderIntegrated .toolFilters input,.builderIntegrated .toolFilters select{padding:10px 11px;border-radius:13px}.builderIntegrated .small-template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.builderIntegrated .small-template{min-height:122px;border:1px solid #dbe4f2;background:#fff;border-radius:18px;padding:8px;display:grid;gap:7px;text-align:left;transition:.16s}.builderIntegrated .small-template:hover{transform:translateY(-2px);border-color:var(--a);box-shadow:0 12px 24px color-mix(in srgb,var(--a) 12%,transparent)}.builderIntegrated .small-template.active{border-color:var(--a);box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 18%,transparent)}.builderIntegrated .small-template small{font-size:10px;color:#64748b;font-weight:900;line-height:1.25}.builderIntegrated .mini-paper{height:82px;border-radius:13px;background:linear-gradient(180deg,var(--soft),#fff);border:1px solid color-mix(in srgb,var(--a) 18%,#dbe4f2);overflow:hidden;position:relative}.builderIntegrated .mini-cv-art{position:absolute;inset:7px;background:#fff;border-radius:9px;display:grid;grid-template-columns:30% 1fr;gap:5px;padding:5px}.builderIntegrated .mini-cv-art i{grid-row:1/5;background:linear-gradient(180deg,var(--a),color-mix(in srgb,var(--a) 55%,#fff));border-radius:7px}.builderIntegrated .mini-cv-art b,.builderIntegrated .mini-cv-art span{display:block;height:5px;border-radius:999px;background:#cbd5e1}.builderIntegrated .mini-cv-art b{background:var(--a);width:75%;height:8px}.builderIntegrated .mini-cv-art span:nth-child(3){width:92%}.builderIntegrated .mini-cv-art span:nth-child(4){width:70%}.builderIntegrated .mini-cv-art span:nth-child(5){width:84%}.builderIntegrated .toolTitle{margin:20px 0 10px}.builderIntegrated .color-row{display:flex;gap:9px;flex-wrap:wrap}.builderIntegrated .color{width:31px;height:31px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #dbe4f2;transition:.15s}.builderIntegrated .color.active{box-shadow:0 0 0 3px #14b8a6}.builderIntegrated .customColors.compact{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.builderIntegrated .customColors.compact label{font-size:11px;color:#64748b;font-weight:800}.builderIntegrated .customColors.compact input{height:38px;padding:3px;margin-top:5px}.builderIntegrated .filter-row{display:flex;gap:8px;flex-wrap:wrap}.builderIntegrated .filter{border:1px solid #dbe4f2;background:#fff;color:#0f172a;border-radius:999px;padding:9px 12px;font-weight:900}.builderIntegrated .filter.active{background:#0f315b;color:#fff;border-color:#0f315b}.builderIntegrated .download-stack{display:grid;gap:10px;margin-top:20px}.builderIntegrated .zoom-tools{position:fixed;right:24px;bottom:22px;z-index:45;display:flex;align-items:center;gap:7px;padding:8px;background:#fff;border:1px solid #dbe4f2;border-radius:999px;box-shadow:0 14px 30px rgba(15,23,42,.12)}.builderIntegrated .zoom-tools button{width:34px;height:34px;border:0;border-radius:50%;background:#edf3fa;color:#0f315b;font-weight:900}.builderIntegrated .zoom-tools span{font-size:12px;color:#64748b;font-weight:900;padding:0 4px}
body.dark .builderIntegrated{background:#07111f !important;color:#f8fafc}body.dark .builderIntegrated .builder-top,body.dark .builderIntegrated .builder-sidebar,body.dark .builderIntegrated .builder-form,body.dark .builderIntegrated .builder-main,body.dark .builderIntegrated .builder-tools,body.dark .builderIntegrated .zoom-tools{background:#0d1b2f;color:#f8fafc;border-color:#1f314f}body.dark .builderIntegrated .builderTopLeft b,body.dark .builderIntegrated .builderFormHeader h2,body.dark .builderIntegrated .block h3,body.dark .builderIntegrated .previewTop h2,body.dark .builderIntegrated .toolsHead h3,body.dark .builderIntegrated .toolTitle{color:#f8fafc}body.dark .builderIntegrated .builderTopLeft small,body.dark .builderIntegrated .lead,body.dark .builderIntegrated .builder-step small,body.dark .builderIntegrated .previewTop p,body.dark .builderIntegrated .toolsHead small,body.dark .builderIntegrated .small-template small{color:#a8b3c4}body.dark .builderIntegrated .nav-links button,body.dark .builderIntegrated .lang-switch,body.dark .builderIntegrated .btn,body.dark .builderIntegrated .filter,body.dark .builderIntegrated .small-template,body.dark .builderIntegrated input,body.dark .builderIntegrated select,body.dark .builderIntegrated textarea,body.dark .builderIntegrated .block,body.dark .builderIntegrated .entry,body.dark .builderIntegrated .chip{background:#07111f;color:#f8fafc;border-color:#1f314f}body.dark .builderIntegrated .builder-step{color:#d7e5fb}body.dark .builderIntegrated .builder-step span,body.dark .builderIntegrated .zoom-tools button{background:#0d213e;color:#7dd3fc}body.dark .builderIntegrated .builder-step.active,body.dark .builderIntegrated .badge,body.dark .builderIntegrated .badges span{background:#0d213e;color:#5eead4;border-color:#1f314f}body.dark .builderIntegrated .resume-paper.paperStage{background:#07111f;border-color:#1f314f}body.dark .builderIntegrated .mini-paper{background:#0a1424;border-color:#1f314f}body.dark .builderIntegrated .mini-cv-art{background:#fff}body.dark .builderIntegrated .filter.active,body.dark .builderIntegrated .nav-links button.active,body.dark .builderIntegrated .nav-links button:hover{background:#14b8a6;color:#06201d;border-color:#14b8a6}
@media(max-width:1450px){.builderIntegrated .builder-shell{grid-template-columns:220px minmax(330px,1fr) minmax(430px,1fr);}.builderIntegrated .builder-tools{grid-column:1/-1;position:static;max-height:none}.builderIntegrated .small-template-grid{grid-template-columns:repeat(6,1fr)}}
@media(max-width:1100px){.builderIntegrated .builder-top{top:0;position:relative;align-items:flex-start;flex-direction:column}.builderIntegrated .builder-shell{grid-template-columns:1fr}.builderIntegrated .builder-sidebar,.builderIntegrated .builder-main,.builderIntegrated .builder-tools{position:static}.builderIntegrated .builder-sidebar{grid-template-columns:repeat(2,1fr)}.builderIntegrated .builder-menu-title,.builderIntegrated .premium-box{grid-column:1/-1}.builderIntegrated .resume-paper.paperStage{height:auto;min-height:620px}.builderIntegrated .small-template-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.builderIntegrated .builder-shell{padding:12px}.builderIntegrated .builder-sidebar{grid-template-columns:1fr}.builderIntegrated .builder-top{padding:12px}.builderIntegrated .nav-actions{width:100%}.builderIntegrated .fieldGrid{grid-template-columns:1fr}.builderIntegrated .scale{zoom:.42}.builderIntegrated .small-template-grid{grid-template-columns:repeat(2,1fr)}.builderIntegrated .zoom-tools{right:12px;bottom:12px}.builderIntegrated .nav-links{width:100%}}
@media(max-width:460px){.builderIntegrated .scale{zoom:.34}.builderIntegrated .small-template-grid{grid-template-columns:1fr}.builderIntegrated .builderTopLeft{min-width:0}.builderIntegrated .nav-actions .btn{width:100%}}


/* Imported 2026 template pack layouts */
.layout-canvaMinimalLuxe .cvHeader,.layout-addonNeoMinimal .cvHeader{background:#fff;color:#111827;border-bottom:3px solid var(--cv);padding-bottom:8mm}.layout-canvaMinimalLuxe .cvHeader p,.layout-addonNeoMinimal .cvHeader p{color:#334155}.layout-canvaMinimalLuxe .cvAside,.layout-addonNeoMinimal .cvAside{background:#fff}.layout-canvaMinimalLuxe .cvSection h3,.layout-addonNeoMinimal .cvSection h3{letter-spacing:.22em}
.layout-canvaMetricCards .cvStats,.layout-addonSalesScorecard .cvStats{grid-template-columns:repeat(3,1fr)}.layout-canvaMetricCards .cvStats b,.layout-addonSalesScorecard .cvStats b{background:var(--cv);color:#fff;border-radius:16px;text-align:center}.layout-canvaMetricCards .cvSection,.layout-addonSalesScorecard .cvSection{background:#f8fafc;border:1px solid #e5e7eb;border-radius:13px;padding:9px;margin-bottom:9px}.layout-canvaMetricCards .cvBody,.layout-addonSalesScorecard .cvBody{background:#fff}
.layout-canvaSkillsFirst .cvAside,.layout-addonSkillsFirst .cvAside{background:#111827;color:#fff}.layout-canvaSkillsFirst .cvAside h3,.layout-canvaSkillsFirst .cvAside p,.layout-addonSkillsFirst .cvAside h3,.layout-addonSkillsFirst .cvAside p{color:#fff}.layout-canvaSkillsFirst .cvTags span,.layout-addonSkillsFirst .cvTags span{background:var(--cv);color:#fff;border-color:var(--cv)}
.layout-canvaExecutiveLetterhead .cvHeader,.layout-addonExecutiveSerif .cvHeader{background:#fff;color:#111827;text-align:center;display:block;border-top:10px solid var(--cv);border-bottom:1px solid #d1d5db}.layout-canvaExecutiveLetterhead .cvHeader p,.layout-addonExecutiveSerif .cvHeader p{color:#334155;max-width:150mm;margin:0 auto}.layout-canvaExecutiveLetterhead .cvPhoto,.layout-addonExecutiveSerif .cvPhoto{display:none}.layout-canvaExecutiveLetterhead,.layout-addonExecutiveSerif{font-family:Georgia,'Times New Roman',serif}
.layout-canvaCompactOnePage .cvHeader,.layout-addonGraduateImpact .cvHeader{padding:10mm 12mm 6mm;background:#fff;color:#111827;border-bottom:2px solid var(--cv)}.layout-canvaCompactOnePage .cvHeader p,.layout-addonGraduateImpact .cvHeader p{display:none}.layout-canvaCompactOnePage .cvPhoto,.layout-addonGraduateImpact .cvPhoto{display:none}.layout-canvaCompactOnePage .cvAside,.layout-addonGraduateImpact .cvAside{background:#fff;padding-top:7mm}.layout-canvaCompactOnePage .cvBody,.layout-addonGraduateImpact .cvBody{padding-top:7mm}
.layout-canvaPortfolioGrid .cvHeader,.layout-addonCreativePortfolio .cvHeader{background:linear-gradient(135deg,var(--cv),#111827);}.layout-canvaPortfolioGrid .cvBody,.layout-addonCreativePortfolio .cvBody{display:grid;grid-template-columns:1fr 1fr;gap:9px}.layout-canvaPortfolioGrid .cvSection,.layout-addonCreativePortfolio .cvSection{border:0;border-radius:14px;background:#f8fafc;padding:10px}.layout-canvaPortfolioGrid .cvAside,.layout-addonCreativePortfolio .cvAside{background:#fff}
.layout-canvaTimeline .cvEntry,.layout-addonConsultingCase .cvEntry{position:relative;border-left:3px solid var(--cv);padding-left:10px}.layout-canvaTimeline .cvEntry:before,.layout-addonConsultingCase .cvEntry:before{content:"";position:absolute;left:-6px;top:2px;width:9px;height:9px;border-radius:50%;background:var(--cv)}.layout-addonConsultingCase .cvSection h3{border-left:4px solid var(--cv);padding-left:8px}
.layout-canvaSplitProfile.cvPaper{grid-template-columns:82mm 1fr}.layout-canvaSplitProfile .cvHeader{grid-column:1;grid-row:1/4;display:block;background:linear-gradient(180deg,var(--cv),#111827);}.layout-canvaSplitProfile .cvAside{grid-column:2;background:#fff;padding-bottom:0}.layout-canvaSplitProfile .cvBody{grid-column:2;padding-top:0}
.layout-canvaTopBanner .cvHeader,.layout-addonStartupModular .cvHeader{background:linear-gradient(90deg,var(--cv),color-mix(in srgb,var(--cv) 65%,#0ea5e9));padding:14mm 16mm 8mm}.layout-canvaTopBanner .cvAside,.layout-addonStartupModular .cvAside{background:#f8fafc}.layout-canvaTopBanner .cvSection h3,.layout-addonStartupModular .cvSection h3{background:var(--cvsoft);padding:6px 8px;border-radius:8px}
.layout-canvaRightSidebar.cvPaper{grid-template-columns:1fr 62mm}.layout-canvaRightSidebar .cvHeader{grid-column:1/3}.layout-canvaRightSidebar .cvAside{grid-column:2;grid-row:2;background:var(--cv);color:#fff}.layout-canvaRightSidebar .cvAside h3,.layout-canvaRightSidebar .cvAside p{color:#fff}.layout-canvaRightSidebar .cvBody{grid-column:1;grid-row:2}
.layout-canvaLeftSidebar.cvPaper,.layout-addonTechMatrix.cvPaper{grid-template-columns:62mm 1fr}.layout-canvaLeftSidebar .cvAside,.layout-addonTechMatrix .cvAside{background:linear-gradient(180deg,var(--cv),#111827);color:#fff}.layout-canvaLeftSidebar .cvAside h3,.layout-canvaLeftSidebar .cvAside p,.layout-addonTechMatrix .cvAside h3,.layout-addonTechMatrix .cvAside p{color:#fff}.layout-addonTechMatrix .cvHeader{background:#111827}.layout-addonTechMatrix .cvTags span{background:#1f2937;color:#fff;border-color:#374151}
.layout-canvaSingleColumnAts.cvPaper,.layout-addonLegalClassic.cvPaper,.layout-addonAcademicModern.cvPaper,.layout-addonTeacherStructured.cvPaper{display:block;padding:16mm}.layout-canvaSingleColumnAts .cvHeader,.layout-addonLegalClassic .cvHeader,.layout-addonAcademicModern .cvHeader,.layout-addonTeacherStructured .cvHeader{display:block;padding:0 0 8mm;background:#fff;color:#111827;border-bottom:2px solid #111827}.layout-canvaSingleColumnAts .cvHeader p,.layout-addonLegalClassic .cvHeader p,.layout-addonAcademicModern .cvHeader p,.layout-addonTeacherStructured .cvHeader p{color:#334155}.layout-canvaSingleColumnAts .cvPhoto,.layout-addonLegalClassic .cvPhoto,.layout-addonAcademicModern .cvPhoto,.layout-addonTeacherStructured .cvPhoto{display:none}.layout-canvaSingleColumnAts .cvAside,.layout-addonLegalClassic .cvAside,.layout-addonAcademicModern .cvAside,.layout-addonTeacherStructured .cvAside{background:#fff;padding:7mm 0}.layout-canvaSingleColumnAts .cvBody,.layout-addonLegalClassic .cvBody,.layout-addonAcademicModern .cvBody,.layout-addonTeacherStructured .cvBody{padding:0}
.layout-addonFinancePrecision .cvHeader{background:#0f172a;border-bottom:8px solid var(--cv)}.layout-addonFinancePrecision .cvAside{background:#f8fafc}.layout-addonFinancePrecision .cvSection h3{color:#111827;border-bottom:2px solid var(--cv);padding-bottom:5px}
.layout-addonHealthcareClean .cvHeader{background:#ecfeff;color:#0f172a;border-bottom:6px solid var(--cv)}.layout-addonHealthcareClean .cvHeader p{color:#334155}.layout-addonHealthcareClean .cvAside{background:#f0fdfa}.layout-addonHealthcareClean .cvSection h3,.layout-addonHealthcareClean .cvAside h3{color:#0d9488}
.layout-addonDataAi .cvHeader{background:linear-gradient(135deg,#0f172a,var(--cv));}.layout-addonDataAi .cvAside{background:#f8fafc}.layout-addonDataAi .cvStats b{background:#111827;color:#fff}.layout-addonDataAi .cvSection{border-left:3px solid var(--cv);padding-left:8px}
.layout-addonProductLead .cvHeader,.layout-addonRemotePro .cvHeader{background:#fff;color:#111827;border-bottom:6px solid var(--cv)}.layout-addonProductLead .cvHeader p,.layout-addonRemotePro .cvHeader p{color:#334155}.layout-addonProductLead .cvAside,.layout-addonRemotePro .cvAside{background:var(--cvsoft)}.layout-addonProductLead .cvTags span,.layout-addonRemotePro .cvTags span{border-radius:8px}
.layout-addonArchitectGrid .cvBody{display:grid;grid-template-columns:1fr 1fr;gap:10px}.layout-addonArchitectGrid .cvHeader{background:#fff;color:#111827;border-left:12px solid var(--cv)}.layout-addonArchitectGrid .cvHeader p{color:#334155}.layout-addonArchitectGrid .cvAside{background:#fff}.layout-addonArchitectGrid .cvSection{border:1px solid #dbe3f1;border-radius:12px;padding:10px}
.layout-addonCareerSwitcher .cvHeader{background:linear-gradient(135deg,var(--cv),#64748b)}.layout-addonCareerSwitcher .cvSection h3:after{content:"";display:block;width:32px;height:3px;background:var(--cv);margin-top:4px;border-radius:2px}
.layout-addonCybersecurity .cvHeader,.layout-addonCybersecurity .cvAside{background:#020617;color:#fff}.layout-addonCybersecurity .cvHeader p,.layout-addonCybersecurity .cvAside p,.layout-addonCybersecurity .cvAside h3{color:#cbd5e1}.layout-addonCybersecurity .cvBody{background:#0f172a}.layout-addonCybersecurity .cvEntry b,.layout-addonCybersecurity .cvSection h3{color:#fff}.layout-addonCybersecurity .cvSection p,.layout-addonCybersecurity .cvEntry p,.layout-addonCybersecurity .cvEntry span,.layout-addonCybersecurity .cvEntry time,.layout-addonCybersecurity .cvBody li{color:#d1d5db}

/* ===== Stability and builder polish fixes ===== */
.builderIntegrated{max-width:none;margin:0;background:#f3f7fb;}
.builderIntegrated .builder-shell{grid-template-columns:230px minmax(420px,.92fr) minmax(540px,1.08fr) 330px;gap:16px;max-width:1920px;margin:0 auto;padding:18px 22px 28px;align-items:start;}
.builderIntegrated .builder-top{box-shadow:0 12px 34px rgba(15,23,42,.06);}
.builderIntegrated .builder-sidebar,.builderIntegrated .builder-form,.builderIntegrated .builder-main,.builderIntegrated .builder-tools{box-shadow:0 14px 34px rgba(15,23,42,.06);}
.builderIntegrated .builder-form{min-height:auto;}
.builderIntegrated .builderFormHeader{background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid #e5edf7;border-radius:20px;padding:16px;margin-bottom:16px;}
.builderIntegrated .block{box-shadow:inset 0 1px 0 rgba(255,255,255,.8);}
.builderIntegrated .block + .block{margin-top:14px;}
.builderIntegrated .entry{box-shadow:0 8px 20px rgba(15,23,42,.035);}
.builderIntegrated .photoUploadPanel{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#eff8ff,#f8fffd);border:1px solid #dbe9f6;border-radius:22px;padding:14px;margin-bottom:14px;}
.builderIntegrated .photoPreview{width:76px;height:76px;border-radius:24px;background:linear-gradient(135deg,#0f315b,#14b8a6);display:grid;place-items:center;color:#fff;font-size:24px;font-weight:900;overflow:hidden;box-shadow:0 14px 24px rgba(15,49,91,.16);flex:0 0 auto;}
.builderIntegrated .photoPreview img{width:100%;height:100%;object-fit:cover;display:block;}
.builderIntegrated .photoUploadPanel b{display:block;color:#0f172a;margin-bottom:4px;font-size:15px;}
.builderIntegrated .photoUploadPanel p{margin:0 0 9px;color:#64748b;font-size:13px;line-height:1.45;}
.builderIntegrated .prettyUpload{display:inline-flex;width:auto;min-height:38px;padding:10px 14px;border:1px solid #0f315b;border-radius:999px;background:#0f315b;color:#fff;align-items:center;justify-content:center;}
.builderIntegrated .photoUrlInput{grid-column:span 2;}
.builderIntegrated .builder-main{padding:18px;}
.builderIntegrated .resume-paper.paperStage{height:calc(100vh - 205px);min-height:720px;padding:20px;background:linear-gradient(180deg,#dfe8f3,#f7faff);}
.builderIntegrated .scale{zoom:.62;}
.builderIntegrated .builder-tools{padding:18px;}
.builderIntegrated .cleanTemplateGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.builderIntegrated .small-template{min-height:172px;padding:9px;border-radius:20px;background:linear-gradient(180deg,#ffffff,#f8fbff);}
.builderIntegrated .small-template .realMini{height:150px;border-radius:15px;background:linear-gradient(180deg,var(--soft),#ffffff);border:1px solid color-mix(in srgb,var(--a) 18%,#dbe4f2);overflow:hidden;position:relative;}
.builderIntegrated .small-template .tplCanvas{width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at top left,color-mix(in srgb,var(--a) 14%,white),transparent 32%),linear-gradient(180deg,#fff,var(--soft));}
.builderIntegrated .small-template .tplCanvas .cvPaper{transform:scale(.145) !important;transform-origin:top left !important;margin:6px 0 0 6px !important;box-shadow:0 8px 20px rgba(15,23,42,.16) !important;}
.builderIntegrated .paletteBetter{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;}
.builderIntegrated .paletteBetter .color{width:100%;height:42px;border-radius:14px;position:relative;border:2px solid #fff;box-shadow:0 0 0 1px #dbe4f2;overflow:hidden;}
.builderIntegrated .paletteBetter .color span{position:absolute;left:7px;right:7px;bottom:5px;font-size:9px;font-weight:900;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;}
.builderIntegrated .paletteBetter .color.active{box-shadow:0 0 0 3px #14b8a6,0 10px 20px rgba(20,184,166,.16);}
.builderIntegrated .download-stack .btn{padding:12px 14px;border-radius:14px;font-weight:900;}
.tplCard .tplPreview.real{height:218px !important;background:linear-gradient(180deg,var(--soft),#fff);}
.tplCard .tplCanvas{width:100%;height:100%;overflow:hidden;position:relative;background:linear-gradient(180deg,#fff,var(--soft));}
.tplCard .tplCanvas .cvPaper{transform:scale(.205) !important;transform-origin:top left !important;margin:8px 0 0 8px !important;box-shadow:0 10px 24px rgba(15,23,42,.16) !important;}
.premiumThumb .tplCanvas .cvPaper,.authPreviewCard .cvPaper,.heroResume .cvPaper{box-shadow:0 12px 30px rgba(15,23,42,.16) !important;}
body.dark .builderIntegrated .builderFormHeader,body.dark .builderIntegrated .photoUploadPanel{background:#0b1728;border-color:#1f314f;}
body.dark .builderIntegrated .photoUploadPanel b{color:#f8fafc;}
body.dark .builderIntegrated .photoUploadPanel p{color:#a8b3c4;}
body.dark .builderIntegrated .small-template,body.dark .builderIntegrated .small-template .realMini,body.dark .builderIntegrated .small-template .tplCanvas{background:#0a1424;border-color:#1f314f;}
body.dark .builderIntegrated .resume-paper.paperStage{background:#07111f;}
body.dark .builderIntegrated .paletteBetter .color{border-color:#0d1b2f;box-shadow:0 0 0 1px #1f314f;}
@media(max-width:1700px){.builderIntegrated .builder-shell{grid-template-columns:220px minmax(390px,.95fr) minmax(520px,1.05fr) 300px}.builderIntegrated .scale{zoom:.57}.builderIntegrated .small-template .tplCanvas .cvPaper{transform:scale(.135) !important;}}
@media(max-width:1450px){.builderIntegrated .builder-shell{grid-template-columns:220px minmax(360px,1fr) minmax(520px,1fr)}.builderIntegrated .builder-tools{grid-column:1/-1}.builderIntegrated .cleanTemplateGrid{grid-template-columns:repeat(6,1fr)}.builderIntegrated .small-template .tplCanvas .cvPaper{transform:scale(.125) !important;}.builderIntegrated .paletteBetter{grid-template-columns:repeat(6,1fr)}}
@media(max-width:1100px){.builderIntegrated .builder-shell{grid-template-columns:1fr}.builderIntegrated .resume-paper.paperStage{height:auto;min-height:620px}.builderIntegrated .cleanTemplateGrid{grid-template-columns:repeat(3,1fr)}.builderIntegrated .paletteBetter{grid-template-columns:repeat(4,1fr)}}
@media(max-width:720px){.builderIntegrated .cleanTemplateGrid{grid-template-columns:repeat(2,1fr)}.builderIntegrated .paletteBetter{grid-template-columns:repeat(3,1fr)}.builderIntegrated .photoUploadPanel{align-items:flex-start}.builderIntegrated .photoUrlInput{grid-column:auto}.builderIntegrated .scale{zoom:.42}.builderIntegrated .small-template .tplCanvas .cvPaper{transform:scale(.12) !important;}}
@media(max-width:460px){.builderIntegrated .cleanTemplateGrid,.builderIntegrated .paletteBetter{grid-template-columns:1fr}.builderIntegrated .photoUploadPanel{display:grid}.builderIntegrated .scale{zoom:.34}}

/* ===== Varied template colors and clearer different previews ===== */
.builderIntegrated .cleanTemplateGrid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
}
.builderIntegrated .small-template{
  position:relative;
  min-height:178px;
  padding:10px;
  border-radius:22px;
  border:1px solid color-mix(in srgb,var(--a) 34%,#dbe4f2);
  background:
    radial-gradient(circle at 20% 12%, color-mix(in srgb,var(--a) 18%,#fff), transparent 34%),
    linear-gradient(180deg,color-mix(in srgb,var(--soft) 86%,#fff),#fff 68%);
  box-shadow:0 14px 28px color-mix(in srgb,var(--a) 10%,transparent);
  overflow:hidden;
}
.builderIntegrated .small-template:before{
  content:"";
  position:absolute;
  inset:auto -18px -28px auto;
  width:86px;
  height:86px;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--a) 35%,white),transparent 68%);
  opacity:.9;
  pointer-events:none;
}
.builderIntegrated .small-template:hover{
  transform:translateY(-3px);
  border-color:var(--a);
  box-shadow:0 18px 34px color-mix(in srgb,var(--a) 18%,transparent);
}
.builderIntegrated .small-template.active{
  border-color:var(--a);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 18%,transparent),0 18px 34px color-mix(in srgb,var(--a) 18%,transparent);
}
.builderIntegrated .small-template .realMini{
  height:156px;
  border-radius:17px;
  border:1px solid color-mix(in srgb,var(--a) 24%,#dbe4f2);
  background:
    linear-gradient(120deg,color-mix(in srgb,var(--a) 16%,white),transparent 45%),
    linear-gradient(180deg,#fff,var(--soft));
  overflow:hidden;
  position:relative;
  z-index:1;
}
.builderIntegrated .small-template .tplCanvas{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  background:
    radial-gradient(circle at top left,color-mix(in srgb,var(--a) 16%,white),transparent 33%),
    linear-gradient(180deg,#fff,var(--soft));
}
.builderIntegrated .small-template .tplCanvas .cvPaper{
  transform:scale(.152) !important;
  transform-origin:top left !important;
  margin:7px 0 0 7px !important;
  box-shadow:0 10px 24px rgba(15,23,42,.18) !important;
}
.builderIntegrated .small-template.layout-canvaPortfolioGrid .tplCanvas .cvPaper,
.builderIntegrated .small-template.layout-addonArchitectGrid .tplCanvas .cvPaper,
.builderIntegrated .small-template.layout-portfolio .tplCanvas .cvPaper{
  transform:scale(.142) !important;
}
.builderIntegrated .small-template.layout-canvaSingleColumnAts .tplCanvas .cvPaper,
.builderIntegrated .small-template.layout-addonLegalClassic .tplCanvas .cvPaper,
.builderIntegrated .small-template.layout-academic .tplCanvas .cvPaper{
  transform:scale(.158) !important;
}
.builderIntegrated .small-template.layout-addonCybersecurity .realMini,
.builderIntegrated .small-template.layout-developerDark .realMini,
.builderIntegrated .small-template.layout-creative .realMini{
  background:linear-gradient(180deg,#020617,color-mix(in srgb,var(--a) 35%,#0f172a));
}
.builderIntegrated .small-template.layout-premiumGold .realMini,
.builderIntegrated .small-template.layout-canvaExecutiveLetterhead .realMini,
.builderIntegrated .small-template.layout-addonExecutiveSerif .realMini{
  background:linear-gradient(135deg,#fffaf0,var(--soft));
}
.builderIntegrated .paletteBetter .color{
  background:linear-gradient(135deg,var(--a, #2563eb),color-mix(in srgb,var(--a, #2563eb) 50%,#fff)) !important;
}
body.dark .builderIntegrated .small-template{
  background:linear-gradient(180deg,color-mix(in srgb,var(--a) 18%,#0d1b2f),#07111f);
  border-color:color-mix(in srgb,var(--a) 42%,#1f314f);
}
body.dark .builderIntegrated .small-template .realMini,
body.dark .builderIntegrated .small-template .tplCanvas{
  background:linear-gradient(180deg,color-mix(in srgb,var(--a) 14%,#0b1728),#0a1424);
  border-color:color-mix(in srgb,var(--a) 34%,#1f314f);
}
@media(max-width:1450px){
  .builderIntegrated .cleanTemplateGrid{grid-template-columns:repeat(6,1fr)}
  .builderIntegrated .small-template{min-height:155px;padding:8px}
  .builderIntegrated .small-template .realMini{height:136px}
  .builderIntegrated .small-template .tplCanvas .cvPaper{transform:scale(.128) !important;}
}
@media(max-width:1100px){
  .builderIntegrated .cleanTemplateGrid{grid-template-columns:repeat(3,1fr)}
  .builderIntegrated .small-template{min-height:166px}
  .builderIntegrated .small-template .realMini{height:146px}
}
@media(max-width:720px){
  .builderIntegrated .cleanTemplateGrid{grid-template-columns:repeat(2,1fr)}
  .builderIntegrated .small-template .tplCanvas .cvPaper{transform:scale(.12) !important;}
}

/* Premium plan + premium showcase upgrade */
.premiumShowcaseGrid{align-items:stretch}
.premiumShowcaseCard{position:relative;padding:16px;border-radius:28px;background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid rgba(255,255,255,.75);box-shadow:0 28px 70px rgba(0,0,0,.18);overflow:hidden;isolation:isolate}
.premiumShowcaseCard:before{content:"";position:absolute;inset:-30% -10% auto auto;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--a) 38%,white),transparent 70%);filter:blur(12px);opacity:.9;z-index:-1}
.premiumRibbon{position:absolute;top:14px;right:14px;z-index:5;padding:8px 11px;border-radius:999px;background:linear-gradient(135deg,#0f172a,var(--a));color:#fff;font-weight:900;font-size:11px;letter-spacing:.04em;box-shadow:0 14px 26px color-mix(in srgb,var(--a) 28%,transparent)}
.premiumLiveThumb{height:315px;border-radius:22px;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--a) 16%,white),transparent 38%),linear-gradient(135deg,#f8fbff,#fff 48%,var(--soft));display:grid;place-items:center;margin-bottom:14px;position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--a) 22%,#dbe7fb)}
.premiumGlow{position:absolute;inset:auto -20px -40px -20px;height:120px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--a) 24%,white),transparent);filter:blur(18px);opacity:.9}
.premiumCvFrame{position:relative;width:78%;height:94%;border-radius:18px;background:#fff;box-shadow:0 20px 44px rgba(15,23,42,.2);overflow:hidden;border:1px solid #e5edf8;transform:rotate(-.6deg)}
.showcase-1 .premiumCvFrame{transform:rotate(.6deg);width:82%}.showcase-2 .premiumCvFrame{transform:rotate(-1.1deg);width:80%}
.premiumCvFrame .tplCanvas{height:100%;background:linear-gradient(180deg,#fff,var(--soft))}
.premiumCvFrame .cvPaper{transform:scale(.245) !important;transform-origin:top left;margin:8px 0 0 8px;box-shadow:none}
.premiumShowcaseCard .premiumMeta b{font-size:26px;letter-spacing:-.02em}.premiumShowcaseCard .premiumMeta small{font-size:14px;color:#52647f}.premiumShowcaseCard:hover{transform:translateY(-5px);box-shadow:0 34px 90px rgba(0,0,0,.24)}
.premiumLimitBox{display:grid;gap:10px;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.16)}
.premiumLimitBox .btn{width:100%;justify-content:center}.premiumLimitBox .btn-primary{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;border:0}.premiumLimitBox p{line-height:1.55}.premiumLimitBox b{color:#fff}
.cvSlotList{display:grid;gap:6px;max-height:140px;overflow:auto;padding-top:4px}.cvSlotList button{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#dbeafe;border-radius:12px;padding:8px 10px;text-align:left;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cvSlotList button.active{background:#fff;color:#0c2d6b;border-color:#fff}
body:not(.dark) .premiumLimitBox{background:linear-gradient(180deg,#0b2b6b,#123d88);color:#eaf4ff}body:not(.dark) .premiumLimitBox p{color:#dbeafe}.builderIntegrated .formActions button:first-child{background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;border:0}
body.dark .premiumShowcaseCard{background:linear-gradient(180deg,#0d1d34,#102544);border-color:#233b61}.dark .premiumCvFrame{background:#fff}.dark .premiumShowcaseCard .premiumMeta small{color:#b9c8df}
@media(max-width:1180px){.premiumLiveThumb{height:300px}.premiumCvFrame .cvPaper{transform:scale(.23) !important}}
@media(max-width:860px){.premiumLiveThumb{height:280px}.premiumCvFrame .cvPaper{transform:scale(.215) !important}.premiumCvFrame{width:76%}}

/* performance-friendly template loading */
.loadMoreTemplates{width:100%;margin:12px 0 18px;border:1px solid rgba(37,99,235,.22);background:linear-gradient(135deg,#eef6ff,#ffffff);color:#17429b;border-radius:14px;padding:12px 14px;font-weight:900;cursor:pointer;box-shadow:0 10px 22px rgba(15,23,42,.05)}
.loadMoreTemplates:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(15,23,42,.08)}
body.dark .loadMoreTemplates{background:linear-gradient(135deg,#102544,#0d1d34);border-color:#28486d;color:#dceaff}
.builder-tools .cleanTemplateGrid{content-visibility:auto;contain-intrinsic-size:520px}


/* palette buttons should keep their own real colors */
.builderIntegrated .paletteBetter .color,
.builderIntegrated .paletteBetter .color:hover,
body.dark .builderIntegrated .paletteBetter .color,
body.dark .builderIntegrated .paletteBetter .color:hover{
  background: var(--button-bg, transparent) !important;
}
.builderIntegrated .paletteBetter .color[style]{
  background-image:none !important;
}
.builderIntegrated .paletteBetter .color span{
  color:inherit !important;
  text-shadow:0 1px 2px rgba(0,0,0,.28);
}


/* updated builder template scroller and real palette colors */
.builderIntegrated .templateScrollerWrap{position:relative;display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.builderIntegrated .templateScroller{display:flex !important;gap:16px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x proximity;scrollbar-width:thin;grid-template-columns:none !important;}
.builderIntegrated .templateScroller::-webkit-scrollbar{height:10px}
.builderIntegrated .templateScroller::-webkit-scrollbar-thumb{background:#385682;border-radius:999px}
.builderIntegrated .templateScroller .small-template{flex:0 0 240px;min-height:360px;scroll-snap-align:start;padding:14px;border-radius:24px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--soft) 88%,#fff),#fff 70%);}
.builderIntegrated .templateScroller .small-template .realMini{height:265px;border-radius:20px;}
.builderIntegrated .templateScroller .small-template .tplCanvas .cvPaper{transform-origin:top left;transform:scale(.23) !important;}
.builderIntegrated .templateScroller .templateInfo{display:grid;gap:4px}
.builderIntegrated .templateScroller .templateInfo b{font-size:14px;line-height:1.25;color:#f8fbff;font-weight:900}
.builderIntegrated .templateScroller .templateInfo small{font-size:12px;color:#b7c9e7}
.builderIntegrated .templateScroller .small-template{background:linear-gradient(180deg,color-mix(in srgb,var(--a) 20%,#102544),#0d1d34);border-color:color-mix(in srgb,var(--a) 48%,#2a4773);box-shadow:0 18px 30px rgba(2,8,23,.28)}
.builderIntegrated .templateScroller .small-template.active{box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 46%,#22c55e),0 22px 40px rgba(2,8,23,.35)}
.builderIntegrated .templateScroller .small-template:hover{transform:translateY(-4px)}
.builderIntegrated .templateScroller .small-template .tplCanvas,.builderIntegrated .templateScroller .small-template .realMini{background:#eef4fb;border-color:color-mix(in srgb,var(--a) 20%,#dbe4f2)}
.builderIntegrated .templateScroller .small-template.layout-developerDark .realMini,.builderIntegrated .templateScroller .small-template.layout-developerDark .tplCanvas,.builderIntegrated .templateScroller .small-template.layout-addonCybersecurity .realMini,.builderIntegrated .templateScroller .small-template.layout-addonCybersecurity .tplCanvas{background:linear-gradient(180deg,#06111e,#0d1b2f)}
.builderIntegrated .scrollerArrow{width:42px;height:42px;flex:0 0 42px;border-radius:999px;border:1px solid #29486f;background:linear-gradient(180deg,#132846,#0d1d34);color:#fff;font-size:28px;line-height:1;display:grid;place-items:center;box-shadow:0 12px 24px rgba(0,0,0,.18)}
.builderIntegrated .scrollerArrow:hover{transform:translateY(-1px);background:linear-gradient(180deg,#17315a,#0f2647)}
.builderIntegrated .paletteBetter{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.builderIntegrated .paletteBetter .color{width:100%;height:52px;border-radius:16px;border:2px solid rgba(255,255,255,.9) !important;box-shadow:0 0 0 1px rgba(148,163,184,.35) !important;background-image:none !important;position:relative;overflow:hidden}
.builderIntegrated .paletteBetter .color::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0));pointer-events:none}
.builderIntegrated .paletteBetter .color span{color:inherit !important;font-size:11px !important;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.builderIntegrated .paletteBetter .color.active{box-shadow:0 0 0 3px #14b8a6,0 12px 24px rgba(20,184,166,.18) !important}
body.dark .builderIntegrated .paletteBetter .color{border-color:#dbeafe !important}
.premiumShowcaseGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.premiumShowcaseCard{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 40%,color-mix(in srgb,var(--soft) 35%,#fff) 100%);border:1px solid color-mix(in srgb,var(--a) 22%,#ffffff);box-shadow:0 24px 80px rgba(15,23,42,.18)}
.premiumShowFrame{height:340px;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--a) 22%,white),transparent 42%),linear-gradient(145deg,#ffffff,#f7fbff 56%,var(--soft));border:1px solid color-mix(in srgb,var(--a) 20%,#dbe7fb)}
.premiumShowFrame .tplCanvas .cvPaper{transform-origin:top left;transform:scale(.28) !important}
.premiumSparkles{position:absolute;inset:0;pointer-events:none}
.premiumSparkles i{position:absolute;width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,#fff,#d4af37);box-shadow:0 0 16px rgba(212,175,55,.65)}
.premiumSparkles i:nth-child(1){top:18px;right:18px}
.premiumSparkles i:nth-child(2){top:52px;right:46px;width:6px;height:6px}
.premiumSparkles i:nth-child(3){bottom:24px;left:22px;width:7px;height:7px}
body.dark .premiumShowcaseCard{background:linear-gradient(180deg,#0d1d34,#102544 50%,color-mix(in srgb,var(--a) 22%,#0f172a));border-color:#28486d}
body.dark .premiumShowFrame{background:linear-gradient(160deg,#f8fbff,#ffffff 60%,var(--soft))}
@media(max-width:1450px){.builderIntegrated .templateScroller .small-template{flex-basis:220px}.premiumShowcaseGrid{grid-template-columns:1fr}}
@media(max-width:1100px){.builderIntegrated .templateScroller .small-template{flex-basis:210px;min-height:330px}.builderIntegrated .templateScroller .small-template .realMini{height:235px}.builderIntegrated .scrollerArrow{display:none}.builderIntegrated .paletteBetter{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.builderIntegrated .templateScroller .small-template{flex-basis:180px;min-height:300px}.builderIntegrated .templateScroller .small-template .realMini{height:205px}.builderIntegrated .templateScroller .small-template .tplCanvas .cvPaper{transform:scale(.18) !important}.builderIntegrated .paletteBetter{grid-template-columns:repeat(2,1fr)}}

/* professional template section refinement */
.builderIntegrated .builder-tools{
  background:linear-gradient(180deg,#fbfdff 0%,#f7fbff 100%);
  border:1px solid #dbe7f3;
  box-shadow:0 18px 50px rgba(15,23,42,.08);
}
.builderIntegrated .toolsHead{
  padding:2px 2px 10px;
  border-bottom:1px solid rgba(148,163,184,.18);
  margin-bottom:14px;
}
.builderIntegrated .toolsHead h3{
  font-size:16px;
  letter-spacing:.06em;
  color:#0f172a;
}
.builderIntegrated .toolsHead small{
  font-size:12px;
  color:#64748b;
}
.builderIntegrated .toolFilters input,
.builderIntegrated .toolFilters select{
  background:#fff;
  border:1px solid #d9e4f2;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.02);
}
.builderIntegrated .templateScrollerWrap{
  padding:10px;
  border-radius:24px;
  background:linear-gradient(180deg,#f1f6fc 0%,#f8fbff 100%);
  border:1px solid #dbe7f3;
}
.builderIntegrated .templateScroller{
  padding:2px 4px 12px;
  gap:18px;
}
.builderIntegrated .templateScroller .small-template{
  position:relative;
  flex:0 0 248px;
  min-height:380px;
  padding:14px;
  border-radius:24px;
  border:1px solid #d8e4f2;
  background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%);
  box-shadow:0 14px 34px rgba(15,23,42,.08);
  overflow:hidden;
}
.builderIntegrated .templateScroller .small-template::before{
  content:'Canlı preview';
  position:absolute;
  top:12px;
  left:12px;
  z-index:2;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.95);
  color:#0f315b;
  border:1px solid #d7e2f0;
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
}
.builderIntegrated .templateScroller .small-template[data-preview-note]::before{
  content:attr(data-preview-note);
}
.builderIntegrated .templateScroller .small-template::after{
  content:'';
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,var(--a),color-mix(in srgb,var(--a) 35%,#ffffff));
}
.builderIntegrated .templateScroller .small-template:hover{
  transform:translateY(-6px);
  border-color:color-mix(in srgb,var(--a) 30%,#bcd0ea);
  box-shadow:0 22px 45px rgba(15,23,42,.12);
}
.builderIntegrated .templateScroller .small-template.active{
  border-color:color-mix(in srgb,var(--a) 48%,#a9c2e6);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 22%,transparent),0 22px 46px rgba(15,23,42,.12);
}
.builderIntegrated .templateScroller .small-template.active::before{
  content:'Seçilib';
  color:#0b6b57;
  border-color:#b5e6d7;
  background:#effcf8;
}
.builderIntegrated .templateScroller .small-template.active[data-active-note]::before{
  content:attr(data-active-note);
  color:#0b6b57;
  border-color:#b5e6d7;
  background:#effcf8;
}
.builderIntegrated .templateScroller .small-template .realMini{
  height:285px;
  border-radius:20px;
  background:linear-gradient(180deg,#edf3fa 0%,#f8fbff 100%);
  border:1px solid #dce8f5;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:10px 8px;
}
.builderIntegrated .templateScroller .small-template .tplCanvas{
  width:100%;
  height:100%;
  background:transparent;
  border:0;
}
.builderIntegrated .templateScroller .small-template .tplCanvas .cvPaper{
  transform-origin:top left;
  transform:scale(.24) !important;
  margin-left:2px;
}
.builderIntegrated .templateScroller .templateInfo{
  gap:5px;
  margin-top:2px;
}
.builderIntegrated .templateScroller .templateInfo b{
  color:#0f172a;
  font-size:15px;
  line-height:1.32;
  letter-spacing:-.01em;
}
.builderIntegrated .templateScroller .templateInfo small{
  color:#64748b;
  font-size:12px;
  font-weight:800;
}
.builderIntegrated .scrollerArrow{
  width:44px;
  height:44px;
  border:1px solid #d5e2f1;
  background:#fff;
  color:#0f315b;
  box-shadow:0 10px 22px rgba(15,23,42,.08);
}
.builderIntegrated .scrollerArrow:hover{
  background:#f8fbff;
  border-color:#bcd0ea;
}
.builderIntegrated .loadMoreTemplates{
  margin-top:12px;
  width:100%;
  border-radius:16px;
  border:1px solid #d9e4f2;
  background:#fff;
  color:#0f315b;
  font-weight:900;
  box-shadow:0 8px 20px rgba(15,23,42,.05);
}
.builderIntegrated .loadMoreTemplates:hover{
  background:#f7fbff;
}

/* professional premium showcase cards */
.premiumBlock{
  background:linear-gradient(135deg,#071b39 0%,#0d2b58 52%,#0f3b67 100%);
}
.premiumShowcaseGrid{
  align-items:stretch;
}
.premiumShowcaseCard{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(201,215,233,.85);
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 48%,color-mix(in srgb,var(--soft) 28%,#ffffff) 100%);
  box-shadow:0 22px 60px rgba(10,20,40,.14);
}
.premiumShowcaseCard::before{
  content:'';
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg,var(--a),#d4af37);
}
.premiumRibbon{
  background:linear-gradient(135deg,#0f172a,#d4af37);
  color:#fff;
  box-shadow:0 10px 20px rgba(15,23,42,.18);
}
.premiumShowFrame{
  height:350px;
  border-radius:22px;
  background:radial-gradient(circle at 18% 15%,rgba(212,175,55,.12),transparent 35%),linear-gradient(180deg,#ffffff 0%,#f6faff 100%);
  box-shadow:inset 0 0 0 1px rgba(220,232,245,.95);
}
.premiumShowFrame .tplCanvas .cvPaper{
  transform:scale(.285) !important;
}
.premiumShowcaseCard .premiumMeta{
  gap:8px;
}
.premiumShowcaseCard .premiumMeta b{
  font-size:24px;
  color:#07152f;
}
.premiumShowcaseCard .premiumMeta small{
  font-size:14px;
  color:#5f718b;
  line-height:1.5;
}
.premiumDots span{
  width:14px;
  height:14px;
  box-shadow:0 3px 10px rgba(15,23,42,.15);
}

body.dark .builderIntegrated .builder-tools{
  background:linear-gradient(180deg,#0d1d34 0%,#102544 100%);
  border-color:#223552;
  box-shadow:0 18px 50px rgba(0,0,0,.22);
}
body.dark .builderIntegrated .toolsHead{border-bottom-color:#203552}
body.dark .builderIntegrated .toolFilters input,
body.dark .builderIntegrated .toolFilters select{
  background:#0a1424;
  border-color:#233753;
}
body.dark .builderIntegrated .templateScrollerWrap{
  background:linear-gradient(180deg,#0a1628,#0d1d34);
  border-color:#223552;
}
body.dark .builderIntegrated .templateScroller .small-template{
  background:linear-gradient(180deg,#12233d 0%,#0d1d34 100%);
  border-color:#274368;
  box-shadow:0 16px 40px rgba(0,0,0,.22);
}
body.dark .builderIntegrated .templateScroller .small-template::before{
  background:rgba(8,18,33,.9);
  border-color:#274368;
  color:#d6e8ff;
}
body.dark .builderIntegrated .templateScroller .small-template.active::before{
  background:#0d2d2a;
  border-color:#1c7b6e;
  color:#5eead4;
}
body.dark .builderIntegrated .templateScroller .small-template .realMini{
  background:linear-gradient(180deg,#eef4fb 0%,#ffffff 100%);
  border-color:#dce8f5;
}
body.dark .builderIntegrated .templateScroller .templateInfo b{color:#f8fbff}
body.dark .builderIntegrated .templateScroller .templateInfo small{color:#a8b3c4}
body.dark .builderIntegrated .scrollerArrow{
  background:#102544;
  border-color:#274368;
  color:#f8fbff;
}
body.dark .builderIntegrated .loadMoreTemplates{
  background:#102544;
  border-color:#274368;
  color:#e7f1ff;
}
body.dark .premiumShowcaseCard{
  background:linear-gradient(180deg,#0d1d34 0%,#12233d 100%);
  border-color:#274368;
  box-shadow:0 24px 70px rgba(0,0,0,.26);
}
body.dark .premiumShowcaseCard .premiumMeta b{color:#f8fbff}
body.dark .premiumShowcaseCard .premiumMeta small{color:#b9c8df}
body.dark .premiumShowFrame{
  background:linear-gradient(180deg,#ffffff 0%,#f4f8fe 100%);
}

@media (max-width:1100px){
  .builderIntegrated .templateScroller .small-template{flex-basis:220px;min-height:350px}
  .builderIntegrated .templateScroller .small-template .realMini{height:255px}
}
@media (max-width:720px){
  .builderIntegrated .templateScrollerWrap{padding:8px}
  .builderIntegrated .templateScroller{gap:14px}
  .builderIntegrated .templateScroller .small-template{flex-basis:190px;min-height:310px}
  .builderIntegrated .templateScroller .small-template .realMini{height:220px}
  .builderIntegrated .templateScroller .small-template .tplCanvas .cvPaper{transform:scale(.19) !important}
}


/* admin template carousel */
.adminTplManager{display:grid;gap:16px;margin-top:12px}
.adminTplTop{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.adminTplActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.adminTplTag{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:linear-gradient(135deg,#d4af37,#f8e39a);color:#352006;font-weight:900;font-size:12px;box-shadow:0 10px 24px rgba(212,175,55,.22)}
.adminTplCarousel{display:grid;grid-template-columns:64px 1fr 64px;gap:16px;align-items:center}
.adminTplNav{height:54px;width:54px;border-radius:50%;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#eef5ff);color:#0f315b;font-size:30px;font-weight:900;box-shadow:0 14px 30px rgba(15,49,91,.12)}
.adminTplNav:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(15,49,91,.16)}
.adminTplStage{display:flex;justify-content:center}
.adminTplCard{width:min(100%,560px);border:1px solid color-mix(in srgb,var(--a) 20%,var(--line));border-radius:28px;padding:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--soft) 76%,white),var(--panel));box-shadow:0 24px 54px color-mix(in srgb,var(--a) 16%,transparent)}
.adminTplCard.selected{box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 16%,transparent),0 28px 60px color-mix(in srgb,var(--a) 18%,transparent)}
.adminTplPreview{height:560px;border-radius:22px;background:#fff;border:1px solid color-mix(in srgb,var(--a) 16%,#dbe4f2);overflow:hidden;position:relative}
.adminTplPreview .tplCanvas{width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at top left,color-mix(in srgb,var(--a) 14%,white),transparent 34%),linear-gradient(180deg,#fff,var(--soft))}
.adminTplPreview .tplCanvas .cvPaper{transform:scale(.54) !important;transform-origin:top left !important;margin:14px 0 0 14px !important;box-shadow:0 14px 28px rgba(15,23,42,.14) !important}
.adminTplInfo{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-top:14px}
.adminTplInfo b{font-size:18px;color:var(--ink)}
.adminTplInfo small{display:block;color:var(--muted);font-weight:700;margin-top:4px}
.adminTplSwatches{display:flex;gap:8px}
.adminTplSwatches span{width:18px;height:18px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(148,163,184,.45)}
.adminTplDots{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.adminTplDot{width:10px;height:10px;border-radius:50%;border:0;background:#cbd5e1;opacity:.9}
.adminTplDot.active{width:28px;border-radius:999px;background:linear-gradient(90deg,#0f315b,#14b8a6)}
@media(max-width:980px){.adminTplCarousel{grid-template-columns:48px 1fr 48px}.adminTplPreview{height:460px}.adminTplPreview .tplCanvas .cvPaper{transform:scale(.44) !important}}
@media(max-width:640px){.adminTplCarousel{grid-template-columns:40px 1fr 40px;gap:8px}.adminTplCard{padding:12px;border-radius:22px}.adminTplPreview{height:360px}.adminTplPreview .tplCanvas .cvPaper{transform:scale(.34) !important;margin:10px 0 0 10px !important}.adminTplNav{width:40px;height:40px;font-size:22px}}
body.dark .adminTplTag{color:#241700}
body.dark .adminTplNav{background:linear-gradient(180deg,#12253f,#0d1b2f);border-color:#24405f;color:#e6eefb}
body.dark .adminTplCard{background:linear-gradient(180deg,#0f2139,#132742);border-color:#24405f}
body.dark .adminTplInfo b{color:#f8fafc}
body.dark .adminTplInfo small{color:#a8b3c4}
body.dark .adminTplDot{background:#35506e}


/* uploaded template pack admin-only carousel polish */
.adminTplPack{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:rgba(15,49,91,.08);color:#0f315b;font-weight:900;font-size:12px;text-transform:capitalize;border:1px solid rgba(15,49,91,.12)}
.adminTplFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:4px;padding:12px 14px;border-radius:18px;background:linear-gradient(180deg,rgba(248,251,255,.95),rgba(239,246,255,.9));border:1px solid rgba(219,228,242,.9);color:var(--muted);font-weight:800}
.adminTplFooter .pillBtn{background:#fff}
.adminTplPreview .tplCanvas .cvPaper{transform:scale(.52) !important;transform-origin:top left !important;margin:14px 0 0 14px !important}
body.dark .adminTplPack{background:rgba(94,234,212,.08);border-color:rgba(94,234,212,.18);color:#5eead4}
body.dark .adminTplFooter{background:linear-gradient(180deg,#0d213e,#0a1424);border-color:#223552;color:#b9c8df}
body.dark .adminTplFooter .pillBtn{background:#102544;color:#e7f1ff;border-color:#274368}


/* fixed palette swatches */
.builderIntegrated .paletteBetter .color{
  background:var(--a, #2563eb);
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
}
.builderIntegrated .paletteBetter .color::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,0) 52%);
  pointer-events:none;
}
.builderIntegrated .paletteBetter .color span{
  z-index:1;
  color:inherit;
  text-shadow:none;
}
.builderIntegrated .paletteBetter .color.active{
  transform:translateY(-1px);
}


/* improved builder right column: separate templates and settings */
.builderIntegrated .builder-tools.builder-toolsSplit{background:transparent;border:0;box-shadow:none;padding:0;display:grid;gap:16px;align-self:start}
.builderIntegrated .builder-tools.builder-toolsSplit .toolPanel{background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid #dbe4f2;border-radius:24px;padding:16px;box-shadow:0 12px 30px rgba(15,23,42,.08)}
.builderIntegrated .builder-tools.builder-toolsSplit .panelHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e7eef8}
.builderIntegrated .builder-tools.builder-toolsSplit .panelHead h3{margin:0;color:#0f172a;font-size:20px}
.builderIntegrated .builder-tools.builder-toolsSplit .panelHead small{display:block;margin-top:4px;color:#64748b;font-weight:700;line-height:1.4}
.builderIntegrated .builder-tools.builder-toolsSplit .panelBadge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,#0f315b,#14b8a6);color:#fff;font-size:12px;font-weight:900;white-space:nowrap}
.builderIntegrated .builder-tools.builder-toolsSplit .panelBadge.secondary{background:linear-gradient(135deg,#1e3a8a,#2563eb)}
.builderIntegrated .builder-tools.builder-toolsSplit .templateFilters{display:grid;grid-template-columns:1fr;gap:10px}
.builderIntegrated .builder-tools.builder-toolsSplit .templateGridScroller{max-height:560px;overflow:auto;padding-right:4px}
.builderIntegrated .builder-tools.builder-toolsSplit .polishedTemplateGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.builderIntegrated .builder-tools.builder-toolsSplit .polishedTemplate{min-height:188px;padding:10px;border-radius:20px;background:linear-gradient(180deg,#ffffff,#f7fbff);display:grid;gap:10px;align-content:start;border:1px solid #dbe4f2;box-shadow:0 8px 20px rgba(15,23,42,.05);transition:.18s ease}
.builderIntegrated .builder-tools.builder-toolsSplit .polishedTemplate:hover{transform:translateY(-2px);border-color:var(--a);box-shadow:0 14px 28px color-mix(in srgb,var(--a) 14%, transparent)}
.builderIntegrated .builder-tools.builder-toolsSplit .polishedTemplate.active{border-color:var(--a);box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 18%, transparent),0 14px 28px color-mix(in srgb,var(--a) 14%, transparent)}
.builderIntegrated .builder-tools.builder-toolsSplit .polishedTemplate .realMini{height:122px;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,var(--soft),#ffffff);border:1px solid color-mix(in srgb,var(--a) 16%, #dbe4f2)}
.builderIntegrated .builder-tools.builder-toolsSplit .polishedTemplate .tplCanvas{width:100%;height:100%;overflow:hidden;background:linear-gradient(180deg,#ffffff,var(--soft))}
.builderIntegrated .builder-tools.builder-toolsSplit .polishedTemplate .tplCanvas .cvPaper{transform:scale(.118) !important;transform-origin:top left !important;margin:6px 0 0 6px !important;box-shadow:0 8px 18px rgba(15,23,42,.15) !important}
.builderIntegrated .builder-tools.builder-toolsSplit .polishedTemplate .templateMeta b{display:block;font-size:13px;line-height:1.25;color:#0f172a;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.builderIntegrated .builder-tools.builder-toolsSplit .polishedTemplate .templateMeta small{display:block;font-size:11px;color:#64748b;font-weight:800;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.builderIntegrated .builder-tools.builder-toolsSplit .settingsPanel{position:sticky;top:152px}
.builderIntegrated .builder-tools.builder-toolsSplit .settingsSection{padding-top:12px;margin-top:12px;border-top:1px solid #e7eef8}
.builderIntegrated .builder-tools.builder-toolsSplit .settingsSection:first-of-type{padding-top:0;margin-top:0;border-top:0}
.builderIntegrated .builder-tools.builder-toolsSplit .compactTitle{margin:0 0 10px;font-size:15px;color:#0f172a}
.builderIntegrated .builder-tools.builder-toolsSplit .paletteSwatchGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.builderIntegrated .builder-tools.builder-toolsSplit .paletteSwatchGrid .color{width:100%;min-height:54px;height:auto;border-radius:16px;position:relative;display:flex;align-items:flex-end;justify-content:flex-start;padding:10px 11px;border:2px solid transparent !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 20px rgba(15,23,42,.12);overflow:hidden;background:var(--a,#2563eb)}
.builderIntegrated .builder-tools.builder-toolsSplit .paletteSwatchGrid .color::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,0) 52%);pointer-events:none}
.builderIntegrated .builder-tools.builder-toolsSplit .paletteSwatchGrid .color span{position:relative;left:auto;right:auto;bottom:auto;z-index:1;font-size:12px;font-weight:900;line-height:1.15;color:inherit !important;text-shadow:none !important;white-space:normal;overflow:visible;text-overflow:clip;text-align:left}
.builderIntegrated .builder-tools.builder-toolsSplit .paletteSwatchGrid .color.active{box-shadow:0 0 0 3px #14b8a6,inset 0 1px 0 rgba(255,255,255,.18),0 10px 20px rgba(20,184,166,.16)}
.builderIntegrated .builder-tools.builder-toolsSplit .customColors.compact{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.builderIntegrated .builder-tools.builder-toolsSplit .customColors.compact label{font-size:11px;color:#64748b;font-weight:800}
.builderIntegrated .builder-tools.builder-toolsSplit .customColors.compact input{width:100%;height:42px;padding:4px;margin-top:6px;border-radius:12px;border:1px solid #dbe4f2;background:#fff}
.builderIntegrated .builder-tools.builder-toolsSplit .filter-row{display:flex;gap:8px;flex-wrap:wrap}
.builderIntegrated .builder-tools.builder-toolsSplit .filter{border:1px solid #dbe4f2;background:#fff;color:#0f172a;border-radius:999px;padding:9px 12px;font-weight:900}
.builderIntegrated .builder-tools.builder-toolsSplit .filter.active{background:#0f315b;color:#fff;border-color:#0f315b}
.builderIntegrated .builder-tools.builder-toolsSplit .actionStack{display:grid;gap:10px}
.builderIntegrated .builder-tools.builder-toolsSplit .actionStack .btn{padding:12px 14px;border-radius:14px;font-weight:900}
body.dark .builderIntegrated .builder-tools.builder-toolsSplit .toolPanel{background:linear-gradient(180deg,#0d1b2f,#0a1626);border-color:#1f314f;box-shadow:0 16px 34px rgba(0,0,0,.24)}
body.dark .builderIntegrated .builder-tools.builder-toolsSplit .panelHead{border-bottom-color:#1f314f}
body.dark .builderIntegrated .builder-tools.builder-toolsSplit .panelHead h3, body.dark .builderIntegrated .builder-tools.builder-toolsSplit .compactTitle, body.dark .builderIntegrated .builder-tools.builder-toolsSplit .polishedTemplate .templateMeta b{color:#f8fafc}
body.dark .builderIntegrated .builder-tools.builder-toolsSplit .panelHead small, body.dark .builderIntegrated .builder-tools.builder-toolsSplit .polishedTemplate .templateMeta small, body.dark .builderIntegrated .builder-tools.builder-toolsSplit .customColors.compact label{color:#9fb0c6}
body.dark .builderIntegrated .builder-tools.builder-toolsSplit .templateFilters input, body.dark .builderIntegrated .builder-tools.builder-toolsSplit .templateFilters select, body.dark .builderIntegrated .builder-tools.builder-toolsSplit .customColors.compact input{background:#0f2139;border-color:#203553;color:#f8fafc}
body.dark .builderIntegrated .builder-tools.builder-toolsSplit .polishedTemplate{background:linear-gradient(180deg,#0f2139,#0a1728);border-color:#203553;box-shadow:0 12px 24px rgba(0,0,0,.20)}
body.dark .builderIntegrated .builder-tools.builder-toolsSplit .polishedTemplate .realMini, body.dark .builderIntegrated .builder-tools.builder-toolsSplit .polishedTemplate .tplCanvas{background:#0a1424;border-color:#1f314f}
body.dark .builderIntegrated .builder-tools.builder-toolsSplit .settingsSection{border-top-color:#1f314f}
body.dark .builderIntegrated .builder-tools.builder-toolsSplit .paletteSwatchGrid .color{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 20px rgba(0,0,0,.28)}
body.dark .builderIntegrated .builder-tools.builder-toolsSplit .filter{background:#0f2139;border-color:#203553;color:#f8fafc}
body.dark .builderIntegrated .builder-tools.builder-toolsSplit .filter.active{background:#2563eb;border-color:#2563eb}
@media(max-width:1450px){.builderIntegrated .builder-tools.builder-toolsSplit{grid-column:1/-1}.builderIntegrated .builder-tools.builder-toolsSplit .settingsPanel{position:static}.builderIntegrated .builder-tools.builder-toolsSplit .templateGridScroller{max-height:none}.builderIntegrated .builder-tools.builder-toolsSplit .polishedTemplateGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.builderIntegrated .builder-tools.builder-toolsSplit .polishedTemplateGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.builderIntegrated .builder-tools.builder-toolsSplit .paletteSwatchGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.builderIntegrated .builder-tools.builder-toolsSplit .polishedTemplateGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.builderIntegrated .builder-tools.builder-toolsSplit .paletteSwatchGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.builderIntegrated .builder-tools.builder-toolsSplit .polishedTemplate .realMini{height:110px}}


/* ==========================================================================
   CVyarat Professional Final Pass — Reynolds palette, premium polish, security UI
   ========================================================================== */
:root{
  --reynolds-ink:#0e2130;
  --reynolds-paper:#fcf6f6;
  --reynolds-rose:#c48b9e;
  --reynolds-slate:#998484;
  --reynolds-soft:#f7efef;
  --pro-shadow:0 24px 80px rgba(14,33,48,.13);
  --pro-ring:0 0 0 4px rgba(196,139,158,.16);
}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 8% -10%, rgba(196,139,158,.22), transparent 32%),
    radial-gradient(circle at 90% 4%, rgba(0,137,187,.12), transparent 30%),
    linear-gradient(180deg,#fffefe 0%,#f9fafc 42%,#f3f6fa 100%);
}
.topbar.redesignTopbar{
  position:sticky;
  top:0;
  z-index:50;
  backdrop-filter:blur(18px);
  background:rgba(255,255,255,.78);
  border-bottom:1px solid rgba(14,33,48,.08);
  box-shadow:0 18px 50px rgba(14,33,48,.08);
}
.brand{
  border:0;
  background:transparent;
}
.brandLogo{
  filter:drop-shadow(0 8px 18px rgba(14,33,48,.12));
}
.brandText{
  color:var(--reynolds-ink);
  letter-spacing:-.02em;
}
.navLinks button{
  border:1px solid transparent;
  border-radius:999px;
  padding:10px 14px;
}
.navLinks button:hover,.navLinks button.active{
  color:var(--reynolds-ink);
  background:rgba(252,246,246,.86);
  border-color:rgba(196,139,158,.24);
}
.primaryBtn,.btn-primary,.primary,.ctaPrimary{
  background:linear-gradient(135deg,var(--reynolds-ink),#183852 52%,var(--reynolds-rose)) !important;
  box-shadow:0 18px 42px rgba(14,33,48,.22) !important;
}
.primaryBtn:hover,.btn-primary:hover,.primary:hover,.ctaPrimary:hover{
  transform:translateY(-2px);
  box-shadow:0 24px 58px rgba(14,33,48,.28) !important;
}
.heroSection{
  position:relative;
  isolation:isolate;
  min-height:760px;
}
.heroSection:before{
  content:'';
  position:absolute;
  inset:8px -28px 0;
  z-index:-1;
  border-radius:44px;
  background:
    linear-gradient(135deg,rgba(252,246,246,.88),rgba(255,255,255,.66) 45%,rgba(236,254,255,.62)),
    radial-gradient(circle at 78% 8%,rgba(196,139,158,.28),transparent 26%);
  border:1px solid rgba(14,33,48,.08);
  box-shadow:var(--pro-shadow);
}
.heroBadge,.badge,.sectionKicker{
  background:linear-gradient(135deg,#fff,var(--reynolds-paper));
  border-color:rgba(196,139,158,.25);
  color:var(--reynolds-ink);
}
.heroCopy h1{
  color:var(--reynolds-ink);
}
.heroCopy h1 span{
  background:linear-gradient(135deg,var(--reynolds-ink),var(--reynolds-rose));
  -webkit-background-clip:text;
  background-clip:text;
}
.heroCopy p{
  color:#526174;
}
.heroMiniStats>div,.featureCard,.howCard,.blogCard,.aboutCard,.authForm,.premiumTemplateCard,.toolPanel,.section.card{
  border-color:rgba(14,33,48,.10) !important;
  box-shadow:0 18px 55px rgba(14,33,48,.08) !important;
}
.heroMiniStats>div:hover,.featureCard:hover,.howCard:hover,.premiumTemplateCard:hover{
  transform:translateY(-4px);
  box-shadow:0 28px 70px rgba(14,33,48,.13) !important;
}
.heroResumeFrame{
  background:
    linear-gradient(180deg,rgba(252,246,246,.72),#ffffff),
    radial-gradient(circle at 10% 8%,rgba(196,139,158,.22),transparent 30%);
  border-color:rgba(14,33,48,.10);
  box-shadow:0 36px 95px rgba(14,33,48,.20);
}
.heroGlow{
  background:
    radial-gradient(circle at 28% 35%,rgba(196,139,158,.22),transparent 42%),
    radial-gradient(circle at 78% 22%,rgba(0,137,187,.14),transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.92),rgba(252,246,246,.82));
}
.statusIcon{
  background:linear-gradient(135deg,var(--reynolds-ink),var(--reynolds-rose));
}
.premiumBlock{
  background:
    radial-gradient(circle at 84% 20%,rgba(196,139,158,.28),transparent 34%),
    linear-gradient(135deg,#0e2130 0%,#122c42 46%,#643b4a 100%);
}
.ctaCard{
  background:
    radial-gradient(circle at 86% 10%,rgba(252,246,246,.26),transparent 34%),
    linear-gradient(135deg,#0e2130,#183852 58%,#c48b9e);
}
.builderIntegrated{
  background:
    radial-gradient(circle at 8% 0%, rgba(196,139,158,.18), transparent 32%),
    linear-gradient(180deg,#f8fbff,#f5f7fb);
}
.builderIntegrated .builder-top{
  border:1px solid rgba(14,33,48,.10);
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(18px);
  box-shadow:0 18px 50px rgba(14,33,48,.10);
}
.builderIntegrated .brand-icon{
  background:linear-gradient(135deg,var(--reynolds-ink),var(--reynolds-rose));
  color:#fff;
  box-shadow:0 14px 28px rgba(14,33,48,.18);
}
.builderIntegrated .builder-sidebar,
.builderIntegrated .builder-form,
.builderIntegrated .builder-main{
  border:1px solid rgba(14,33,48,.10);
  box-shadow:0 18px 55px rgba(14,33,48,.08);
}
.builder-step{
  border:1px solid transparent;
}
.builder-step:hover,.builder-step.active{
  background:linear-gradient(135deg,rgba(252,246,246,.98),#fff);
  border-color:rgba(196,139,158,.28);
  box-shadow:var(--pro-ring);
}
.builder-step span{
  background:linear-gradient(135deg,var(--reynolds-ink),var(--reynolds-rose)) !important;
}
.paperStage{
  background:
    linear-gradient(180deg,rgba(252,246,246,.72),#f8fbff),
    repeating-linear-gradient(45deg,rgba(14,33,48,.025) 0 1px,transparent 1px 12px);
}
.cvPaper{
  border-radius:18px;
  box-shadow:0 22px 60px rgba(14,33,48,.14) !important;
}
.cvPaper .cvHeader{
  border-bottom:1px solid color-mix(in srgb,var(--cv) 18%,#e5e7eb);
}
.cvPhoto{
  box-shadow:0 10px 28px color-mix(in srgb,var(--cv) 22%,transparent);
}
.cvTags span{
  border:1px solid color-mix(in srgb,var(--cv) 18%,#e5e7eb);
}
.builderIntegrated .builder-tools.builder-toolsSplit .paletteSwatchGrid .color[title^="Reynolds"]{
  min-height:64px;
}
.builderIntegrated .builder-tools.builder-toolsSplit .paletteSwatchGrid .color[title^="Reynolds"] span:after{
  content:'  · brand';
  opacity:.82;
  font-weight:800;
}
.authForm input,.authForm textarea,.fieldGrid input,.block textarea,.block input{
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.authForm input:focus,.authForm textarea:focus,.fieldGrid input:focus,.block textarea:focus,.block input:focus{
  outline:none;
  border-color:var(--reynolds-rose) !important;
  box-shadow:var(--pro-ring);
}
.authFootnote{
  display:block;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(252,246,246,.82);
  color:#64748b;
  line-height:1.5;
}
.adminHero{
  background:
    radial-gradient(circle at 82% 12%,rgba(196,139,158,.20),transparent 30%),
    linear-gradient(135deg,#ffffff,#fcf6f6) !important;
}
.adminStats b{
  background:linear-gradient(180deg,#ffffff,#fcf6f6);
  border:1px solid rgba(14,33,48,.10);
}
.toast{
  background:linear-gradient(135deg,var(--reynolds-ink),#183852) !important;
  border:1px solid rgba(255,255,255,.18);
}
@media (max-width:900px){
  .heroSection:before{inset:0 -12px;border-radius:30px}
  .heroSection{min-height:auto}
}
@media print{
  .cvPaper{box-shadow:none !important;border-radius:0}
}
body.dark{
  background:
    radial-gradient(circle at 8% -10%, rgba(196,139,158,.16), transparent 32%),
    radial-gradient(circle at 90% 4%, rgba(0,137,187,.11), transparent 30%),
    linear-gradient(180deg,#07111c 0%,#0b1524 100%);
}
body.dark .topbar.redesignTopbar{
  background:rgba(8,18,30,.78);
  border-color:rgba(255,255,255,.08);
}
body.dark .brandText,body.dark .heroCopy h1{color:#f8fafc}
body.dark .heroSection:before{
  background:
    linear-gradient(135deg,rgba(14,33,48,.84),rgba(15,23,42,.72) 45%,rgba(20,43,60,.62)),
    radial-gradient(circle at 78% 8%,rgba(196,139,158,.22),transparent 26%);
  border-color:rgba(255,255,255,.08);
}
body.dark .heroMiniStats>div,
body.dark .featureCard,
body.dark .howCard,
body.dark .aboutCard,
body.dark .authForm{
  background:rgba(15,30,48,.92) !important;
  border-color:rgba(255,255,255,.08) !important;
}

/* ===== CV Creator Pro UX Redesign ===== */
.cvCreatorPro.builder{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:linear-gradient(180deg,#eef4fb 0%,#f7fafc 44%,#eef4fb 100%)!important;color:#0f172a;min-height:calc(100vh - 74px);}
.cvCreatorPro *{box-sizing:border-box}
.cvCreatorPro button{cursor:pointer;font-family:inherit;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease,color .16s ease}
.cvCreatorPro button:hover{transform:translateY(-1px)}
.creatorHero{width:min(1760px,calc(100vw - 36px));margin:0 auto;padding:22px 0 16px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.creatorKicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;padding:8px 12px;border-radius:999px;background:#e5f3ff;color:#0b4d86;border:1px solid #cae3fb;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.creatorHero h1{margin:0;color:#0f172a;font-size:clamp(28px,2.4vw,46px);line-height:1;letter-spacing:-.04em}
.creatorHero p{margin:8px 0 0;color:#64748b;font-size:15px;max-width:720px;line-height:1.55}
.creatorHeroActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ghostAction,.primaryAction{border:0;border-radius:16px;padding:13px 18px;font-weight:950}.ghostAction{background:#fff;color:#17324d;border:1px solid #d9e5f2;box-shadow:0 12px 26px rgba(15,23,42,.06)}.primaryAction{background:linear-gradient(135deg,#0f315b,#16a085);color:#fff;box-shadow:0 18px 36px rgba(15,49,91,.22)}
.creatorWorkspace{width:min(1760px,calc(100vw - 36px));margin:0 auto 34px;display:grid;grid-template-columns:300px minmax(0,1fr) minmax(430px,540px);gap:18px;align-items:start}
.creatorRail,.creatorEditor,.creatorPreview{border:1px solid #dce7f3;background:rgba(255,255,255,.94);border-radius:28px;box-shadow:0 18px 48px rgba(15,23,42,.07);backdrop-filter:blur(14px)}
.creatorRail{position:sticky;top:94px;padding:16px;display:grid;gap:14px}.creatorProgress{display:grid;gap:14px;padding:14px;border-radius:24px;background:linear-gradient(180deg,#0e2d54,#153e70);color:#fff;box-shadow:0 16px 34px rgba(14,45,84,.2)}
.progressRing{height:154px;border-radius:28px;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at center,#123b69 0 47%,transparent 48%),conic-gradient(#2dd4bf var(--score),rgba(255,255,255,.18) 0);position:relative}.progressRing strong{font-size:38px;line-height:1;font-weight:1000}.progressRing span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#bfdbfe;margin-top:5px;font-weight:900}.progressList{display:grid;grid-template-columns:1fr 1fr;gap:7px}.progressList span{display:flex;align-items:center;gap:6px;min-width:0;padding:7px 8px;border-radius:12px;background:rgba(255,255,255,.09);color:#dbeafe;font-size:12px;font-weight:800}.progressList i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);font-style:normal;flex:0 0 auto}.progressList .done{background:rgba(45,212,191,.18);color:#ecfeff}.progressList .done i{background:#2dd4bf;color:#042f2e}
.creatorSteps{display:grid;gap:8px}.creatorStep{width:100%;display:grid;grid-template-columns:42px 36px 1fr;grid-template-areas:"no icon title" "no icon sub";gap:0 10px;align-items:center;text-align:left;border:1px solid transparent;background:transparent;color:#334155;border-radius:18px;padding:11px}.creatorStep .stepNo{grid-area:no;width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:#f1f5f9;color:#64748b;font-weight:1000;font-size:12px}.creatorStep .stepIcon{grid-area:icon;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#fff;border:1px solid #e2e8f0;font-size:15px}.creatorStep b{grid-area:title;font-size:14px;color:#0f172a}.creatorStep small{grid-area:sub;color:#64748b;font-size:12px;margin-top:2px}.creatorStep.active,.creatorStep:hover{background:#f4f9ff;border-color:#cae3fb}.creatorStep.active .stepNo{background:linear-gradient(135deg,#0f315b,#14b8a6);color:#fff}.creatorStep.active .stepIcon{border-color:#91d9cd;background:#e6fffb}
.creatorCvBox,.creatorHint{padding:14px;border-radius:22px;background:#f8fbff;border:1px solid #e0ebf6}.railTitle{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}.railTitle span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#64748b;font-weight:950}.railTitle b{font-size:11px;color:#0f315b;text-align:right}.creatorCvList{display:grid;gap:7px;max-height:165px;overflow:auto}.creatorCvList button{display:flex;justify-content:space-between;gap:8px;text-align:left;border:1px solid #e2e8f0;background:#fff;color:#334155;border-radius:14px;padding:9px 10px}.creatorCvList button b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creatorCvList button small{color:#94a3b8;font-weight:800}.creatorCvList button.active{border-color:#0f315b;background:#0f315b;color:#fff}.creatorCvList button.active small{color:#bfdbfe}.creatorNewCv{margin-top:9px;width:100%;border:0;border-radius:14px;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;padding:11px;font-weight:950}.creatorHint{display:grid;gap:4px;color:#64748b;font-size:13px;line-height:1.45}.creatorHint b{color:#0f172a}
.creatorEditor{padding:18px;min-width:0}.editorHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px;padding:16px;border-radius:24px;background:linear-gradient(135deg,#ffffff,#f1f8ff);border:1px solid #e2edf8}.editorHeader h2{margin:10px 0 6px;color:#0f172a;font-size:28px;letter-spacing:-.03em}.editorHeader p{margin:0;color:#64748b;line-height:1.55}.editorHeaderActions{display:flex;gap:8px;flex-wrap:wrap}.editorHeaderActions button{border:1px solid #d9e5f2;background:#fff;color:#17324d;border-radius:14px;padding:10px 12px;font-weight:950}.editorHeaderActions .primary{background:#0f315b;color:#fff;border-color:#0f315b}.formStack{display:grid;gap:16px}.twoBlocks{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.smartBlock{background:#fff;border:1px solid #dce7f3;border-radius:26px;padding:18px;box-shadow:0 12px 30px rgba(15,23,42,.045)}.smartBlock+.smartBlock{margin-top:16px}.smartBlockHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.smartBlockHead h3{margin:0;color:#0f172a;font-size:20px;letter-spacing:-.02em}.smartBlockHead p{margin:5px 0 0;color:#64748b;font-size:13px;line-height:1.45}.miniAdd,.emptyAdd{border:0;border-radius:14px;background:#eaf6ff;color:#0f4c81;padding:10px 12px;font-weight:950;white-space:nowrap}.emptyAdd{width:100%;margin-top:10px;background:#f5f9ff;border:1px dashed #b8cbe0;color:#1e4d76}.smartGrid,.entryGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.smartGrid.compactGrid{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:14px}.smartField{display:grid;gap:7px;min-width:0}.smartField.wide{grid-column:1/-1}.smartField span{font-size:12px;color:#475569;font-weight:900}.smartField input,.smartField textarea,.designFilters input,.designFilters select{width:100%;border:1px solid #d9e5f2;background:#f8fbff;color:#0f172a;border-radius:16px;padding:13px 14px;font:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.smartField textarea{min-height:116px;resize:vertical;line-height:1.55}.smartField input:focus,.smartField textarea:focus,.designFilters input:focus,.designFilters select:focus{border-color:#0ea5e9;background:#fff;box-shadow:0 0 0 4px rgba(14,165,233,.12)}.summaryGrid{display:grid;gap:12px;margin-top:12px}.smartDetails{margin-top:14px;border:1px solid #e2e8f0;border-radius:20px;background:#fbfdff;overflow:hidden}.smartDetails summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:950;color:#17324d}.smartDetails summary::-webkit-details-marker{display:none}.smartDetails summary:after{content:'+';float:right}.smartDetails[open] summary:after{content:'−'}.proPhoto{margin-bottom:14px}.arrayList{display:grid;gap:12px}.arrayEntry{border:1px solid #e2e8f0;background:linear-gradient(180deg,#ffffff,#fbfdff);border-radius:22px;padding:14px}.entryTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.entryTop span{width:30px;height:30px;border-radius:11px;display:grid;place-items:center;background:#0f315b;color:#fff;font-weight:1000}.removeEntry{border:0;background:#fff1f2;color:#be123c;border-radius:12px;padding:8px 10px;font-weight:950}.chipEditor{display:flex;flex-wrap:wrap;gap:10px}.smartChip{display:inline-flex;align-items:center;gap:8px;background:#f8fbff;border:1px solid #dce7f3;border-radius:999px;padding:7px 8px 7px 12px}.smartChip input{border:0;background:transparent;outline:0;min-width:120px;color:#0f172a;font:inherit;font-weight:850}.smartChip button{width:26px;height:26px;border:0;border-radius:50%;background:#e2e8f0;color:#334155;font-size:18px;line-height:1}
.creatorPreview{position:sticky;top:94px;padding:14px;overflow:hidden}.previewToolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.previewToolbar b{display:block;color:#0f172a}.previewToolbar small{display:block;margin-top:3px;color:#64748b;font-size:12px}.previewToolbar div:last-child{display:flex;gap:6px}.previewToolbar span{display:inline-flex;border-radius:999px;background:#e6fffb;color:#0f766e;padding:6px 9px;font-size:11px;font-weight:950}.creatorPaperStage{height:calc(100vh - 205px);min-height:660px;overflow:auto;border-radius:24px;border:1px solid #dce7f3;background:radial-gradient(circle at top,#dbeafe,transparent 42%),linear-gradient(180deg,#e9f1fb,#f8fbff);padding:20px}.creatorScale{zoom:.58;margin:0 auto;width:max-content}.creatorScale .cvPaper{box-shadow:0 26px 70px rgba(15,23,42,.18)!important}
.designStudio{display:grid;gap:16px}.designFilters{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:10px;margin-bottom:14px}.countPill{padding:8px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:950}.templateStudioGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.studioTemplate{text-align:left;border:1px solid color-mix(in srgb,var(--a) 22%,#dce7f3);background:linear-gradient(180deg,color-mix(in srgb,var(--soft) 82%,#fff),#fff);border-radius:22px;padding:10px;min-width:0;box-shadow:0 12px 28px rgba(15,23,42,.045)}.studioTemplate.active{border-color:var(--a);box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 20%,transparent),0 16px 34px color-mix(in srgb,var(--a) 16%,transparent)}.studioMini{height:190px;border-radius:17px;overflow:hidden;background:linear-gradient(135deg,#fff,var(--soft));border:1px solid color-mix(in srgb,var(--a) 22%,#dce7f3);position:relative}.studioMini .tplCanvas{width:100%;height:100%;overflow:hidden}.studioMini .cvPaper{transform:scale(.18)!important;transform-origin:top left!important;margin:7px 0 0 7px!important;box-shadow:0 12px 24px rgba(15,23,42,.16)!important}.studioTemplateMeta{padding:10px 2px 0}.studioTemplateMeta b{display:block;color:#0f172a;font-size:14px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studioTemplateMeta small{display:block;margin-top:4px;color:#64748b;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appearanceGrid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:16px}.appearanceGrid h4{margin:0 0 10px;color:#0f172a}.paletteStudio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.paletteTile{text-align:left;border:1px solid color-mix(in srgb,var(--a) 30%,#dce7f3);background:#fff;border-radius:18px;padding:10px;display:grid;gap:6px}.paletteTile i{height:42px;border-radius:14px;background:linear-gradient(135deg,var(--a),color-mix(in srgb,var(--soft) 70%,#fff));box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)}.paletteTile b{font-size:13px;color:#0f172a}.paletteTile small{color:#64748b;font-size:11px}.paletteTile.active{border-color:var(--a);box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 20%,transparent)}.customColorCards{display:grid;gap:10px;margin-bottom:16px}.customColorCards label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid #dce7f3;border-radius:16px;background:#f8fbff}.customColorCards span{font-weight:900;color:#475569;font-size:13px}.customColorCards input{width:52px;height:38px;border:0;background:transparent}.segmented{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.segmented button{border:1px solid #dce7f3;background:#fff;color:#334155;border-radius:999px;padding:10px 12px;font-weight:950}.segmented button.active{background:#0f315b;color:#fff;border-color:#0f315b}
body.dark .cvCreatorPro.builder{background:linear-gradient(180deg,#07111f,#0b1628)!important;color:#f8fafc}body.dark .creatorHero h1,body.dark .editorHeader h2,body.dark .smartBlockHead h3,body.dark .smartField span,body.dark .previewToolbar b,body.dark .appearanceGrid h4,body.dark .paletteTile b,body.dark .creatorHint b,body.dark .creatorStep b,body.dark .studioTemplateMeta b{color:#f8fafc}body.dark .creatorHero p,body.dark .editorHeader p,body.dark .smartBlockHead p,body.dark .previewToolbar small,body.dark .paletteTile small,body.dark .studioTemplateMeta small,body.dark .creatorHint,body.dark .creatorStep small{color:#a8b3c4}body.dark .creatorRail,body.dark .creatorEditor,body.dark .creatorPreview,body.dark .smartBlock,body.dark .editorHeader,body.dark .arrayEntry,body.dark .paletteTile,body.dark .studioTemplate{background:#0d1b2f;border-color:#1f314f}body.dark .creatorCvBox,body.dark .creatorHint,body.dark .smartDetails,body.dark .customColorCards label,body.dark .smartChip{background:#07111f;border-color:#1f314f}body.dark .creatorStep .stepNo,body.dark .creatorStep .stepIcon,body.dark .smartField input,body.dark .smartField textarea,body.dark .designFilters input,body.dark .designFilters select,body.dark .segmented button{background:#07111f;border-color:#243957;color:#f8fafc}body.dark .creatorStep.active,body.dark .creatorStep:hover{background:#102544;border-color:#28486d}body.dark .creatorPaperStage{background:#07111f;border-color:#1f314f}body.dark .studioMini{background:#0a1424;border-color:#1f314f}body.dark .ghostAction,body.dark .editorHeaderActions button{background:#0d1b2f;color:#f8fafc;border-color:#1f314f}body.dark .smartChip input{color:#f8fafc}
@media(max-width:1540px){.creatorWorkspace{grid-template-columns:280px minmax(0,1fr) minmax(390px,480px)}.creatorScale{zoom:.52}.templateStudioGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.studioMini{height:180px}.appearanceGrid{grid-template-columns:1fr}.paletteStudio{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1180px){.creatorHero{align-items:flex-start;flex-direction:column}.creatorWorkspace{grid-template-columns:1fr}.creatorRail,.creatorPreview{position:relative;top:auto}.creatorSteps{grid-template-columns:repeat(4,1fr)}.creatorStep{grid-template-columns:1fr;grid-template-areas:"no" "icon" "title" "sub";justify-items:start}.creatorCvList{grid-template-columns:repeat(2,1fr)}.creatorPaperStage{height:auto;min-height:620px}.creatorScale{zoom:.62}.templateStudioGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.creatorHero,.creatorWorkspace{width:calc(100vw - 22px)}.creatorSteps,.smartGrid,.entryGrid,.smartGrid.compactGrid,.twoBlocks,.designFilters,.templateStudioGrid,.paletteStudio{grid-template-columns:1fr}.creatorCvList{grid-template-columns:1fr}.editorHeader,.smartBlockHead,.previewToolbar{flex-direction:column;align-items:flex-start}.creatorPaperStage{padding:12px}.creatorScale{zoom:.42}.creatorHeroActions,.editorHeaderActions{width:100%}.creatorHeroActions button,.editorHeaderActions button{flex:1}.studioMini{height:210px}.studioMini .cvPaper{transform:scale(.19)!important}}
@media(max-width:520px){.creatorScale{zoom:.34}.progressList{grid-template-columns:1fr}.creatorHero h1{font-size:30px}.smartBlock,.creatorEditor,.creatorRail,.creatorPreview{border-radius:20px}.creatorHeroActions,.editorHeaderActions{display:grid}.creatorHeroActions button,.editorHeaderActions button{width:100%}}


/* ===== CV yarat: locked template preview parity patch ===== */
:root{--cv-page-w:210mm;--cv-page-h:297mm;--cv-sidebar-w:66mm;--cv-header-h:44mm;--cv-header-pad-x:14mm;--cv-header-pad-y:11mm;--cv-photo-size:24mm;--cv-body-pad:12mm;--cv-aside-pad:12mm;}
.cvPaper{width:var(--cv-page-w)!important;min-height:var(--cv-page-h)!important;max-width:var(--cv-page-w)!important;background:#fff;color:#111827;display:grid!important;grid-template-columns:var(--cv-sidebar-w) 1fr!important;grid-template-rows:auto 1fr!important;overflow:hidden!important;contain:layout paint;}
.cvPaper .cvHeader{grid-column:1/-1!important;min-height:var(--cv-header-h)!important;max-height:var(--cv-header-h)!important;padding:var(--cv-header-pad-y) var(--cv-header-pad-x)!important;display:grid!important;grid-template-columns:var(--cv-photo-size) minmax(0,1fr)!important;align-items:center!important;gap:10mm!important;overflow:hidden!important;box-sizing:border-box!important;}
.cvPaper .cvHeader>div:last-child{min-width:0!important;overflow:hidden!important;}
.cvPaper .cvHeader h1{margin:0!important;font-size:27px!important;line-height:1.05!important;letter-spacing:-.035em!important;max-height:2.1em!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;word-break:break-word!important;}
.cvPaper .cvHeader h2{margin:5px 0 0!important;font-size:12px!important;line-height:1.25!important;text-transform:uppercase!important;letter-spacing:.13em!important;font-weight:900!important;max-height:2.5em!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
.cvPaper .cvHeader p{margin:7px 0 0!important;font-size:10.5px!important;line-height:1.45!important;max-height:4.35em!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;}
.cvPhoto{width:var(--cv-photo-size)!important;height:var(--cv-photo-size)!important;min-width:var(--cv-photo-size)!important;border-radius:50%;display:grid!important;place-items:center!important;overflow:hidden!important;font-size:22px!important;font-weight:1000!important;}
.cvPhoto img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.cvAside{grid-column:1!important;grid-row:2!important;padding:var(--cv-aside-pad)!important;overflow:hidden!important;}
.cvBody{grid-column:2!important;grid-row:2!important;padding:var(--cv-body-pad)!important;overflow:hidden!important;}
.cvSection{break-inside:avoid;page-break-inside:avoid;margin-bottom:10px!important;}
.cvSection h3{font-size:11px!important;line-height:1.15!important;margin:0 0 7px!important;text-transform:uppercase!important;letter-spacing:.12em!important;}
.cvEntry{margin-bottom:8px!important;break-inside:avoid;page-break-inside:avoid;}
.cvEntry b{font-size:12px!important;line-height:1.25!important;}
.cvEntry span,.cvEntry time,.cvEntry small{font-size:10px!important;line-height:1.35!important;}
.cvEntry p,.cvBody p,.cvBody li,.cvAside p,.cvTags span{font-size:10.5px!important;line-height:1.45!important;}
.cvPaper.density-compact{--cv-header-h:40mm;--cv-header-pad-y:9mm;--cv-body-pad:10mm;--cv-aside-pad:10mm;}
.cvPaper.density-airy,.cvPaper.density-wide{--cv-header-h:48mm;--cv-header-pad-y:12mm;--cv-body-pad:14mm;--cv-aside-pad:14mm;}
.cvPaper.layout-sidebar,.cvPaper.layout-leftRail,.cvPaper.layout-canvaLeftSidebar,.cvPaper.layout-canvaRightSidebar{--cv-sidebar-w:62mm;}
.cvPaper.layout-split,.cvPaper.layout-canvaSplitProfile{--cv-sidebar-w:70mm;--cv-header-h:46mm;}
.cvPaper.layout-classic,.cvPaper.layout-minimal,.cvPaper.layout-canvaSingleColumnAts,.cvPaper.layout-atsCompact,.cvPaper.layout-addonNeoMinimal{--cv-sidebar-w:52mm;--cv-header-h:42mm;}
.cvPaper.layout-premiumGold,.cvPaper.layout-executive,.cvPaper.layout-canvaExecutiveLetterhead,.cvPaper.layout-addonExecutiveSerif{--cv-header-h:46mm;}
.cvPaper.layout-creative,.cvPaper.layout-developerDark,.cvPaper.layout-addonCybersecurity{--cv-header-h:46mm;}
.tplCanvas .cvPaper.miniCv,.studioMini .cvPaper,.premiumCvFrame .cvPaper,.adminTplPreview .cvPaper,.authPreviewCard .cvPaper,.heroResume .cvPaper{min-height:var(--cv-page-h)!important;max-height:none!important;}
.studioMini{height:214px!important;}
.studioMini .cvPaper{transform:scale(.195)!important;transform-origin:top left!important;margin:8px 0 0 8px!important;}
.studioTemplate{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;}
.studioTemplate:hover{transform:translateY(-2px);}
.creatorPaperStage{scrollbar-gutter:stable both-edges;}
.previewToolbar small::after{content:' · şablonla eyni ölçü';}
.previewToolbar small[data-preview-note]::after{content:attr(data-preview-note);}
@media(max-width:1540px){.studioMini{height:204px!important}.studioMini .cvPaper{transform:scale(.185)!important}}
@media(max-width:820px){.studioMini{height:230px!important}.studioMini .cvPaper{transform:scale(.205)!important}.cvPaper .cvHeader h1{font-size:25px!important}}
@media print{.cvPaper{width:210mm!important;min-height:297mm!important;box-shadow:none!important;border-radius:0!important}.cvPaper .cvHeader{min-height:var(--cv-header-h)!important;max-height:var(--cv-header-h)!important}}

/* ===== Preserve special template structures while keeping fixed header sizing ===== */
.cvPaper.layout-leftRail{grid-template-columns:22mm 58mm 1fr!important;}
.cvPaper.layout-leftRail .cvHeader{grid-column:2/4!important;grid-row:1!important;}
.cvPaper.layout-leftRail .cvAside{grid-column:2!important;grid-row:2!important;}
.cvPaper.layout-leftRail .cvBody{grid-column:3!important;grid-row:2!important;}
.cvPaper.layout-leftRail:before{content:"";background:var(--cv);grid-column:1!important;grid-row:1/4!important;}

.cvPaper.layout-canvaRightSidebar{grid-template-columns:1fr 62mm!important;}
.cvPaper.layout-canvaRightSidebar .cvHeader{grid-column:1/3!important;grid-row:1!important;}
.cvPaper.layout-canvaRightSidebar .cvAside{grid-column:2!important;grid-row:2!important;}
.cvPaper.layout-canvaRightSidebar .cvBody{grid-column:1!important;grid-row:2!important;}

.cvPaper.layout-canvaLeftSidebar,.cvPaper.layout-addonTechMatrix{grid-template-columns:62mm 1fr!important;}
.cvPaper.layout-canvaLeftSidebar .cvHeader,.cvPaper.layout-addonTechMatrix .cvHeader{grid-column:1/3!important;grid-row:1!important;}
.cvPaper.layout-canvaLeftSidebar .cvAside,.cvPaper.layout-addonTechMatrix .cvAside{grid-column:1!important;grid-row:2!important;}
.cvPaper.layout-canvaLeftSidebar .cvBody,.cvPaper.layout-addonTechMatrix .cvBody{grid-column:2!important;grid-row:2!important;}

.cvPaper.layout-split,.cvPaper.layout-canvaSplitProfile{grid-template-columns:82mm 1fr!important;grid-template-rows:1fr auto!important;}
.cvPaper.layout-split .cvHeader,.cvPaper.layout-canvaSplitProfile .cvHeader{grid-column:1!important;grid-row:1/3!important;display:block!important;min-height:297mm!important;max-height:none!important;padding:18mm 12mm!important;}
.cvPaper.layout-split .cvAside,.cvPaper.layout-canvaSplitProfile .cvAside{grid-column:2!important;grid-row:1!important;padding-bottom:7mm!important;}
.cvPaper.layout-split .cvBody,.cvPaper.layout-canvaSplitProfile .cvBody{grid-column:2!important;grid-row:2!important;padding-top:0!important;}
.cvPaper.layout-split .cvPhoto,.cvPaper.layout-canvaSplitProfile .cvPhoto{margin:0 0 9mm!important;}
.cvPaper.layout-split .cvHeader h1,.cvPaper.layout-canvaSplitProfile .cvHeader h1{font-size:28px!important;}

.cvPaper.layout-canvaSingleColumnAts,.cvPaper.layout-addonLegalClassic,.cvPaper.layout-addonAcademicModern,.cvPaper.layout-addonTeacherStructured{display:block!important;padding:16mm!important;}
.cvPaper.layout-canvaSingleColumnAts .cvHeader,.cvPaper.layout-addonLegalClassic .cvHeader,.cvPaper.layout-addonAcademicModern .cvHeader,.cvPaper.layout-addonTeacherStructured .cvHeader{display:block!important;min-height:auto!important;max-height:42mm!important;padding:0 0 8mm!important;}
.cvPaper.layout-canvaSingleColumnAts .cvAside,.cvPaper.layout-addonLegalClassic .cvAside,.cvPaper.layout-addonAcademicModern .cvAside,.cvPaper.layout-addonTeacherStructured .cvAside{padding:7mm 0!important;}
.cvPaper.layout-canvaSingleColumnAts .cvBody,.cvPaper.layout-addonLegalClassic .cvBody,.cvPaper.layout-addonAcademicModern .cvBody,.cvPaper.layout-addonTeacherStructured .cvBody{padding:0!important;}

.cvPaper.layout-elegantSerif .cvHeader,.cvPaper.layout-canvaExecutiveLetterhead .cvHeader,.cvPaper.layout-addonExecutiveSerif .cvHeader{display:block!important;text-align:center!important;}
.cvPaper.layout-elegantSerif .cvPhoto{margin:0 auto 8px!important;}

/* ===== CV yarat final: template-card/live-preview parity lock ===== */
:root{
  --cv-page-w:210mm;
  --cv-page-h:297mm;
  --cv-sidebar-w:62mm;
  --cv-header-h:36mm;
  --cv-header-pad-x:13mm;
  --cv-header-pad-y:8mm;
  --cv-photo-size:22mm;
  --cv-body-pad:11mm;
  --cv-aside-pad:10mm;
}
.cvPaper{
  width:var(--cv-page-w)!important;
  min-width:var(--cv-page-w)!important;
  max-width:var(--cv-page-w)!important;
  height:var(--cv-page-h)!important;
  min-height:var(--cv-page-h)!important;
  max-height:var(--cv-page-h)!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:var(--cv-sidebar-w) 1fr!important;
  grid-template-rows:var(--cv-header-h) 1fr!important;
  background:#fff!important;
  contain:layout paint!important;
}
.cvPaper .cvHeader{
  height:var(--cv-header-h)!important;
  min-height:var(--cv-header-h)!important;
  max-height:var(--cv-header-h)!important;
  padding:var(--cv-header-pad-y) var(--cv-header-pad-x)!important;
  grid-column:1/-1!important;
  grid-row:1!important;
  display:grid!important;
  grid-template-columns:var(--cv-photo-size) minmax(0,1fr)!important;
  align-items:center!important;
  gap:9mm!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.cvPaper .cvHeader h1{font-size:25px!important;line-height:1.05!important;max-height:2.1em!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;word-break:break-word!important;}
.cvPaper .cvHeader h2{font-size:11.5px!important;line-height:1.22!important;max-height:2.45em!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
.cvPaper .cvHeader p{font-size:10px!important;line-height:1.38!important;max-height:4.2em!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;}
.cvPaper .cvAside{grid-column:1!important;grid-row:2!important;padding:var(--cv-aside-pad)!important;overflow:hidden!important;}
.cvPaper .cvBody{grid-column:2!important;grid-row:2!important;padding:var(--cv-body-pad)!important;overflow:hidden!important;}
.cvPaper.layout-classic,.cvPaper.layout-minimal,.cvPaper.layout-atsCompact,.cvPaper.layout-canvaSingleColumnAts,.cvPaper.layout-addonNeoMinimal{--cv-header-h:32mm;--cv-sidebar-w:54mm;}
.cvPaper.layout-sidebar,.cvPaper.layout-leftRail,.cvPaper.layout-canvaLeftSidebar,.cvPaper.layout-canvaRightSidebar{--cv-sidebar-w:62mm;--cv-header-h:34mm;}
.cvPaper.layout-premiumGold,.cvPaper.layout-executive,.cvPaper.layout-elegantSerif,.cvPaper.layout-canvaExecutiveLetterhead,.cvPaper.layout-addonExecutiveSerif{--cv-header-h:34mm;}
.cvPaper.layout-creative,.cvPaper.layout-developerDark,.cvPaper.layout-addonCybersecurity,.cvPaper.layout-canvaPortfolioGrid,.cvPaper.layout-addonCreativePortfolio{--cv-header-h:36mm;}
.cvPaper.density-compact{--cv-header-h:30mm;--cv-header-pad-y:7mm;--cv-body-pad:9mm;--cv-aside-pad:9mm;}
.cvPaper.density-airy,.cvPaper.density-wide{--cv-header-h:40mm;--cv-header-pad-y:9mm;--cv-body-pad:13mm;--cv-aside-pad:12mm;}
.cvPaper.layout-split,.cvPaper.layout-canvaSplitProfile{grid-template-columns:82mm 1fr!important;grid-template-rows:1fr!important;--cv-header-h:297mm;}
.cvPaper.layout-split .cvHeader,.cvPaper.layout-canvaSplitProfile .cvHeader{grid-column:1!important;grid-row:1!important;height:var(--cv-page-h)!important;min-height:var(--cv-page-h)!important;max-height:var(--cv-page-h)!important;display:block!important;padding:17mm 12mm!important;}
.cvPaper.layout-split .cvAside,.cvPaper.layout-canvaSplitProfile .cvAside{grid-column:2!important;grid-row:1!important;padding-bottom:4mm!important;}
.cvPaper.layout-split .cvBody,.cvPaper.layout-canvaSplitProfile .cvBody{grid-column:2!important;grid-row:1!important;margin-top:100mm!important;padding-top:0!important;}
.cvPaper.layout-canvaSingleColumnAts,.cvPaper.layout-addonLegalClassic,.cvPaper.layout-addonAcademicModern,.cvPaper.layout-addonTeacherStructured{display:block!important;padding:14mm!important;}
.cvPaper.layout-canvaSingleColumnAts .cvHeader,.cvPaper.layout-addonLegalClassic .cvHeader,.cvPaper.layout-addonAcademicModern .cvHeader,.cvPaper.layout-addonTeacherStructured .cvHeader{height:34mm!important;min-height:34mm!important;max-height:34mm!important;padding:0 0 6mm!important;display:block!important;}
.cvPaper.layout-canvaSingleColumnAts .cvAside,.cvPaper.layout-addonLegalClassic .cvAside,.cvPaper.layout-addonAcademicModern .cvAside,.cvPaper.layout-addonTeacherStructured .cvAside{padding:6mm 0!important;}
.cvPaper.layout-canvaSingleColumnAts .cvBody,.cvPaper.layout-addonLegalClassic .cvBody,.cvPaper.layout-addonAcademicModern .cvBody,.cvPaper.layout-addonTeacherStructured .cvBody{padding:0!important;}
.cvPaper.layout-canvaExecutiveLetterhead .cvPhoto,.cvPaper.layout-addonExecutiveSerif .cvPhoto,.cvPaper.layout-elegantSerif .cvPhoto{display:none!important;}
.cvPaper.layout-canvaExecutiveLetterhead .cvHeader,.cvPaper.layout-addonExecutiveSerif .cvHeader,.cvPaper.layout-elegantSerif .cvHeader{display:block!important;text-align:center!important;}
.creatorPaperStage{background:radial-gradient(circle at top,#e0f2fe,transparent 40%),linear-gradient(180deg,#eef6ff,#f8fbff)!important;}
.creatorScale{zoom:.55!important;margin:0 auto!important;width:max-content!important;}
.studioMini{height:214px!important;background:linear-gradient(180deg,#fff,var(--soft))!important;}
.studioMini .cvPaper{transform:scale(.19)!important;transform-origin:top left!important;margin:8px 0 0 8px!important;}
.studioTemplate.active .studioMini{box-shadow:inset 0 0 0 2px var(--a),0 16px 34px color-mix(in srgb,var(--a) 18%,transparent)!important;}
/* previewToolbar small::after default is declared above with attribute override */
@media(max-width:1540px){.creatorScale{zoom:.50!important}.studioMini{height:198px!important}.studioMini .cvPaper{transform:scale(.176)!important}}
@media(max-width:1180px){.creatorScale{zoom:.60!important}.studioMini{height:210px!important}.studioMini .cvPaper{transform:scale(.188)!important}}
@media(max-width:820px){.creatorScale{zoom:.40!important}.studioMini{height:226px!important}.studioMini .cvPaper{transform:scale(.202)!important}}
@media print{.cvPaper,.pdfInspiredCv,.cv-page{width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;box-shadow:none!important;border-radius:0!important;transform:none!important;zoom:1!important}.cvPaper .cvHeader{height:var(--cv-header-h)!important;min-height:var(--cv-header-h)!important;max-height:var(--cv-header-h)!important}}

/* ===== CV yarat: integrated template pack parity renderer ===== */
.cv-page.cvPackBridge{
  width:210mm!important;
  min-width:210mm!important;
  max-width:210mm!important;
  height:297mm!important;
  min-height:297mm!important;
  max-height:297mm!important;
  overflow:hidden!important;
  margin:0!important;
  box-shadow:0 20px 70px rgba(15,23,42,.18)!important;
  border-radius:14px!important;
  contain:layout paint!important;
}
.cv-page.cvPackBridge .cv-body{min-height:297mm!important;height:297mm!important;overflow:hidden!important;}
.printArea>.cv-page.cvPackBridge{margin:0 auto!important;}
.tplCanvas .cv-page.cvPackBridge,
.studioMini .cv-page.cvPackBridge,
.premiumCvFrame .cv-page.cvPackBridge,
.adminTplPreview .cv-page.cvPackBridge,
.authPreviewCard .cv-page.cvPackBridge,
.heroResume .cv-page.cvPackBridge{
  transform:scale(.19)!important;
  transform-origin:top left!important;
  margin:8px 0 0 8px!important;
  box-shadow:0 10px 28px rgba(15,23,42,.14)!important;
}
.studioMini:has(.cv-page.cvPackBridge){background:linear-gradient(180deg,#ffffff,#eef6ff)!important;overflow:hidden!important;}
.studioTemplate.active .studioMini:has(.cv-page.cvPackBridge){box-shadow:inset 0 0 0 2px var(--a),0 16px 34px color-mix(in srgb,var(--a) 18%,transparent)!important;}
@media(max-width:1540px){.studioMini .cv-page.cvPackBridge{transform:scale(.176)!important}}
@media(max-width:1180px){.studioMini .cv-page.cvPackBridge{transform:scale(.188)!important}}
@media(max-width:820px){.studioMini .cv-page.cvPackBridge{transform:scale(.202)!important}}
@media print{
  body.printingCv .topbar,
  body.printingCv .creatorHero,
  body.printingCv .creatorRail,
  body.printingCv .creatorEditor,
  body.printingCv .previewToolbar{display:none!important;}
  body.printingCv .creatorWorkspace,
  body.printingCv .creatorPreview,
  body.printingCv .creatorPaperStage,
  body.printingCv .creatorScale,
  body.printingCv .printArea{display:block!important;margin:0!important;padding:0!important;background:#fff!important;zoom:1!important;transform:none!important;width:auto!important;}
  .cv-page.cvPackBridge,.pdfInspiredCv{width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;box-shadow:none!important;border-radius:0!important;margin:0!important;transform:none!important;zoom:1!important;}
}
.printArea>.cv-page.cvPackBridge,.creatorScale .cv-page.cvPackBridge{transform:none!important;transform-origin:top left!important;}

/* ===== CV yarat final blank-space and template consistency fixes ===== */
.cvPaper .cvHeader :is(h1,h2,p),
.cvPaper .cvAside :is(h3,p),
.cvPaper .cvBody :is(h3,p,ul),
.cv-page.cvPackBridge :is(h1,h2,h3,p,ul){
  margin-top:0!important;
}
.cvPaper .cvAside section:empty,
.cvPaper .cvSection:empty,
.cvPaper .cvEntry:empty,
.cvPaper .cvEntry div:empty,
.cv-page.cvPackBridge .cv-section:empty,
.cv-page.cvPackBridge .cv-item:empty{display:none!important;}
.cvPaper .cvAside section{margin:0 0 4.5mm!important;break-inside:avoid!important;}
.cvPaper .cvAside section h3{margin:0 0 2mm!important;line-height:1.18!important;}
.cvPaper .cvAside section p{margin:0 0 1.4mm!important;line-height:1.34!important;}
.cvPaper .cvBody .cvSection{margin:0 0 5mm!important;break-inside:avoid!important;}
.cvPaper .cvBody .cvSection h3{margin:0 0 2.4mm!important;line-height:1.18!important;}
.cvPaper .cvBody .cvSection p,
.cvPaper .cvBody .cvSection ul{margin-bottom:0!important;}
.cvPaper .cvEntry{margin:0 0 4mm!important;display:grid!important;gap:1.2mm!important;break-inside:avoid!important;}
.cvPaper .cvEntry:last-child,
.cvPaper .cvAside section:last-child,
.cvPaper .cvBody .cvSection:last-child{margin-bottom:0!important;}
.cvPaper .cvEntry b:empty,
.cvPaper .cvEntry span:empty,
.cvPaper .cvEntry time:empty,
.cvPaper .cvEntry p:empty,
.cvPaper .cvEntry small:empty{display:none!important;}
.cvPaper .cvTags{gap:3px!important;align-content:flex-start!important;}
.cvPaper .cvTags span{line-height:1.22!important;}
.cvPaper .cvStats{margin:0 0 4mm!important;}
.cv-page.cvPackBridge .cv-section{margin:0 0 5.2mm!important;break-inside:avoid!important;}
.cv-page.cvPackBridge .cv-item{margin:0 0 3.8mm!important;break-inside:avoid!important;}
.cv-page.cvPackBridge .cv-list{margin-bottom:0!important;}
.creatorPaperStage{overflow:auto!important;}
.creatorScale .printArea{width:210mm!important;min-height:297mm!important;display:block!important;}
.studioMini .tplCanvas,
.premiumCvFrame .tplCanvas,
.adminTplPreview .tplCanvas,
.authPreviewCard .tplCanvas,
.heroResume .tplCanvas{position:relative!important;width:100%!important;height:100%!important;overflow:hidden!important;}
.studioMini .tplCanvas>.cvPaper,
.studioMini .tplCanvas>.cv-page.cvPackBridge{position:absolute!important;left:0!important;top:0!important;}
@page{size:A4;margin:0;}
@media print{
  html,body{width:210mm!important;min-height:297mm!important;background:#fff!important;}
  body.printingCv .printArea{width:210mm!important;min-height:297mm!important;overflow:visible!important;}
  body.printingCv .cvPaper,
  body.printingCv .cv-page,
  body.printingCv .pdfInspiredCv{box-shadow:none!important;border-radius:0!important;transform:none!important;zoom:1!important;page-break-after:avoid!important;break-after:avoid-page!important;}
}

/* ===== Admin template preview full-fit fix (requested) ===== */
.adminTplPreview{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
}
.adminTplPreview .tplCanvas{
  position:relative!important;
}
.adminTplPreview .tplCanvas > .cvPaper,
.adminTplPreview .tplCanvas > .cv-page.cvPackBridge{
  position:absolute!important;
  left:50%!important;
  top:14px!important;
  margin:0!important;
  transform-origin:top center!important;
}
.adminTplPreview .tplCanvas > .cvPaper{
  transform:translateX(-50%) scale(.50)!important;
}
.adminTplPreview .tplCanvas > .cv-page.cvPackBridge{
  transform:translateX(-50%) scale(.48)!important;
}
@media(max-width:980px){
  .adminTplPreview .tplCanvas > .cvPaper{transform:translateX(-50%) scale(.41)!important;}
  .adminTplPreview .tplCanvas > .cv-page.cvPackBridge{transform:translateX(-50%) scale(.40)!important;}
}
@media(max-width:640px){
  .adminTplPreview .tplCanvas > .cvPaper{transform:translateX(-50%) scale(.32)!important;}
  .adminTplPreview .tplCanvas > .cv-page.cvPackBridge{transform:translateX(-50%) scale(.31)!important;}
}

/* ===== page-specific template fit fixes: home, auth, admin ===== */
.heroResume,
.authPreviewCard,
.adminTplPreview,
.adminTplPreview .tplCanvas{
  position:relative!important;
  overflow:hidden!important;
}

.heroResume,
.authPreviewCard,
.adminTplPreview{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.heroResume > .cvPaper,
.heroResume > .cv-page.cvPackBridge,
.authPreviewCard > .cvPaper,
.authPreviewCard > .cv-page.cvPackBridge,
.adminTplPreview .tplCanvas > .cvPaper,
.adminTplPreview .tplCanvas > .cv-page.cvPackBridge{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  margin:0!important;
  transform-origin:center center!important;
}

/* Home hero */
.heroResume > .cvPaper{
  transform:translate(-50%,-50%) scale(.46)!important;
}
.heroResume > .cv-page.cvPackBridge{
  transform:translate(-50%,-50%) scale(.45)!important;
}

/* Register/Login promo preview */
.authPreviewCard > .cvPaper{
  transform:translate(-50%,-50%) scale(.245)!important;
}
.authPreviewCard > .cv-page.cvPackBridge{
  transform:translate(-50%,-50%) scale(.238)!important;
}

/* Admin template preview */
.adminTplPreview .tplCanvas > .cvPaper{
  transform:translate(-50%,-50%) scale(.50)!important;
}
.adminTplPreview .tplCanvas > .cv-page.cvPackBridge{
  transform:translate(-50%,-50%) scale(.485)!important;
}

@media(max-width:980px){
  .heroResume > .cvPaper{transform:translate(-50%,-50%) scale(.39)!important;}
  .heroResume > .cv-page.cvPackBridge{transform:translate(-50%,-50%) scale(.38)!important;}
  .adminTplPreview .tplCanvas > .cvPaper{transform:translate(-50%,-50%) scale(.41)!important;}
  .adminTplPreview .tplCanvas > .cv-page.cvPackBridge{transform:translate(-50%,-50%) scale(.40)!important;}
}

@media(max-width:640px){
  .heroResume > .cvPaper{transform:translate(-50%,-50%) scale(.34)!important;}
  .heroResume > .cv-page.cvPackBridge{transform:translate(-50%,-50%) scale(.33)!important;}
  .authPreviewCard > .cvPaper{transform:translate(-50%,-50%) scale(.22)!important;}
  .authPreviewCard > .cv-page.cvPackBridge{transform:translate(-50%,-50%) scale(.215)!important;}
  .adminTplPreview .tplCanvas > .cvPaper{transform:translate(-50%,-50%) scale(.32)!important;}
  .adminTplPreview .tplCanvas > .cv-page.cvPackBridge{transform:translate(-50%,-50%) scale(.31)!important;}
}
/* BOŞ BLOKLARIN VƏ GƏRƏKSİZ BOŞLUQLARIN TAM GİZLƏDİLMƏSİ */
.cvPaper .cvAside section:empty,
.cvPaper .cvSection:empty,
.cvPaper .cvEntry:empty,
.cvPaper .cvEntry div:empty,
.cv-page.cvPackBridge .cv-section:empty,
.cv-page.cvPackBridge .cv-item:empty,
.cvPaper p:empty,
.cvPaper ul:empty,
.cvPaper li:empty,
.cvPaper span:empty,
.cvPaper h3:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    height: 0 !important;
}
/* DİZAYNLAR BÖLMƏSİNDƏ KVADRAT GÖRÜNÜŞÜN LƏĞVİ VƏ A4 NİSBƏTİNİN TƏTBİQİ (YENİLƏNMİŞ) */
.studioMini, 
.builderIntegrated .small-template .realMini,
.adminTplPreview .tplCanvas {
    aspect-ratio: 210 / 297 !important; /* A4 formatı */
    height: 100% !important; /* 0-a düşməməsi üçün auto əvəzinə 100% */
    min-height: 220px !important; /* Sabit minimum hündürlük ki, görünməz olmasın */
    display: block !important; /* Flex ləğv edilir ki, daxili miqyaslama (scale) pozulmasın */
    position: relative !important;
    background: #fff !important; 
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* Şablonu mərkəzləşdirib kənarlardakı lazımsız boşluqları yığmaq üçün */
.studioMini .tplCanvas, 
.builderIntegrated .small-template .tplCanvas {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    background: transparent !important;
}
/* PDF İXRACI ZAMANI SƏHİFƏ KƏSİLMƏSİNİN QARŞISINI ALMAQ ÜÇÜN */
@media print {
    .cvPaper, 
    .cv-page.cvPackBridge {
        height: auto !important;
        min-height: 297mm !important;
        max-height: none !important; /* Yazı çox olanda kəsilməsin */
        overflow: visible !important;
    }
}
/* ŞABLONLARIN (CV-LƏRİN) QUTUYA TAM OTURMASI ÜÇÜN BÖYÜDÜLMƏSİ (SON VERSİYA) */
.studioMini .cvPaper,
.builderIntegrated .small-template .tplCanvas .cvPaper,
.studioMini .cv-page.cvPackBridge,
.builderIntegrated .small-template .tplCanvas .cv-page.cvPackBridge {
    transform: scale(0.36) !important; /* 0.32-dən 0.36-ya qaldırdıq */
    transform-origin: top left !important;
    margin: 0 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

/* Müxtəlif ekran ölçülərində kənara daşmaması üçün avtomatik nizamlamalar */
@media(max-width: 1450px) {
    .studioMini .cvPaper, 
    .builderIntegrated .small-template .tplCanvas .cvPaper, 
    .studioMini .cv-page.cvPackBridge,
    .builderIntegrated .small-template .tplCanvas .cv-page.cvPackBridge {
        transform: scale(0.32) !important; /* 0.28-dən 0.32-yə qaldırdıq */
    }
}

@media(max-width: 1100px) {
    .studioMini .cvPaper, 
    .builderIntegrated .small-template .tplCanvas .cvPaper, 
    .studioMini .cv-page.cvPackBridge,
    .builderIntegrated .small-template .tplCanvas .cv-page.cvPackBridge {
        transform: scale(0.39) !important; /* Planşetlər üçün artırıldı */
    }
}

@media(max-width: 720px) {
    .studioMini .cvPaper, 
    .builderIntegrated .small-template .tplCanvas .cvPaper, 
    .studioMini .cv-page.cvPackBridge,
    .builderIntegrated .small-template .tplCanvas .cv-page.cvPackBridge {
        transform: scale(0.44) !important; /* Mobil üçün artırıldı */
    }
}
/* PDF YÜKLƏMƏ VƏ ÇAP (PRINT) ZAMANI MİQYASIN (SCALE) QARIŞMAMASI ÜÇÜN RESET KODU */
@media print {
    .cvPaper,
    .cv-page.cvPackBridge,
    #printArea .cvPaper,
    .printArea .cvPaper {
        transform: none !important; /* Bütün zoom/scale effektlərini sıfırlayır */
        width: 210mm !important;
        min-height: 297mm !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        box-shadow: none !important;
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        page-break-inside: avoid !important;
    }
}
/* PDF YÜKLƏMƏ PƏNCƏRƏSİNDƏ DİZAYNIN POZULMAMASI ÜÇÜN ÇAP (PRINT) RESETLƏRİ */
@media print {
    /* Bütün lazımsız elementləri gizlədirik */
    body * {
        visibility: hidden !important;
    }
    
    /* Yalnız CV ərazisini görünür edirik */
    #printArea, #printArea * {
        visibility: visible !important;
    }

    #printArea {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 210mm !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Qutuların kiçiltmə (zoom/scale) effektlərini ləğv edirik ki, PDF tam A4 düşsün */
    .creatorScale, .creatorPaperStage, .creatorPreview, .creatorWorkspace, .builder {
        transform: none !important;
        zoom: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        height: auto !important;
        display: block !important;
        position: static !important;
    }

    /* CV kağızını tam A4 ölçüsünə sabitləyirik və arxa fon rənglərinin PDF-ə düşməsini təmin edirik */
    .cvPaper, .cv-page.cvPackBridge {
        width: 210mm !important;
        min-width: 210mm !important;
        max-width: 210mm !important;
        min-height: 297mm !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        box-shadow: none !important;
        transform: none !important;
        zoom: 1 !important;
        page-break-after: avoid !important;
        page-break-inside: avoid !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
}
/* ===== Uploaded PDF CV form pack - live editable templates ===== */
.pdfInspiredCv{width:210mm;min-height:297mm;height:297mm;background:#fff;color:#172033;display:grid;grid-template-columns:66mm 1fr;overflow:hidden;box-shadow:0 18px 45px rgba(15,23,42,.16);font-family:Inter,Segoe UI,Arial,sans-serif;position:relative;--pdf-pad:13mm;--pdf-line:#d9dee8;--pdf-muted:#64748b}.pdfInspiredCv *{box-sizing:border-box}.pdfInspiredCv .pdfWatermark{position:absolute;right:9mm;bottom:6mm;font-size:7px;letter-spacing:.18em;text-transform:uppercase;color:#cbd5e1}.pdfInspiredCv .pdfSide{background:var(--cv);color:var(--cvtext,#fff);padding:14mm 8mm;display:flex;flex-direction:column;gap:7mm}.pdfInspiredCv .pdfSide section{break-inside:avoid}.pdfInspiredCv .pdfSide h3,.pdfInspiredCv .pdfMain h3{margin:0 0 3.5mm;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:900}.pdfInspiredCv .pdfSide h3{color:inherit;border-bottom:1px solid color-mix(in srgb,currentColor 35%,transparent);padding-bottom:2mm}.pdfInspiredCv .pdfSide ul{list-style:none;margin:0;padding:0;display:grid;gap:2.2mm}.pdfInspiredCv .pdfSide li,.pdfInspiredCv .pdfSide small{font-size:9.4px;line-height:1.45;color:color-mix(in srgb,currentColor 85%,transparent)}.pdfInspiredCv .pdfPhoto{width:31mm;height:31mm;border-radius:50%;border:2px solid color-mix(in srgb,currentColor 65%,transparent);display:grid;place-items:center;font-size:19px;font-weight:900;overflow:hidden;background:color-mix(in srgb,currentColor 12%,transparent)}.pdfInspiredCv .pdfPhoto img{width:100%;height:100%;object-fit:cover}.pdfInspiredCv .pdfChips{display:flex;flex-wrap:wrap;gap:2mm}.pdfInspiredCv .pdfChips span{font-size:8.8px;line-height:1.1;padding:1.7mm 2.4mm;border-radius:999px;background:color-mix(in srgb,currentColor 12%,transparent);border:1px solid color-mix(in srgb,currentColor 25%,transparent);color:inherit}.pdfInspiredCv .pdfMiniList b{display:block;color:inherit;font-size:9.2px}.pdfInspiredCv .pdfMain{padding:16mm 14mm 13mm;overflow:hidden}.pdfInspiredCv .pdfMain header{padding-bottom:7mm;margin-bottom:6mm;border-bottom:2px solid var(--cv)}.pdfInspiredCv .pdfKicker{margin:0 0 2mm;text-transform:uppercase;letter-spacing:.24em;color:var(--cv);font-weight:900;font-size:9px}.pdfInspiredCv h1{margin:0;font-size:31px;line-height:.98;letter-spacing:-.04em;color:#0f172a}.pdfInspiredCv h2{margin:2mm 0 4mm;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--cv);font-weight:900}.pdfInspiredCv .pdfSummary{margin:0;font-size:10.6px;line-height:1.55;color:#334155}.pdfInspiredCv .pdfStats{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5mm;margin-top:5mm}.pdfInspiredCv .pdfStats b{border:1px solid var(--pdf-line);border-radius:3mm;padding:2.5mm;font-size:17px;color:var(--cv);line-height:1}.pdfInspiredCv .pdfStats small{display:block;margin-top:1.2mm;color:var(--pdf-muted);font-size:7.8px;text-transform:uppercase;letter-spacing:.08em}.pdfInspiredCv .pdfMain section{margin-bottom:5.5mm;break-inside:avoid}.pdfInspiredCv .pdfMain h3{color:var(--cv);border-bottom:1px solid var(--pdf-line);padding-bottom:2mm}.pdfInspiredCv .pdfEntry{margin-bottom:4mm}.pdfInspiredCv .pdfEntry div{display:flex;justify-content:space-between;gap:5mm;align-items:baseline}.pdfInspiredCv .pdfEntry b{font-size:11px;color:#0f172a}.pdfInspiredCv .pdfEntry time{font-size:8.8px;color:var(--pdf-muted);white-space:nowrap}.pdfInspiredCv .pdfEntry strong{display:block;margin:1mm 0;color:var(--cv);font-size:9.4px}.pdfInspiredCv .pdfEntry p,.pdfInspiredCv .pdfBullets li,.pdfInspiredCv .pdfMain section>p{font-size:9.6px;line-height:1.45;color:#334155;margin:0}.pdfInspiredCv .pdfBullets{margin:0;padding-left:4mm;display:grid;gap:1.5mm}.pdfInspiredCv.pdfExecutiveClean,.pdfInspiredCv.pdfMinimalTable,.pdfInspiredCv.pdfCorporateLine{grid-template-columns:1fr 58mm}.pdfInspiredCv.pdfExecutiveClean .pdfSide,.pdfInspiredCv.pdfMinimalTable .pdfSide,.pdfInspiredCv.pdfCorporateLine .pdfSide{background:#fff;color:#253044;border-left:1px solid var(--pdf-line)}.pdfInspiredCv.pdfExecutiveClean .pdfPhoto,.pdfInspiredCv.pdfMinimalTable .pdfPhoto,.pdfInspiredCv.pdfCorporateLine .pdfPhoto{border-color:var(--cv);color:var(--cv)}.pdfInspiredCv.pdfPhotoSidebar .pdfSide,.pdfInspiredCv.pdfNavyColumn .pdfSide{padding-top:10mm}.pdfInspiredCv.pdfPhotoSidebar .pdfPhoto{width:44mm;height:50mm;border-radius:0;border:0;margin:-4mm auto 0}.pdfInspiredCv.pdfPhotoSidebar .pdfPhoto span{font-size:22px}.pdfInspiredCv.pdfDarkRail .pdfSide{background:#2f3437}.pdfInspiredCv.pdfNavyColumn .pdfSide{background:#082f49}.pdfInspiredCv.pdfBlueBlocks .pdfSide{background:#d9e5f4;color:#173b62}.pdfInspiredCv.pdfBlueBlocks .pdfMain header{background:var(--cv);margin:-16mm -14mm 7mm;padding:16mm 14mm 8mm}.pdfInspiredCv.pdfBlueBlocks .pdfMain header h1,.pdfInspiredCv.pdfBlueBlocks .pdfMain header h2,.pdfInspiredCv.pdfBlueBlocks .pdfMain header p,.pdfInspiredCv.pdfBlueBlocks .pdfKicker{color:#fff}.pdfInspiredCv.pdfClassicBars .pdfSide{background:#fff;color:#172033;border-right:8px solid var(--cv)}.pdfInspiredCv.pdfClassicBars .pdfMain h3{background:var(--cv);color:#fff;border:0;padding:2mm 3mm}.pdfInspiredCv.pdfElegantRose .pdfSide{background:#c7a7a1;color:#fff}.pdfInspiredCv.pdfElegantRose .pdfMain header{border-color:#c7a7a1}.pdfInspiredCv.pdfSoftSplit .pdfSide{background:linear-gradient(180deg,var(--cvsoft),#fff);color:#263241;border-right:1px solid var(--pdf-line)}.pdfInspiredCv.pdfSoftSplit .pdfPhoto{color:var(--cv);border-color:var(--cv)}.pdfInspiredCv.pdfCircularHeader{grid-template-columns:1fr}.pdfInspiredCv.pdfCircularHeader .pdfSide{position:absolute;left:14mm;top:42mm;width:52mm;min-height:190mm;background:var(--cv);border-radius:30mm 30mm 0 0;padding-top:10mm}.pdfInspiredCv.pdfCircularHeader .pdfMain{padding-left:75mm}.pdfInspiredCv.pdfCircularHeader .pdfMain header{margin-left:-61mm;padding-left:61mm}.pdfInspiredCv.pdfMonoPanel .pdfSide{background:#050505;color:#fff}.pdfInspiredCv.pdfMonoPanel .pdfMain h3{color:#050505;border-bottom:2px solid #050505}.pdfInspiredCv.miniCv{width:210mm!important;min-height:297mm!important;height:297mm!important;transform-origin:top left}.tplCanvas .pdfInspiredCv{box-shadow:none}.pdfInspiredCv.miniCv .pdfSide li,.pdfInspiredCv.miniCv .pdfEntry p,.pdfInspiredCv.miniCv .pdfBullets li{font-size:9px}.pdfInspiredCv.miniCv h1{font-size:29px}@media print{.pdfInspiredCv{width:210mm!important;height:297mm!important;min-height:297mm!important;box-shadow:none!important;break-after:avoid!important;page-break-after:avoid!important}.pdfInspiredCv .pdfMain,.pdfInspiredCv .pdfSide{overflow:hidden!important}.pdfInspiredCv section,.pdfInspiredCv .pdfEntry{break-inside:avoid!important;page-break-inside:avoid!important}}

/* Premium payment and contact visibility fixes */
.termsContactSection .contactLeadText{
  display:block;
  margin:12px 0 22px !important;
  padding:16px 18px;
  border-radius:16px;
  background:linear-gradient(180deg,#eef6ff,#ffffff);
  border:1px solid #cfe0ff;
  color:#12233f !important;
  font-size:18px;
  font-weight:800;
  line-height:1.65;
  box-shadow:0 10px 26px rgba(15,76,166,.08);
}
.contactMailBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:13px 22px;text-decoration:none;font-weight:900}
.premiumPaymentSection{padding:22px 0 34px}
.paymentCard{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch;border-radius:28px;padding:30px;background:linear-gradient(135deg,#07152f,#0b4de8 58%,#14b8a6);box-shadow:0 24px 70px rgba(7,21,47,.22);color:#fff;overflow:hidden;position:relative}
.paymentCard:before{content:'';position:absolute;inset:auto -120px -180px auto;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.12)}
.paymentInfo,.paymentForm{position:relative;z-index:1}
.paymentInfo .sectionKicker{background:rgba(255,255,255,.12);color:#a7f3d0;border:1px solid rgba(255,255,255,.18)}
.paymentInfo h2{font-size:42px;line-height:1.08;margin:14px 0;color:#fff}
.paymentInfo p{color:#e4efff;font-size:17px;line-height:1.8;margin:0 0 20px}
.paymentBenefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.paymentBenefits span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);border-radius:16px;padding:13px 14px;color:#fff;font-weight:800}
.paymentForm{background:#fff;color:#07152f;border-radius:24px;padding:22px;display:grid;gap:14px;box-shadow:0 24px 60px rgba(0,0,0,.18)}
.paymentForm label{display:grid;gap:7px;font-weight:900;color:#1f2d44}
.paymentForm label span{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#64748b}
.paymentForm input,.paymentForm select{width:100%;border:1px solid #d9e5f6;border-radius:14px;padding:13px 14px;color:#07152f;background:#f8fbff;font-weight:800}
.paymentTotal{display:flex;align-items:center;justify-content:space-between;border:1px dashed #9bb7df;border-radius:16px;padding:15px 16px;background:#f4f9ff}
.paymentTotal span{color:#64748b;font-weight:800}.paymentTotal b{font-size:26px;color:#0b4de8}
.paymentSubmit{width:100%;min-height:52px}.paymentForm small{color:#64748b;line-height:1.55;font-weight:700}
body.dark .termsContactSection .contactLeadText{background:#0a203e;border-color:#274566;color:#f8fbff !important}
body.dark .paymentForm{background:#0d1b2f;color:#f8fafc;border:1px solid #1f314f}
body.dark .paymentForm input,body.dark .paymentForm select,body.dark .paymentTotal{background:#07111f;color:#f8fafc;border-color:#233753}
body.dark .paymentForm label{color:#f8fafc}
@media (max-width: 860px){.paymentCard{grid-template-columns:1fr;padding:22px}.paymentInfo h2{font-size:32px}.paymentBenefits{grid-template-columns:1fr}}

/* Uploaded 3 premium CV templates from user PDFs */
.uploadedPremiumCv{
  width:210mm;
  min-height:297mm;
  height:297mm;
  overflow:hidden;
  background:#fff;
  color:#1f2937;
  box-shadow:0 24px 70px rgba(15,23,42,.16);
  position:relative;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  line-height:1.35;
}
.uploadedPremiumCv h1,.uploadedPremiumCv h2,.uploadedPremiumCv h3,.uploadedPremiumCv p,.uploadedPremiumCv ul{margin:0}
.uploadedPremiumCv h1{font-size:15mm;line-height:.95;letter-spacing:-.055em;font-weight:950}
.uploadedPremiumCv h2{font-size:7mm;font-weight:500;letter-spacing:.01em}
.uploadedPremiumCv h3{font-size:8mm;line-height:1.05;letter-spacing:-.03em;font-weight:950;text-transform:none;margin-bottom:6mm}
.uploadedPremiumCv p{font-size:4.25mm;line-height:1.55;color:inherit}
.uploadedPremiumCv ul{padding-left:6mm;font-size:4.1mm;line-height:1.55}
.uploadedPremiumCv .upPhoto{overflow:hidden;display:grid;place-items:center;background:color-mix(in srgb,var(--cv) 22%,#fff);font-weight:900;color:#fff;text-transform:uppercase}
.uploadedPremiumCv .upPhoto img{width:100%;height:100%;object-fit:cover;filter:saturate(.96)}
.uploadedPremiumCv .upPhoto span{font-size:13mm}
.uploadedPremiumCv .upItem{position:relative;margin:0 0 6mm;padding-left:9mm}
.uploadedPremiumCv .upItem:before{content:'';position:absolute;left:0;top:1mm;width:3mm;height:3mm;border-radius:50%;background:var(--cv)}
.uploadedPremiumCv .upItem b{display:block;font-size:4.6mm;font-weight:900;line-height:1.18}
.uploadedPremiumCv .upItem span{display:block;font-size:3.75mm;margin-top:1mm;opacity:.86}
.uploadedPremiumCv .upItem p{font-size:3.55mm;margin-top:2mm;line-height:1.45}

.layout-premiumBlueDesigner{background:#fff;color:#111827;display:block}
.layout-premiumBlueDesigner:before,.layout-premiumBlueDesigner:after{content:'';position:absolute;background:#38bdf8;z-index:0}
.layout-premiumBlueDesigner:before{left:0;top:0;width:68mm;height:49mm}
.layout-premiumBlueDesigner:after{right:-10mm;top:86mm;width:18mm;height:112mm}
.upBlueTop{height:131mm;background:#15171c;color:#f8fafc;display:grid;grid-template-columns:84mm 1fr;grid-template-rows:auto 1fr;column-gap:18mm;padding:11mm 14mm 14mm;position:relative;z-index:1}
.upBlueTop .upPhoto.square{width:68mm;height:68mm;border:3mm solid #38bdf8;box-shadow:-5mm 5mm 0 #38bdf8;grid-row:1/3;margin-top:0}
.upBlueTop .upTitle{padding-top:5mm}
.upBlueTop .upTitle h1{color:#fff;font-size:17mm;max-width:100mm}
.upBlueTop .upTitle h2{color:#f5f7fb;font-style:italic;margin-top:3mm}
.upBlueTop section{grid-column:2;align-self:end;padding-bottom:5mm;max-width:105mm}
.upBlueTop section h3{font-size:9mm;color:#fff;margin-bottom:5mm}
.upBlueTop section p{color:#e6e7eb;max-width:90mm}
.upContact{position:absolute;left:12mm;top:88mm;width:70mm;z-index:2;color:#fff}
.upContact ul{padding:0;list-style:none;display:grid;gap:2.5mm;font-size:4.2mm;color:#f8fafc}
.upContact li{padding-left:9mm;position:relative;line-height:1.35}
.upContact li:before{content:'●';position:absolute;left:0;top:0;color:#38bdf8;font-size:6mm;line-height:1}
.upBlueGrid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:22mm;padding:14mm 17mm 12mm;background:#fff;min-height:166mm}
.upBlueGrid h3{color:#15171c;margin-top:0;margin-bottom:5mm}.upBlueGrid section:first-child h3+ul{margin-bottom:10mm}

.layout-premiumBlackEditorial{display:grid;grid-template-columns:1.08fr .92fr;background:linear-gradient(180deg,#000 0%,#000 72%,#7c430f 100%);color:#f8fafc}
.layout-premiumBlackEditorial:before{content:'';position:absolute;left:107mm;top:0;bottom:0;width:1px;background:#f8fafc;opacity:.88}
.upBlackLeft{padding:20mm 8mm 10mm 20mm;position:relative}.upBlackRight{padding:19mm 13mm 12mm 14mm;position:relative}
.upBlackLeft .upNameBlock{margin-bottom:22mm}.upBlackLeft h1{font-size:17mm;text-transform:uppercase;color:#edf2f7;max-width:92mm}.upBlackLeft h2{display:inline-block;margin-top:4mm;background:#eaf2f2;color:#050505;border-radius:0 12mm 12mm 0;padding:2.5mm 10mm 2.5mm 8mm;font-size:6.4mm;min-width:74mm;text-align:center}
.upBlackLeft h3,.upBlackRight h3{font-size:6.7mm;color:#f8fafc;margin-bottom:6mm;display:flex;align-items:center;gap:4mm}.upBlackLeft section{margin-bottom:10mm}.upBlackLeft .upItem{padding-left:38mm;margin-bottom:7mm}.upBlackLeft .upItem:before{left:0;width:31mm;height:8mm;border-radius:99px;background:#edf2f2}.upBlackLeft .upItem:after{content:'';position:absolute;left:6mm;top:2mm;width:1.8mm;height:1.8mm;border-radius:50%;background:#000}.upBlackLeft .upItem b{font-size:4.3mm}.upBlackLeft .upItem span{font-size:3.7mm}.upBlackLeft .upItem p{font-size:3.35mm;color:#e5e7eb}
.upBlackRight .upPhoto.rect{width:75mm;height:100mm;margin:0 auto 14mm;background:#e7e2d5}.upBlackRight section{margin-bottom:9mm}.upBlackRight p{color:#f1f5f9;text-align:justify;font-size:3.9mm}.upLangs{display:grid;gap:2mm;list-style:disc;color:#f8fafc}.upLangs li{font-size:4.1mm}.upBlackContact{background:#000;border-radius:14mm;padding:10mm 9mm!important;margin-top:8mm}.upBlackContact ul{list-style:none;padding:0;display:grid;gap:3mm;color:#fff}.upBlackContact li{font-size:4mm}.upSkillsBox{background:#fff;color:#000;border-radius:10mm;padding:8mm 8mm 7mm;margin-left:-5mm}.upSkillsBox h3{color:#000}.upRings{display:flex;justify-content:space-between;gap:5mm}.upRing{width:25mm;text-align:center}.upRing:before{content:'';display:block;margin:auto;width:18mm;height:18mm;border-radius:50%;background:conic-gradient(#111 calc(var(--pct)*1%),#777 0);box-shadow:inset 0 0 0 4mm #fff}.upRing span{display:block;margin-top:-12mm;font-size:4mm;font-weight:900}.upRing b{display:block;margin-top:7mm;font-size:3.2mm;line-height:1.1;text-transform:uppercase}

.layout-premiumBrownPortfolio{display:block;background:#fff8ef;color:#25211d}.upBrownHeader{height:96mm;background:#27231f;color:#fff;display:grid;grid-template-columns:86mm 1fr;gap:18mm;align-items:center;padding:14mm 18mm;position:relative}.upBrownHeader:before{content:'';position:absolute;left:-24mm;top:-12mm;width:72mm;height:72mm;border:1.4mm solid #fff;border-radius:50%;opacity:.95}.upBrownHeader .upPhoto.circle{width:58mm;height:58mm;border:3mm solid #fff;border-radius:50%;z-index:1}.upBrownHeader h1{font-size:15mm;text-transform:uppercase;color:#fff}.upBrownHeader h2{margin-top:5mm;color:#fff;font-size:6.2mm}.upBrownGrid{display:grid;grid-template-columns:1fr 1fr;min-height:201mm}.upBrownGrid>div:first-child{padding:15mm 17mm 0;background:#fff8ef}.upBrownGrid>div:last-child{padding:0 14mm 10mm;background:#fff8ef}.upBrownGrid section{margin-bottom:14mm}.upBrownGrid h3{font-size:8mm;text-transform:uppercase;color:#27231f;margin-bottom:6mm}.upBrownExperience{background:#9a4616;color:#fff;padding:22mm 14mm 13mm;margin-top:-8mm!important;margin-bottom:10mm!important;min-height:110mm}.upBrownExperience h3{color:#fff}.upBrownExperience .upItem{padding-left:12mm}.upBrownExperience .upItem:before{background:#fff;border-radius:0;width:2mm;height:6mm}.upBrownExperience .upItem b{color:#fff}.upBrownExperience .upItem span,.upBrownExperience .upItem p{color:#fff}.upBrownContact{background:#27231f;color:#fff;margin:0 -17mm!important;padding:12mm 17mm;min-height:73mm}.upBrownContact h3{color:#fff}.upBrownContact ul{padding:0;list-style:none;display:grid;gap:4mm}.upBrownContact li{font-size:4mm}.upSkillBar{margin-bottom:7mm}.upSkillBar b{display:flex;justify-content:space-between;font-size:4.2mm;font-weight:950}.upSkillBar i{display:block;margin-top:2mm;height:3mm;background:#e4d7ce}.upSkillBar em{display:block;height:100%;background:#9a4616}

.premiumShowFrame .tplCanvas .uploadedPremiumCv{transform:scale(.285) !important;transform-origin:top left;margin:0!important;box-shadow:none!important}
.builderIntegrated .templateScroller .small-template .tplCanvas .uploadedPremiumCv{transform:scale(.24) !important;transform-origin:top left;margin:2px 0 0 2px!important;box-shadow:none!important}
.adminTplPreview .tplCanvas .uploadedPremiumCv{transform:scale(.52)!important;transform-origin:top left!important;margin:14px 0 0 14px!important}
@media(max-width:1180px){.premiumShowFrame .tplCanvas .uploadedPremiumCv{transform:scale(.23)!important}}
@media(max-width:720px){.premiumShowFrame .tplCanvas .uploadedPremiumCv{transform:scale(.19)!important}.builderIntegrated .templateScroller .small-template .tplCanvas .uploadedPremiumCv{transform:scale(.19)!important}}

/* Premium templates category inside CV builder */
.premiumBuilderStrip{margin-bottom:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--a) 8%,#fff),#ffffff 58%,color-mix(in srgb,#d4af37 16%,#fff));border:1px solid color-mix(in srgb,#d4af37 35%,#dbeafe);box-shadow:0 22px 70px rgba(15,23,42,.12)}
.premiumBuilderStrip .smartBlockHead{align-items:flex-start;gap:16px}.premiumBuilderStrip .smartBlockHead p{max-width:780px;color:#526173}.premiumBuilderMiniGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.premiumBuilderMini{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--a) 28%,#e5e7eb);border-radius:24px;background:linear-gradient(180deg,#fff,#f8fbff);padding:12px;text-align:left;cursor:pointer;box-shadow:0 14px 38px rgba(15,23,42,.11);transition:.18s ease}.premiumBuilderMini:hover,.premiumBuilderMini.active{transform:translateY(-2px);border-color:var(--a);box-shadow:0 20px 52px rgba(15,23,42,.16)}.premiumBuilderMini .tplCanvas{height:210px;border-radius:18px;background:#fff;overflow:hidden;display:block;margin-bottom:10px}.premiumBuilderMini .tplCanvas .uploadedPremiumCv{transform:scale(.18)!important;transform-origin:top left;margin:0!important;box-shadow:none!important}.premiumBuilderMini b{display:block;color:#0f172a;font-size:14px}.premiumBuilderMini small{display:block;margin-top:3px;color:#64748b}.premiumBuilderMini.active:after{content:attr(data-active);position:absolute;top:10px;right:10px;background:var(--a);color:#fff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}body.dark .premiumBuilderStrip{background:linear-gradient(135deg,#102544,#0d1d34);border-color:#28486d}body.dark .premiumBuilderStrip .smartBlockHead p,body.dark .premiumBuilderMini small{color:#b9c8df}body.dark .premiumBuilderMini{background:linear-gradient(180deg,#13263f,#0d1d34);border-color:#28486d}body.dark .premiumBuilderMini b{color:#f8fbff}@media(max-width:980px){.premiumBuilderMiniGrid{grid-template-columns:1fr}.premiumBuilderMini .tplCanvas{height:240px}.premiumBuilderMini .tplCanvas .uploadedPremiumCv{transform:scale(.205)!important}}

/* Premium PDF category: exact previews from user PDF files */
.premiumExactThumb{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:10px;
  background:linear-gradient(180deg,#f8fbff,#ffffff);
}
.premiumExactThumb img{
  display:block;
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:12px;
  background:#fff;
  box-shadow:0 16px 38px rgba(15,23,42,.16);
}
.premiumShowFrame .premiumExactThumb{
  padding:12px;
  background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--a) 16%,white),transparent 38%),linear-gradient(135deg,#f8fbff,#fff 48%,var(--soft));
}
.premiumShowFrame .premiumExactThumb img{
  max-width:96%;
  max-height:100%;
  border-radius:14px;
}
.premiumBuilderMini .premiumExactThumb{
  height:210px;
  border-radius:18px;
  border:1px solid color-mix(in srgb,var(--a) 28%,#e5e7eb);
  margin-bottom:10px;
  background:linear-gradient(180deg,#fff,var(--soft));
}
.studioMini .premiumExactThumb{
  height:100%;
  padding:7px;
  background:linear-gradient(180deg,#ffffff,var(--soft));
}
.studioMini .premiumExactThumb img{
  border-radius:10px;
  box-shadow:0 10px 22px rgba(15,23,42,.12);
}
.premiumBuilderStrip .premiumBuilderMiniGrid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
@media(max-width:980px){
  .premiumBuilderStrip .premiumBuilderMiniGrid{grid-template-columns:1fr;}
  .premiumBuilderMini .premiumExactThumb{height:260px;}
}
body.dark .premiumExactThumb{background:linear-gradient(180deg,#0a1424,#0d1d34)}


/* Premium uploaded templates - better fitting in live preview */
.uploadedPremiumCv.previewCv,
.creatorScale .uploadedPremiumCv{box-shadow:0 18px 44px rgba(15,23,42,.14)!important}
.uploadedPremiumCv.previewCv h1,
.uploadedPremiumCv.previewCv h2,
.uploadedPremiumCv.previewCv h3,
.uploadedPremiumCv.previewCv p,
.uploadedPremiumCv.previewCv li,
.uploadedPremiumCv.previewCv b,
.uploadedPremiumCv.previewCv span{overflow-wrap:anywhere}
.uploadedPremiumCv.previewCv .upTitle,
.uploadedPremiumCv.previewCv section,
.uploadedPremiumCv.previewCv article,
.uploadedPremiumCv.previewCv .upBlackContact,
.uploadedPremiumCv.previewCv .upBrownContact,
.uploadedPremiumCv.previewCv .upSkillsBox{overflow:hidden}
.uploadedPremiumCv.previewCv h1,
.uploadedPremiumCv.previewCv h2,
.uploadedPremiumCv.previewCv h3,
.uploadedPremiumCv.previewCv p,
.uploadedPremiumCv.previewCv li,
.uploadedPremiumCv.previewCv .upItem b,
.uploadedPremiumCv.previewCv .upItem span,
.uploadedPremiumCv.previewCv .upItem p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.layout-premiumBlueDesigner .upTitle h1{-webkit-line-clamp:2}
.layout-premiumBlueDesigner .upTitle h2{-webkit-line-clamp:2}
.layout-premiumBlueDesigner .upBlueTop section p{-webkit-line-clamp:6;max-width:92mm}
.layout-premiumBlueDesigner .upBlueGrid section{min-height:0}
.layout-premiumBlueDesigner .upBlueGrid section:first-child{max-height:148mm}
.layout-premiumBlueDesigner .upBlueGrid section:last-child{max-height:148mm}
.layout-premiumBlueDesigner .upBlueGrid ul{margin-bottom:7mm}
.layout-premiumBlueDesigner .upItem{margin-bottom:4.2mm}
.layout-premiumBlueDesigner .upItem b{-webkit-line-clamp:2}
.layout-premiumBlueDesigner .upItem span{-webkit-line-clamp:2}
.layout-premiumBlueDesigner .upItem p{-webkit-line-clamp:3}
.layout-premiumBlueDesigner .upContact{top:85mm;width:64mm}
.layout-premiumBlueDesigner .upContact li{-webkit-line-clamp:1;font-size:3.7mm}
.layout-premiumBlackEditorial .upBlackLeft,
.layout-premiumBlackEditorial .upBlackRight{min-height:0;overflow:hidden}
.layout-premiumBlackEditorial .upNameBlock h1{-webkit-line-clamp:2}
.layout-premiumBlackEditorial .upBlackLeft h2{-webkit-line-clamp:1}
.layout-premiumBlackEditorial .upBlackLeft section{overflow:hidden}
.layout-premiumBlackEditorial .upBlackLeft section:nth-of-type(1){max-height:74mm}
.layout-premiumBlackEditorial .upBlackLeft section:nth-of-type(2){max-height:72mm}
.layout-premiumBlackEditorial .upBlackRight section:first-of-type p{-webkit-line-clamp:7}
.layout-premiumBlackEditorial .upBlackContact li{-webkit-line-clamp:1}
.layout-premiumBlackEditorial .upItem{margin-bottom:5mm}
.layout-premiumBlackEditorial .upItem b{-webkit-line-clamp:2}
.layout-premiumBlackEditorial .upItem span{-webkit-line-clamp:2}
.layout-premiumBlackEditorial .upItem p{-webkit-line-clamp:3}
.layout-premiumBlackEditorial .upRing b{-webkit-line-clamp:2}
.layout-premiumBrownPortfolio .upBrownHeader h1{-webkit-line-clamp:2}
.layout-premiumBrownPortfolio .upBrownHeader h2{-webkit-line-clamp:2}
.layout-premiumBrownPortfolio .upBrownGrid>div{min-height:0;overflow:hidden}
.layout-premiumBrownPortfolio .upBrownGrid>div section:first-child p{-webkit-line-clamp:7}
.layout-premiumBrownPortfolio .upBrownExperience{min-height:100mm;max-height:112mm;overflow:hidden}
.layout-premiumBrownPortfolio .upBrownExperience .upItem b{-webkit-line-clamp:2}
.layout-premiumBrownPortfolio .upBrownExperience .upItem span{-webkit-line-clamp:2}
.layout-premiumBrownPortfolio .upBrownExperience .upItem p{-webkit-line-clamp:2}
.layout-premiumBrownPortfolio .upBrownContact li{-webkit-line-clamp:1}
.layout-premiumBrownPortfolio .upSkillBar b{gap:6mm}
.layout-premiumBrownPortfolio .upSkillBar b span{white-space:nowrap}
.creatorPreview .uploadedPremiumCv.previewCv{transform-origin:top left}
@media(max-width:1540px){
  .creatorScale .uploadedPremiumCv.previewCv{transform:none!important}
}

/* CRITICAL FIX: Uploaded premium PDF templates must not inherit the generic cvPaper grid engine. */
.cvPaper.uploadedPremiumCv{
  display:block!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  contain:none!important;
  padding:0!important;
  border-radius:0!important;
  max-width:210mm!important;
  width:210mm!important;
  min-height:297mm!important;
  height:297mm!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.cvPaper.uploadedPremiumCv.layout-premiumBlackEditorial{
  display:grid!important;
  grid-template-columns:1.08fr .92fr!important;
  grid-template-rows:297mm!important;
}
.cvPaper.uploadedPremiumCv.layout-premiumBlueDesigner,
.cvPaper.uploadedPremiumCv.layout-premiumBrownPortfolio{
  display:block!important;
}
.cvPaper.uploadedPremiumCv.layout-premiumBlueDesigner .upBlueTop{
  display:grid!important;
  grid-template-columns:84mm 1fr!important;
  grid-template-rows:auto 1fr!important;
}
.cvPaper.uploadedPremiumCv.layout-premiumBlueDesigner .upBlueGrid,
.cvPaper.uploadedPremiumCv.layout-premiumBrownPortfolio .upBrownGrid{
  display:grid!important;
}
.cvPaper.uploadedPremiumCv.layout-premiumBrownPortfolio .upBrownHeader{
  display:grid!important;
}
.cvPaper.uploadedPremiumCv .upPhoto,
.cvPaper.uploadedPremiumCv .upPhoto img{
  box-sizing:border-box!important;
}
.creatorScale .cvPaper.uploadedPremiumCv{
  box-shadow:0 26px 70px rgba(15,23,42,.18)!important;
}
@media print{
  .cvPaper.uploadedPremiumCv{
    display:block!important;
    width:210mm!important;
    height:297mm!important;
    min-height:297mm!important;
    max-width:210mm!important;
    box-shadow:none!important;
  }
  .cvPaper.uploadedPremiumCv.layout-premiumBlackEditorial{display:grid!important;grid-template-columns:1.08fr .92fr!important;}
}

/* ===== FINAL FIX: all template thumbnails fit their A4 preview boxes ===== */
.studioMini,
.premiumCvFrame,
.adminTplPreview,
.authPreviewCard,
.heroResume,
.builderIntegrated .small-template .realMini{
  position:relative!important;
  overflow:hidden!important;
}
.studioMini .tplCanvas,
.premiumCvFrame .tplCanvas,
.adminTplPreview .tplCanvas,
.builderIntegrated .small-template .tplCanvas{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
}
.studioMini .tplCanvas > .cvPaper,
.studioMini .tplCanvas > .cv-page,
.premiumCvFrame .tplCanvas > .cvPaper,
.premiumCvFrame .tplCanvas > .cv-page,
.adminTplPreview .tplCanvas > .cvPaper,
.adminTplPreview .tplCanvas > .cv-page,
.authPreviewCard > .cvPaper,
.authPreviewCard > .cv-page,
.heroResume > .cvPaper,
.heroResume > .cv-page,
.builderIntegrated .small-template .tplCanvas > .cvPaper,
.builderIntegrated .small-template .tplCanvas > .cv-page{
  position:absolute!important;
  left:0!important;
  top:0!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  transform-origin:top left!important;
  max-width:none!important;
}
/* Static fallback before JavaScript applies exact per-card scaling. */
.studioMini .tplCanvas > .cvPaper,
.studioMini .tplCanvas > .cv-page{transform:translate(6px,6px) scale(.218)!important;}
.premiumCvFrame .tplCanvas > .cvPaper,
.premiumCvFrame .tplCanvas > .cv-page{transform:translate(10px,10px) scale(.27)!important;}
.adminTplPreview .tplCanvas > .cvPaper,
.adminTplPreview .tplCanvas > .cv-page{transform:translate(10px,10px) scale(.42)!important;}
.authPreviewCard > .cvPaper,
.authPreviewCard > .cv-page{transform:translate(6px,6px) scale(.235)!important;}
.heroResume > .cvPaper,
.heroResume > .cv-page{transform:translate(10px,10px) scale(.44)!important;}
.builderIntegrated .small-template .tplCanvas > .cvPaper,
.builderIntegrated .small-template .tplCanvas > .cv-page{transform:translate(6px,6px) scale(.22)!important;}

/* ===== CVYARAT logo integration: theme-aware light/dark assets ===== */
.brandLogoWrap{
  display:inline-grid;
  align-items:center;
  line-height:0;
  flex:0 0 auto;
}
.brandLogoWrap .brandLogo{
  grid-area:1 / 1;
}
.brandLogoDark{
  display:none !important;
}
body:not(.dark) .brandLogoLight{
  display:block !important;
}
body:not(.dark) .brandLogoDark{
  display:none !important;
}
body.dark .brandLogoLight{
  display:none !important;
}
body.dark .brandLogoDark{
  display:block !important;
}
.footerBrand .brandLogoWrap{
  display:inline-grid;
}