:root{--blue:#1469ef;--blue2:#0754df;--navy:#10244b;--ink:#192b4f;--muted:#7585a1;--line:#e4edfa;--bg:#f6faff;--soft:#edf5ff;--green:#10b981;--red:#ed5e6a;--shadow:0 14px 46px rgba(16,64,125,.075);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}a:hover{color:var(--blue)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #91c4ff;outline-offset:2px}.container{width:min(1220px,calc(100% - 48px));margin:auto}.hidden{display:none!important}
.topbar{height:72px;background:#fff;border-bottom:1px solid #e8f0fa;position:sticky;z-index:40;top:0}.topbar .container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:830;letter-spacing:-.8px;color:#132653;white-space:nowrap}.brandmark{height:34px;width:34px;border-radius:10px;background:var(--blue);display:grid;place-items:center;box-shadow:0 7px 18px #1469ef30}.brandmark svg{width:23px;height:23px;stroke:#fff;fill:none;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.navlinks,.nav-actions{display:flex;align-items:center;gap:28px}.navlinks a{font-size:13px;font-weight:600;color:#587091}.navlinks a.active,.navlinks a:hover{color:var(--blue)}.nav-actions{gap:10px}.btn{border-radius:10px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;border:1px solid transparent;font-weight:700;line-height:1.25;font-size:13px;transition:transform .15s,background .15s,box-shadow .15s;user-select:none}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 5px 12px #1469ef24}.btn-primary:hover{background:var(--blue2);color:#fff}.btn-outline{border-color:#cfe0f7;color:var(--blue);background:#fff}.btn-outline:hover{background:#f5f9ff}.btn-ghost{color:#526888;background:transparent}.btn-danger{color:#c84355;background:#fff0f2}.btn-sm{padding:8px 11px;font-size:12px}.btn-lg{padding:15px 23px;font-size:14px}.btn svg,.side-link svg,.small-icon svg{width:17px;height:17px}.mobile-toggle{display:none}.user-pill{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:6px 10px 6px 6px;border-radius:100px;font-weight:650;background:#fff}.avatar{background:linear-gradient(135deg,#237df1,#81bcff);color:#fff;border-radius:50%;width:30px;height:30px;display:inline-grid;place-items:center;font-size:12px;font-weight:850}
.section-label,.eyebrow{display:inline-flex;align-items:center;background:#eaf3ff;color:var(--blue);border:1px solid #d6e8ff;font-size:11px;font-weight:750;border-radius:99px;padding:7px 13px}.hero{background:radial-gradient(circle at 76% 36%,#cfebff 0,transparent 42%),radial-gradient(circle at 20% 70%,#eff8ff 0,transparent 44%),linear-gradient(120deg,#f9fcff,#eaf5ff);overflow:hidden}.hero .container{display:grid;grid-template-columns:1fr 1.05fr;gap:30px;align-items:center;min-height:510px;padding:68px 0 60px}.hero h1{font-size:clamp(39px,4.5vw,59px);letter-spacing:-2.5px;line-height:1.13;color:var(--navy);margin:18px 0 20px;font-weight:850}.hero h1 span{color:var(--blue)}.hero p{font-size:16px;color:#697e9e;line-height:1.78;max-width:570px;margin:0 0 26px}.hero-buttons{display:flex;gap:13px;flex-wrap:wrap}.benefits{display:flex;gap:18px;flex-wrap:wrap;margin-top:32px}.benefits span{display:flex;align-items:center;gap:6px;color:#3d587e;font-weight:650;font-size:12px}.benefits i{font-style:normal;color:#18b781;font-size:16px}.hero-art{padding:18px;position:relative}.hero-art:before{content:"";position:absolute;inset:10% 1%;background:#cce7ff;border-radius:45% 55% 44% 56%;filter:blur(8px)}.art-window{position:relative;border-radius:20px;padding:14px;background:#fffffff2;border:1px solid #d9e9ff;box-shadow:0 20px 70px #1a65c322;transform:rotate(-1deg)}.art-bar{height:26px;display:flex;gap:6px;align-items:flex-start;padding:3px 7px}.art-bar b{width:9px;height:9px;border-radius:50%;background:#ff7c83}.art-bar b:nth-child(2){background:#ffcc69}.art-bar b:nth-child(3){background:#54cb9d}.art-body{display:grid;grid-template-columns:.75fr 1fr;gap:14px}.art-form{padding:18px 15px;border:1px solid var(--line);border-radius:12px;background:#fff}.art-form h4{margin:0 0 16px}.art-input{height:24px;background:#f1f6ff;border-radius:5px;margin:8px 0;border:1px solid #e3edfc}.art-input.short{width:70%}.art-action{height:26px;background:#1469ef;border-radius:6px;margin-top:16px}.art-resume{min-height:350px;background:#fff;border:1px solid #d3e5f9;box-shadow:0 5px 16px #c9dced55;display:grid;grid-template-columns:34% 1fr}.art-resume aside{background:#12335e;padding:16px 9px}.art-photo{height:77px;width:65px;background:linear-gradient(145deg,#99c0e7,#5d82aa);border-radius:8px;margin:auto auto 15px}.art-line{height:5px;border-radius:9px;background:#d5e4f6;margin:8px auto}.art-resume aside .art-line{background:#7b9bb7}.art-line.w70{width:70%}.art-line.w40{width:40%}.art-line.w90{width:90%}.art-content{padding:18px 13px}.art-title{height:10px;background:#17345d;width:75%;border-radius:3px}.art-title.small{height:7px;width:40%;margin-top:18px;background:#2b6fd3}.art-badge{position:absolute;right:-15px;bottom:7px;background:#fff;padding:12px 14px;border:1px solid var(--line);border-radius:11px;box-shadow:0 14px 30px #2363a824;font-weight:750;font-size:13px;color:#1265c8}
.section{padding:66px 0}.section h2{font-size:31px;color:var(--navy);letter-spacing:-1px;margin:12px 0}.section-header{text-align:center;margin-bottom:34px}.section-header p,.section-subtitle{color:#798da9;font-size:14px;line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{background:#fff;padding:26px 22px;border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow)}.feature-icon{height:48px;width:48px;border-radius:14px;background:#e7f1ff;color:#1469ef;display:grid;place-items:center;font-size:25px;margin-bottom:20px}.feature-icon.green{background:#e7faf1;color:#14a973}.feature-icon.violet{background:#f0ebff;color:#8054e4}.feature-card h3{font-size:15px;margin:0 0 9px;color:#15264a}.feature-card p{color:#778aa5;line-height:1.65;font-size:12px;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.step{display:flex;gap:16px;align-items:center}.step-num{background:#1469ef;color:#fff;font-weight:800;border-radius:50%;height:34px;min-width:34px;display:grid;place-items:center}.step h3{margin:0 0 6px;font-size:15px}.step p{margin:0;color:#7b8ba4;line-height:1.6;font-size:12px}.gallery-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:25px}.landing-templates{background:#fff}.template-landing-card{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden;padding:12px;box-shadow:0 5px 20px #144e8d10;cursor:pointer}.template-landing-card:hover,.template-card:hover{border-color:#9dcaff;box-shadow:0 9px 25px #1768e91d}.template-landing-card h3{font-size:13px;margin:10px 5px 3px}.template-landing-card p{font-size:11px;color:var(--muted);margin:0 5px 6px}.cta-panel{padding:38px;border-radius:22px;background:linear-gradient(110deg,#0f58d4,#378cf9);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta-panel h2{color:#fff;margin:0 0 8px}.cta-panel p{color:#e7f1ff;margin:0}.cta-panel .btn{background:#fff;color:#1766d9}.site-footer{background:#fff;border-top:1px solid var(--line);margin-top:0;padding:28px 0;color:#7e90aa;font-size:12px}.site-footer .container{display:flex;align-items:center;justify-content:space-between;gap:15px}.site-footer .brand{font-size:16px}
.auth-page{background:radial-gradient(circle at 85% 22%,#dcefff,transparent 38%),#f6faff;min-height:calc(100vh - 72px);display:grid;place-items:center;padding:42px 20px}.auth-layout{width:min(950px,100%);display:grid;grid-template-columns:1.05fr 1fr;gap:34px;align-items:center}.auth-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:34px}.auth-card h1{margin:0 0 8px;font-size:27px;letter-spacing:-.7px;color:var(--navy)}.auth-card .muted{margin:0 0 25px}.muted{color:var(--muted);line-height:1.6}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:17px}.field label{font-size:12px;color:#3d5578;font-weight:750}.field input,.field textarea,.field select,.search-input{width:100%;border:1px solid #dce7f6;background:#fff;border-radius:9px;padding:11px 12px;color:#253b5c;outline:none;font-size:13px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#6bafff;box-shadow:0 0 0 3px #e6f2ff}.field textarea{resize:vertical;min-height:94px}.field small{color:var(--muted);font-size:11px}.auth-card .btn{width:100%}.auth-bottom{text-align:center;margin:20px 0 0;color:#6c829f;font-size:12px}.auth-bottom a{color:var(--blue);font-weight:700}.auth-side{padding:26px}.auth-side h2{font-size:30px;color:var(--navy);letter-spacing:-1px;margin:0 0 12px}.auth-side .point{display:flex;align-items:flex-start;gap:12px;background:#fff7;padding:15px 8px;border-radius:12px;margin-top:8px}.point .pi{height:38px;min-width:38px;border-radius:13px;background:#e2f1ff;display:grid;place-items:center;color:var(--blue);font-size:20px}.point b{display:block;color:#1d365c;margin-bottom:5px}.point p{margin:0;color:#7d91ae;font-size:12px;line-height:1.55}
.workspace{width:min(1510px,calc(100% - 36px));margin:20px auto 44px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 22px}.workspace-heading h1{font-size:26px;letter-spacing:-.7px;color:var(--navy);margin:0 0 4px}.workspace-heading p{color:var(--muted);margin:0}.app-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px}.sidebar{border:1px solid var(--line);border-radius:17px;background:#fff;padding:16px 10px;box-shadow:var(--shadow);min-height:560px}.side-link{display:flex;align-items:center;gap:13px;width:100%;border:0;background:transparent;border-radius:9px;padding:13px;font-weight:640;color:#6c809f;text-align:left;font-size:13px}.side-link.active,.side-link:hover{background:#eaf3ff;color:var(--blue)}.side-link svg{opacity:.75}.sidebar-divider{height:1px;background:#edf1f7;margin:14px 9px}.content-card{border:1px solid var(--line);background:#fff;border-radius:17px;padding:25px;box-shadow:var(--shadow);min-width:0}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:22px}.metric{border:1px solid var(--line);border-radius:13px;padding:19px;display:flex;align-items:center;gap:14px}.metric-icon{width:49px;height:49px;border-radius:12px;display:grid;place-items:center;background:#e5f0ff;color:#186fe7;font-size:23px}.metric strong{display:block;color:var(--navy);font-size:28px;line-height:1.1}.metric span{font-size:12px;color:var(--muted)}.sub-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 13px}.sub-heading h2{margin:0;font-size:17px;color:var(--navy)}.cv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cv-item{border:1px solid var(--line);border-radius:13px;padding:13px;min-width:0;background:#fff}.cv-item .cv-mini{height:166px}.cv-item h3{font-size:13px;margin:12px 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cv-item p{font-size:11px;color:#8595aa;margin:0 0 12px}.cv-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.empty-state{grid-column:1/-1;text-align:center;border:1px dashed #bad7fb;background:#f8fbff;border-radius:14px;padding:50px 20px}.empty-state h2{margin:8px 0}.empty-state p{color:#7b8ca4}
.template-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:19px}.filter-chip{background:#fff;color:#50698e;padding:9px 13px;border:1px solid var(--line);border-radius:9px;font-size:12px;font-weight:700}.filter-chip.active{background:var(--blue);border-color:var(--blue);color:#fff}.filter-chip:hover{border-color:#a9c9ee}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.template-card{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}.template-card.selected{border:2px solid var(--blue);padding:11px}.template-card .cv-mini{height:258px}.template-card h3{font-size:14px;margin:12px 0 4px}.template-card .card-tag{color:#7591ad;font-size:11px}.template-card .buttons{display:flex;gap:8px;margin:12px 0 0}.template-card .buttons .btn{flex:1;min-width:0;padding:8px 6px}.cv-mini{width:100%;overflow:hidden;background:#eef4fb;border-radius:8px;display:grid;place-items:center;border:1px solid #e3ebf5}.mini-paper{width:71%;height:105%;background:#fff;box-shadow:0 7px 20px #18385917;display:grid;grid-template-columns:31% 69%;transform:translateY(13px);border-radius:2px;overflow:hidden}.mini-side{background:#153b68;padding:13px 5px}.mini-side i{display:block;width:25px;height:26px;background:#95b4d0;border-radius:4px;margin:0 auto 10px}.mini-side b,.mini-body b{display:block;height:3px;border-radius:3px;background:#95b2cf;margin:5px 0}.mini-side b:nth-child(even){width:75%}.mini-body{padding:17px 9px}.mini-body h5{font-size:7px;margin:0;color:#18365d}.mini-body b{background:#dce5f1}.mini-body h6{font-size:5px;color:#2878e7;margin:14px 0 7px;border-bottom:1px solid #dde8f8}.mini-paper.minimal,.mini-paper.classic{display:block}.mini-paper.minimal .mini-side,.mini-paper.classic .mini-side{display:none}.mini-paper.minimal .mini-body,.mini-paper.classic .mini-body{padding:22px 14px}.mini-paper.classic .mini-body h5{font-family:Georgia,serif;color:#151515}.mini-paper.azure .mini-side{background:#1263bb}.mini-paper.elegant .mini-side{background:#2d2a3b}.mini-paper.creative .mini-side{background:#eec1b9}.mini-paper.creative .mini-body h6{color:#d95e6b}
.editor-shell{display:grid;grid-template-columns:185px minmax(310px,.96fr) minmax(390px,1.08fr);gap:12px;align-items:start}.editor-shell .sidebar{min-height:730px}.editor-main,.preview-panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;min-width:0;box-shadow:var(--shadow)}.editor-titlebar{display:flex;justify-content:space-between;align-items:start;gap:13px;margin-bottom:19px}.editor-titlebar h2{margin:0 0 6px;color:#172b50;font-size:21px}.editor-titlebar p{margin:0;color:#8292ad;font-size:12px;line-height:1.55}.editor-main .field{margin-bottom:15px}.form-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.block-list{display:flex;flex-direction:column;gap:15px}.entry-card{border:1px solid var(--line);padding:17px;border-radius:13px;background:#fff}.entry-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.entry-num{display:flex;align-items:center;gap:9px;font-weight:800}.entry-num span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--blue);font-size:12px}.add-btn{width:100%;margin-top:12px;border:1px dashed #9fc7fa;background:#f4f9ff;color:var(--blue);font-weight:750;padding:14px;border-radius:11px}.inline-note{color:#8092ae;font-size:11px;line-height:1.6}.save-indicator{display:flex;align-items:center;gap:6px;font-size:11px;color:#15a66c;font-weight:650}.save-indicator.unsaved{color:#d09527}.preview-panel{background:#eef7ff;position:sticky;top:89px;padding:14px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:0 3px 14px}.preview-toolbar .group{display:flex;align-items:center;gap:8px;font-size:12px}.preview-stage{max-height:calc(100vh - 208px);min-height:450px;overflow:auto;border-radius:10px;background:#cbddef;padding:12px;display:flex;justify-content:center;align-items:flex-start}.preview-stage #resume{transform-origin:top center;flex-shrink:0}.resume{--accent:#1768e9;display:flex;width:210mm;min-height:297mm;background:#fff;color:#27364c;font-family:Arial,Helvetica,sans-serif;box-shadow:0 7px 24px #1d426529;line-height:1.45;overflow:hidden}.resume .resume-side{width:34%;background:#14355e;color:#fff;padding:18mm 7mm 15mm 9mm;word-wrap:break-word}.resume .resume-main{width:66%;padding:17mm 12mm 18mm 10mm;word-wrap:break-word}.resume .head-name{font-size:25px;font-weight:850;line-height:1.05;margin:12px 0 4px}.resume .head-role{font-size:12px;opacity:.87;margin:0 0 18px}.resume .photo{width:34mm;height:37mm;object-fit:cover;border-radius:8px;display:block;margin:0 auto 13px;background:#a3bad5}.resume .photo-placeholder{display:grid;place-items:center;background:#8db0cf;font-size:38px;font-weight:700}.resume .res-section{margin-bottom:16px}.resume .res-section h3{font-size:12px;color:var(--accent);border-bottom:1px solid #d9e5f0;padding-bottom:5px;margin:0 0 8px;text-transform:uppercase;letter-spacing:.6px}.resume .res-section p,.resume .res-section li,.resume .res-section .entry{font-size:10px;color:#3e4d64}.resume .resume-side .res-section h3{color:#fff;border-color:#ffffff55}.resume .resume-side .res-section p,.resume .resume-side .res-section li,.resume .resume-side .res-section .entry{color:#eef4ff}.resume .res-section p{margin:0 0 7px}.resume .res-section ul{padding-left:15px;margin:4px 0 0}.resume .res-entry{margin-bottom:13px;break-inside:avoid}.resume .res-entry strong{display:block;font-size:11px;color:#1b3151}.resume .res-entry .meta{font-size:9px;color:#8090a6;margin:2px 0 6px}.resume .res-entry .body{font-size:10px;white-space:pre-line}.resume .res-chip{display:inline-block;padding:4px 7px;margin:3px 3px 3px 0;border-radius:4px;background:#ffffff26;font-size:9px}.resume .contact{font-size:10px;line-height:1.65;margin:5px 0;overflow-wrap:anywhere}.resume.minimal,.resume.classic{display:block;padding:19mm 21mm}.resume.minimal .resume-side,.resume.classic .resume-side{width:100%;background:transparent;color:#25374c;padding:0;display:flex;flex-wrap:wrap;column-gap:15px;align-items:center}.resume.minimal .resume-side .photo,.resume.classic .resume-side .photo{height:27mm;width:25mm;margin:0 12px 0 0}.resume.minimal .resume-side .photo-placeholder,.resume.classic .resume-side .photo-placeholder{margin-right:12px}.resume.minimal .resume-side .res-section,.resume.classic .resume-side .res-section{width:100%}.resume.minimal .resume-side .res-section h3,.resume.classic .resume-side .res-section h3{color:var(--accent);border-color:#d4dce7}.resume.minimal .resume-side .res-section p,.resume.classic .resume-side .res-section p,.resume.minimal .resume-side .res-section li,.resume.classic .resume-side .res-section li{color:#485774}.resume.minimal .resume-main,.resume.classic .resume-main{width:100%;padding:0}.resume.minimal .head-name,.resume.classic .head-name{font-size:30px;margin-top:0}.resume.minimal .head-role,.resume.classic .head-role{opacity:.8}.resume.minimal .res-chip,.resume.classic .res-chip{color:#2e5284;background:#eaf1fb}.resume.classic{font-family:Georgia,serif}.resume.classic .head-name{font-size:32px}.resume.azure .resume-side{background:#1665bc}.resume.elegant .resume-side{background:#302d42}.resume.creative .resume-side{background:#f4d9d4;color:#512e35}.resume.creative .resume-side .res-section h3{color:#9e4b65;border-color:#cfabb3}.resume.creative .resume-side .res-section p,.resume.creative .resume-side .res-section li{color:#674b54}.resume.creative .res-chip{background:#e9bfc3;color:#6e3a40}.resume.creative .head-name{color:#542e3a}.resume .watermark-none{display:none}
.resume .empty-resume{color:#acb9ca;font-style:italic}.template-selector{border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px 10px;font-size:12px;color:#516585;max-width:130px}.photo-upload{display:flex;gap:12px;align-items:center}.photo-upload img{height:70px;width:65px;border-radius:8px;object-fit:cover;border:1px solid var(--line)}.photo-upload .help{font-size:11px;color:var(--muted)}.photo-upload input{font-size:11px;max-width:100%}.notice{border-radius:12px;background:#eaf4ff;border:1px solid #d6e9ff;color:#436a9c;padding:15px 17px;font-size:12px;line-height:1.7;margin-bottom:20px}.settings-area{max-width:660px}.settings-area .field{max-width:510px}.article{max-width:850px;margin:auto}.article h1{font-size:36px}.article h2{margin-top:30px}.article p,.article li{line-height:1.8;color:#617995}#toast{position:fixed;right:22px;top:90px;z-index:100;pointer-events:none}.toast-msg{padding:12px 17px;max-width:380px;background:#17365c;color:#fff;border-radius:11px;box-shadow:0 12px 36px #14294733;margin-bottom:8px;font-size:13px}.toast-msg.error{background:#c84e5e}.loading-page{display:grid;min-height:54vh;place-content:center;justify-items:center;gap:14px;color:#6b7f9d}.spinner{width:33px;height:33px;border:3px solid #d6e9ff;border-top-color:var(--blue);border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1260px){.editor-shell{grid-template-columns:155px minmax(290px,1fr) minmax(340px,1fr)}.resume{transform:scale(.64)}.preview-stage{padding:3px}.sidebar{padding:9px 6px}.side-link{gap:7px;font-size:12px;padding:11px 7px}}@media(max-width:1030px){.editor-shell{grid-template-columns:180px minmax(0,1fr)}.preview-panel{position:static;grid-column:2}.preview-stage{min-height:500px;max-height:740px}.features-grid{grid-template-columns:repeat(2,1fr)}.template-grid{grid-template-columns:repeat(2,1fr)}.cv-grid{grid-template-columns:repeat(2,1fr)}.hero .container{grid-template-columns:1fr 1fr}.navlinks{gap:15px}.art-resume{min-height:280px}.gallery-preview{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.topbar{height:64px}.container{width:min(100% - 30px,1220px)}.brand{font-size:17px}.brandmark{height:30px;width:30px}.topbar .container{gap:5px}.mobile-toggle{display:inline-flex;border:1px solid var(--line);background:#fff;padding:9px;border-radius:9px;color:var(--blue)}.navlinks{display:none;position:absolute;top:63px;left:0;right:0;background:#fff;padding:14px 20px;flex-direction:column;align-items:start;box-shadow:0 15px 22px #12345d12;gap:17px}.navlinks.open{display:flex}.nav-actions .btn{padding:9px 11px}.nav-actions .btn-outline{display:none}.user-pill{font-size:0;padding:4px}.user-pill .avatar{font-size:12px}.hero .container{grid-template-columns:1fr;padding:55px 0 28px;gap:10px}.hero h1{font-size:39px;letter-spacing:-1.6px}.hero-art{width:min(450px,100%);margin:auto}.hero p{font-size:14px}.section{padding:50px 0}.section h2{font-size:26px}.features-grid{grid-template-columns:1fr 1fr;gap:10px}.feature-card{padding:18px 15px}.steps{grid-template-columns:1fr}.gallery-preview{gap:10px}.cta-panel{display:block;padding:26px}.cta-panel .btn{margin-top:20px}.site-footer .container{flex-direction:column;align-items:start}.auth-layout{grid-template-columns:1fr}.auth-side{display:none}.auth-card{padding:25px}.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;display:flex;overflow-x:auto;gap:6px;padding:7px}.sidebar .sidebar-divider{display:none}.side-link{white-space:nowrap;min-width:max-content}.workspace{width:min(100% - 20px,1510px)}.workspace-heading{padding:4px;align-items:start}.workspace-heading h1{font-size:23px}.content-card{padding:17px}.metric-grid{grid-template-columns:repeat(3,1fr);gap:6px}.metric{padding:11px;display:block;text-align:center}.metric-icon{width:34px;height:34px;margin:auto auto 8px;font-size:19px}.metric strong{font-size:24px}.cv-grid{grid-template-columns:1fr 1fr;gap:10px}.cv-actions .btn{font-size:11px}.template-grid{grid-template-columns:1fr 1fr;gap:9px}.template-card .cv-mini{height:170px}.template-card .buttons{flex-wrap:wrap}.template-card .buttons .btn{flex-basis:100%}.editor-shell{grid-template-columns:1fr}.editor-shell .sidebar{min-height:0}.editor-main,.preview-panel{grid-column:1}.preview-stage{max-height:550px}.resume{transform:scale(.56)}.form-cols{grid-template-columns:1fr}.art-badge{right:0}.workspace-heading .btn{font-size:11px;padding:9px}.preview-toolbar{gap:5px}}@media(max-width:390px){.metric-grid{grid-template-columns:1fr 1fr}.cv-grid,.template-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr}.hero h1{font-size:33px}.btn-lg{width:100%}.preview-stage{min-height:370px}.resume{transform:scale(.45)}}
@media print{@page{size:A4;margin:0}html,body{background:#fff!important;margin:0!important;padding:0!important;width:210mm!important}body *{visibility:hidden!important}#resume,#resume *{visibility:visible!important}#resume{position:absolute!important;left:0!important;top:0!important;margin:0!important;width:210mm!important;min-height:297mm!important;box-shadow:none!important;transform:none!important;overflow:visible!important;print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}#resume .resume-main,#resume .resume-side{print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}.topbar{display:none!important}.preview-stage{position:static!important;overflow:visible!important;padding:0!important}.resume .res-entry{break-inside:avoid}}
/* Ensure scaled A4 preview remains fully visible in narrow columns and on mobile. */
.resume-holder{position:relative;flex:0 0 auto;margin:0 auto}
.preview-stage .resume-holder #resume{position:absolute;left:0;top:0;transform-origin:top left}
@media print{
  .resume-holder{position:static!important;width:210mm!important;height:auto!important;margin:0!important}
  .preview-stage .resume-holder #resume{position:absolute!important;top:0!important;left:0!important;transform:none!important}
}

/* Dedicated print surface removes invisible application content from pagination. */
#print-root{display:none}
@media print{
 body{width:210mm!important;height:auto!important;overflow:visible!important}
 body>#topbar,body>#app,body>#toast{display:none!important}
 #print-root{display:block!important;visibility:visible!important;width:210mm!important;margin:0!important;padding:0!important}
 #print-root *{visibility:visible!important}
 #print-root .resume{position:static!important;transform:none!important;width:210mm!important;min-height:296.5mm!important;box-shadow:none!important;overflow:visible!important;page-break-after:auto!important;break-after:auto!important;print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}
}