:root{--bg: #eef0f4;--panel: #ffffff;--soft: #f8fafc;--ink: #111827;--muted: #6b7280;--line: #e5e7eb;--shadow: 0 18px 45px rgba(15, 23, 42, .12);--radius: 22px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#fff 0,#eef2ff 22%,#eef0f4 46%,#e6e8ed);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 22px;background:#ffffffd6;border-bottom:1px solid rgba(226,232,240,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.brand-mark{display:flex;align-items:center;gap:11px}.brand-mark span{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:#111827;color:#fff;font-weight:900;box-shadow:0 10px 25px #1118272e}.brand-mark strong{display:block;letter-spacing:-.03em}.brand-mark small{display:block;color:var(--muted);font-size:12px;margin-top:1px}.top-center{color:#047857;background:#10b9811a;border:1px solid rgba(16,185,129,.2);padding:8px 12px;border-radius:999px;font-weight:700;font-size:13px;display:flex;align-items:center;gap:7px}.status-dot{width:8px;height:8px;border-radius:50%;background:#10b981}.top-actions{display:flex;align-items:center;gap:10px}.primary-btn,.soft-btn,.add-btn{border:1px solid var(--line);border-radius:14px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--ink);font-weight:800;box-shadow:0 10px 25px #0f172a14}.primary-btn{background:#111827;color:#fff;border-color:#111827}.soft-btn{background:#f8fafc;box-shadow:none}.add-btn{width:100%;background:#111827;color:#fff;border-color:#111827;margin-top:10px}.workspace{height:calc(100vh - 68px);display:grid;grid-template-columns:82px 386px minmax(640px,1fr) 318px;overflow:hidden}.rail{border-right:1px solid var(--line);background:#f8fafcd1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 12px}.rail button{width:58px;min-height:58px;border:1px solid transparent;background:transparent;color:#64748b;border-radius:18px;display:grid;place-items:center;gap:4px;font-size:10px;font-weight:800}.rail button.active{background:#111827;color:#fff;box-shadow:0 14px 30px #11182733}.left-panel,.right-panel{background:#ffffffb8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:auto}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line);padding:18px}.panel-inner{padding:22px}.panel-heading{margin-bottom:18px}.panel-heading p,.crumb{margin:0 0 8px;color:#64748b;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900}.panel-heading h2{margin:0;font-size:25px;letter-spacing:-.055em}.panel-heading span{display:block;color:var(--muted);line-height:1.5;margin-top:8px;font-size:14px}.section-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:16px}.section-tabs button,.quick-grid button{border:1px solid var(--line);background:#fff;color:#334155;border-radius:14px;padding:10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:800;font-size:13px}.section-tabs button.selected,.quick-grid button.active{border-color:#111827;background:#111827;color:#fff}.editor-card,.collapse-card,.right-card,.hint-box{border:1px solid var(--line);background:#ffffffe0;border-radius:var(--radius);box-shadow:0 12px 26px #0f172a0f}.editor-card{padding:14px}.form-stack,.control-stack,.repeater{display:grid;gap:12px}.field{display:grid;gap:7px}.field span,.control-field span,.range-field span{color:#475569;font-size:12px;font-weight:900;display:flex;align-items:center;gap:5px}.field input,.field textarea,.control-field select,.search-box input,.tag-pill-edit input,.add-inline input{width:100%;border:1px solid #dbe3ef;border-radius:13px;background:#fff;color:var(--ink);outline:none;padding:11px 12px;transition:.15s ease}.field textarea{min-height:108px;resize:vertical;line-height:1.45}.field input:focus,.field textarea:focus,.search-box input:focus,.tag-pill-edit input:focus,.add-inline input:focus,select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.two-col-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.collapse-card{overflow:hidden}.collapse-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.collapse-head button{border:0;background:transparent;padding:13px 14px;font-weight:900;color:var(--ink);display:inline-flex;gap:7px;align-items:center}.collapse-head .delete-btn{color:#991b1b}.collapse-body{padding:14px;display:grid;gap:11px}.search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:16px;padding:0 11px;margin-bottom:14px}.search-box input{border:0;box-shadow:none!important;padding-left:0}.template-list{display:grid;gap:12px}.template-card{position:relative;border:1px solid var(--line);border-radius:20px;padding:12px;background:#fff;display:grid;grid-template-columns:86px 1fr;gap:13px;text-align:left;box-shadow:0 12px 26px #0f172a0f}.template-card.active{border-color:#111827;box-shadow:0 0 0 4px #11182714,0 16px 30px #0f172a14}.template-meta strong{display:block;font-size:16px;letter-spacing:-.03em}.template-meta span{display:block;color:#64748b;font-size:12px;margin-top:2px}.template-meta small{display:inline-flex;margin-top:8px;background:#f1f5f9;color:#334155;padding:4px 8px;border-radius:999px;font-weight:900;font-size:11px}.template-meta p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.check-badge{position:absolute;right:12px;top:12px;color:#047857}.template-thumb{width:86px;height:116px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;padding:10px;box-shadow:inset 0 0 0 4px #f8fafc;display:grid;gap:7px;align-content:start}.template-thumb i{height:17px;background:var(--thumb-accent);border-radius:4px;display:block}.template-thumb b{height:5px;background:#dbe3ef;border-radius:99px;display:block}.template-thumb em{height:30px;border-left:4px solid var(--thumb-accent);background:#f8fafc;border-radius:5px;display:block}.thumb-sidebar{grid-template-columns:22px 1fr}.thumb-sidebar i{height:94px;grid-row:span 6}.thumb-split{grid-template-columns:26px 1fr}.thumb-headerBlock i{height:33px}.thumb-centered i,.thumb-minimal i{width:70%;justify-self:center}.control-field{display:grid;gap:8px}.control-field input[type=color]{width:100%;height:46px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:4px}.control-field select{width:100%;border:1px solid #dbe3ef;border-radius:13px;background:#fff;padding:11px 12px}.range-field{display:grid;gap:8px}.range-field div{display:grid;grid-template-columns:1fr 44px;align-items:center;gap:10px}.range-field input{width:100%;accent-color:#111827}.range-field b{color:#64748b;font-size:12px;text-align:right}.section-manager{display:grid;gap:10px}.section-row{display:grid;grid-template-columns:20px 1fr 46px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:16px;background:#fff;padding:10px}.section-row>button{border:0;background:transparent;text-align:left;font-weight:900;color:var(--ink)}.switch{position:relative;width:42px;height:24px;display:block}.switch input{display:none}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:99px;background:#cbd5e1;transition:.2s ease}.switch span:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.2s ease}.switch input:checked+span{background:#111827}.switch input:checked+span:after{transform:translate(18px)}.hint-box{margin-top:14px;padding:14px;color:#475569;display:flex;align-items:flex-start;gap:9px;line-height:1.45;font-size:13px}.preview-stage{overflow:auto;padding:22px 28px 70px}.canvas-toolbar{max-width:940px;margin:0 auto 18px;display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.canvas-toolbar h1{margin:0;font-size:29px;letter-spacing:-.06em}.zoom-tools{border:1px solid var(--line);background:#ffffffdb;border-radius:999px;padding:6px;display:flex;align-items:center;gap:8px;box-shadow:0 12px 25px #0f172a14}.zoom-tools button{width:32px;height:32px;border-radius:50%;border:0;background:#111827;color:#fff;font-size:19px}.zoom-tools span{min-width:48px;text-align:center;font-weight:900;color:#475569;font-size:13px}.page-wrap{min-width:calc(794px * var(--zoom) + 80px);min-height:calc(1123px * var(--zoom) + 80px);display:flex;justify-content:center;align-items:flex-start;padding:32px}.resume-page{width:794px;min-height:1123px;background:#fff;color:#101827;padding:calc(54px * var(--pad-scale));box-shadow:0 28px 80px #0f172a38;transform:scale(var(--zoom));transform-origin:top center;border-radius:10px;font-size:calc(13.2px * var(--font-scale));line-height:calc(1.42 * var(--density))}.resume-head{display:grid;grid-template-columns:1fr 240px;gap:30px;align-items:start;padding-bottom:calc(22px * var(--density));border-bottom:3px solid var(--accent);margin-bottom:calc(22px * var(--density))}.resume-head h1{margin:0;font-size:calc(42px * var(--font-scale));line-height:.95;letter-spacing:-.065em}.headline{margin:8px 0 0;color:var(--accent);font-size:16px;font-weight:800}.contact-lines{display:grid;gap:5px;justify-items:end;color:#475569;font-size:12px;overflow-wrap:anywhere}.resume-section{margin-top:calc(18px * var(--density))}.resume-section h2,.side-block h2{margin:0 0 calc(10px * var(--density));font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);font-weight:950;padding-bottom:7px;border-bottom:1px solid #e5e7eb}.resume-section p{margin:0;color:#374151}.resume-item{margin-bottom:calc(14px * var(--density))}.resume-item:last-child{margin-bottom:0}.item-row{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.item-row h3{margin:0;font-size:15px;letter-spacing:-.02em}.item-row span{color:#64748b;font-size:12px;white-space:nowrap}.subline{color:var(--accent)!important;font-size:12.5px;margin-top:3px!important}ul{margin:8px 0 0;padding-left:18px;color:#374151}li{margin-bottom:4px}.resume-two-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.small-grid{gap:22px}.skill-cloud{display:flex;flex-wrap:wrap;gap:7px}.skill-cloud span{border:1px solid #e5e7eb;color:#334155;background:#f8fafc;border-radius:999px;padding:5px 9px;font-size:11.5px;font-weight:700}.line-list{display:grid;gap:6px}.line-list p{margin:0}.sidebar-layout,.split-layout{padding:0;display:grid;grid-template-columns:260px 1fr;overflow:hidden}.resume-sidebar{background:var(--accent);color:#fff;padding:44px 28px}.resume-sidebar .resume-head{display:block;border:0;padding:0;margin:0}.resume-sidebar h1{color:#fff;font-size:31px}.resume-sidebar .headline{color:#ffffffdb}.resume-sidebar .contact-lines{justify-items:start;margin-top:28px;color:#ffffffd6}.resume-sidebar .skill-cloud span{background:#ffffff1a;color:#fff;border-color:#ffffff47}.side-block{margin-top:32px}.side-block h2{color:#ffffffb8;border-color:#ffffff38}.side-block p{color:#ffffffdb;font-size:13px}.resume-body{padding:48px 42px}.split-layout .resume-sidebar{background:#f8fafc;color:#111827;border-right:8px solid var(--accent)}.split-layout .resume-sidebar h1{color:#111827}.split-layout .resume-sidebar .headline,.split-layout .resume-sidebar .contact-lines{color:#475569}.split-layout .side-block h2{color:var(--accent);border-color:#e5e7eb}.split-layout .resume-sidebar .skill-cloud span{background:#fff;color:#334155;border-color:#e5e7eb}.executive-layout .resume-head{border-bottom-width:1px}.executive-layout .resume-head h1{font-weight:500;letter-spacing:-.04em}.executive-layout .headline{font-weight:500}.executive-layout .resume-section h2{font-family:Inter,Arial,sans-serif}.minimal-layout{padding:calc(42px * var(--pad-scale));font-size:calc(12.5px * var(--font-scale))}.minimal-layout .resume-head{grid-template-columns:1fr;gap:10px;border-bottom:1px solid #111827}.minimal-layout .contact-lines{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px 14px}.minimal-layout .resume-head h1{font-size:34px}.centered-layout .resume-head{display:block;text-align:center}.centered-layout .contact-lines{margin-top:14px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px}.headerBlock-layout .resume-head{background:var(--accent);color:#fff;border:0;padding:30px;border-radius:20px}.headerBlock-layout .headline,.headerBlock-layout .contact-lines{color:#ffffffdb}.lineArt-layout .resume-section h2{border-top:1px solid var(--accent);border-bottom:0;padding-top:8px}.tag-editor{display:grid;gap:12px}.tag-top{display:flex;justify-content:space-between;align-items:center}.tag-top strong{letter-spacing:-.02em}.tag-top span{color:var(--muted);font-size:12px;font-weight:800}.tag-list-edit{display:grid;gap:8px}.tag-pill-edit{display:grid;grid-template-columns:1fr 34px;gap:8px}.tag-pill-edit button,.add-inline button{border:1px solid var(--line);border-radius:12px;background:#fff;font-weight:900}.tag-pill-edit button{color:#991b1b}.add-inline{display:grid;grid-template-columns:1fr 68px;gap:8px}.add-inline button{background:#111827;color:#fff;border-color:#111827}.right-card{padding:16px;margin-bottom:14px}.mini-head{display:flex;align-items:center;gap:7px;color:#64748b;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.09em;margin-bottom:10px}.hero-summary strong{font-size:21px;letter-spacing:-.04em}.hero-summary p,.note-card p{color:var(--muted);font-size:13px;line-height:1.5;margin:8px 0 0}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.quick-grid button{text-transform:capitalize}.ats-list{display:grid;gap:10px;color:#475569;font-weight:700;font-size:13px}.ats-list div{display:flex;align-items:center;gap:8px}.ok-dot,.warn-dot{width:9px;height:9px;border-radius:99px;display:inline-block}.ok-dot{background:#10b981}.warn-dot{background:#f59e0b}@media(max-width:1320px){.workspace{grid-template-columns:76px 360px minmax(620px,1fr)}.right-panel{display:none}}@media(max-width:1040px){.workspace{grid-template-columns:72px 340px minmax(600px,1fr)}.top-center{display:none}}@media print{body{background:#fff}.topbar,.rail,.left-panel,.right-panel,.canvas-toolbar{display:none!important}.workspace,.preview-stage,.page-wrap{display:block;height:auto;overflow:visible;padding:0;margin:0;min-width:0;min-height:0}.resume-page{transform:none!important;width:210mm;min-height:297mm;box-shadow:none;border-radius:0;margin:0}@page{size:A4;margin:0}}@media(max-width:820px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{background:#f3f6fb}.topbar{height:auto;min-height:64px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px 12px;align-items:center}.brand-mark{min-width:0;gap:8px}.brand-mark span{width:34px;height:34px;border-radius:12px;flex:0 0 auto}.brand-mark strong{font-size:16px;letter-spacing:-.02em}.brand-mark small,.top-center{display:none}.top-actions{gap:6px}.top-actions .soft-btn,.top-actions .primary-btn{min-height:42px;border-radius:13px;padding:8px 11px;font-size:0;box-shadow:none}.top-actions .primary-btn{min-width:46px}.top-actions .soft-btn svg,.top-actions .primary-btn svg{margin:0}.workspace{height:auto;min-height:calc(100vh - 64px);display:flex;flex-direction:column;overflow:visible;padding-bottom:70px}.rail{position:fixed;left:10px;right:10px;bottom:10px;top:auto;z-index:15;order:0;width:auto;min-width:0;border:1px solid rgba(203,213,225,.95);border-radius:22px;padding:7px;background:#fffffff5;box-shadow:0 18px 44px #0f172a2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:row;justify-content:center;gap:6px;overflow:hidden}.rail::-webkit-scrollbar{display:none}.rail button{width:auto;flex:1 1 0;min-width:0;min-height:50px;border-radius:16px;display:grid;grid-template-columns:1fr;place-items:center;justify-content:center;padding:6px 4px;font-size:10px;line-height:1.1}.rail button svg{width:17px;height:17px}.left-panel,.right-panel,.preview-stage{width:100%;min-width:0;overflow:visible}.left-panel{order:1;border-right:0;border-bottom:1px solid var(--line);background:#ffffffd1}.right-panel{display:none}.panel-inner{padding:18px 14px 14px}.panel-heading{margin-bottom:14px}.panel-heading h2{font-size:clamp(22px,7vw,28px);letter-spacing:-.04em}.panel-heading span{font-size:13px}.section-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.section-tabs button,.quick-grid button{min-height:42px;padding:9px 8px;border-radius:14px;font-size:13px}.editor-card,.template-card,.design-card,.right-card{border-radius:18px}.field input,.field textarea,.field select{min-height:44px;font-size:16px}.two-col-inputs,.quick-grid{grid-template-columns:1fr}.preview-stage{order:2;padding:16px 0 28px;background:linear-gradient(180deg,#eef2f7,#e8edf4)}.canvas-toolbar{width:min(100% - 24px,520px);margin:0 auto 12px;align-items:center;gap:12px}.canvas-toolbar h1{font-size:20px;letter-spacing:-.04em}.crumb{font-size:10px}.zoom-tools{padding:4px;gap:5px}.zoom-tools button{width:30px;height:30px}.zoom-tools span{min-width:42px;font-size:12px}.page-wrap{width:100%;min-width:0!important;min-height:472px;overflow:hidden;padding:18px 0 0;align-items:flex-start}.resume-page{transform:scale(.41)!important;transform-origin:top center;box-shadow:0 18px 44px #0f172a33}}@media(max-width:430px){.topbar{grid-template-columns:minmax(0,1fr) auto;padding-inline:10px}.top-actions .soft-btn{display:none}.top-actions .primary-btn{width:44px;padding:0}.rail{left:8px;right:8px;bottom:8px;padding:6px}.rail button{font-size:10px}.panel-inner{padding-inline:12px}.section-tabs button{font-size:12px;gap:5px}.canvas-toolbar{width:calc(100% - 20px)}.resume-page{transform:scale(.39)!important}}.template-card{min-height:150px}.template-card .template-meta span{line-height:1.35}.thumb-photo-dot{width:18px;height:18px;border-radius:999px;background:var(--thumb-accent);display:block;justify-self:end;box-shadow:0 0 0 4px #f8fafc}.profile-photo{width:78px;height:78px;border-radius:24px;background:linear-gradient(135deg,var(--accent),#111827);color:#fff;display:grid;place-items:center;font-weight:950;font-size:22px;letter-spacing:-.04em;overflow:hidden;box-shadow:0 12px 28px #0f172a2e}.profile-photo img{width:100%;height:100%;object-fit:cover;display:block}.resume-head.with-photo{grid-template-columns:86px 1fr 225px;align-items:center}.side-head.with-photo{display:grid!important;grid-template-columns:1fr;gap:14px}.side-head.with-photo .profile-photo{width:96px;height:96px;border-radius:30px;background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff47,0 12px 28px #0f172a2e}.split-layout .side-head.with-photo .profile-photo{background:linear-gradient(135deg,var(--accent),#111827)}.centered-layout .resume-head.with-photo{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center}.centered-layout .resume-head.with-photo .contact-lines{justify-content:center}.minimal-layout .resume-head.with-photo{grid-template-columns:72px 1fr}.minimal-layout .resume-head.with-photo .contact-lines{grid-column:1 / -1}.headerBlock-layout .profile-photo{background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff47}@media print{.profile-photo{box-shadow:none}}