*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--accent:#2563eb;--accent-dark:#1d4ed8;--bg:#f8fafc;--surface:#fff;--border:#e2e8f0;--text:#1e293b;--muted:#64748b;--danger:#ef4444;--radius:6px;--nav-h:52px;--brand-c2:#7c3aed;--brand-c3:#0891b2}html.dark{--bg:#0f1117;--surface:#1a1d27;--border:#2d3148;--text:#e2e8f0;--muted:#8892a4;--accent:#4f8ef7;--accent-dark:#3b7de8;--danger:#f87171;--brand-c2:#a78bfa;--brand-c3:#22d3ee}html{height:100%;overflow-x:hidden}body{background:var(--bg);min-height:100%;color:var(--text);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:14px;transition:background .2s,color .2s;overflow-x:hidden}body.editor-open{height:100%;overflow:hidden}#app{height:100%}.nav{height:var(--nav-h);background:var(--surface);border-bottom:1px solid var(--border);z-index:200;justify-content:space-between;align-items:center;gap:8px;padding:0 16px;display:flex;position:sticky;top:0}.nav-brand{cursor:pointer;letter-spacing:.3px;flex-shrink:0;align-items:center;gap:6px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.brand-word{animation:6s linear infinite brand-color;display:inline-block}.brand-w1{animation-delay:0s}.brand-w2{animation-delay:-2s}.brand-w3{animation-delay:-4s}@keyframes brand-color{0%{color:var(--accent)}32%{color:var(--accent)}33%{color:var(--brand-c2)}65%{color:var(--brand-c2)}66%{color:var(--brand-c3)}99%{color:var(--brand-c3)}to{color:var(--accent)}}.nav-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.nav-links{flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.nav-links a{border-radius:var(--radius);cursor:pointer;color:var(--muted);white-space:nowrap;padding:6px 10px;font-size:13px;transition:color .1s,background .1s}.nav-links a:hover{color:var(--text);background:var(--bg)}.nav-links a.active{color:var(--accent);font-weight:600}.nav-lang-mobile{display:none}.hamburger{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;display:none}.hamburger span{background:var(--text);border-radius:2px;height:2px;transition:transform .2s,opacity .2s;display:block}.theme-toggle{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:background .15s;display:flex}.theme-toggle:hover{background:var(--bg)}.lang-switcher select{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;color:var(--text);max-width:140px;height:34px;padding:5px 8px;font-size:13px}.dev-banner{color:#fff;text-align:center;letter-spacing:.1px;background:#dc2626;padding:8px 16px;font-size:13px;font-weight:600}.page-home{max-width:900px;margin:0 auto;padding:40px 16px 60px}.home-canvas{top:var(--nav-h);width:100%;height:calc(100vh - var(--nav-h));pointer-events:none;z-index:-1;position:fixed;left:0}.hero{text-align:center;margin-bottom:40px}.hero h1{margin-bottom:10px;font-size:32px;font-weight:800;line-height:1.2}.hero p{color:var(--muted);font-size:15px}.page-home h2{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:13px;font-weight:600}.template-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.template-card{border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s,transform .15s;overflow:hidden}.template-card:active{transform:scale(.98)}@media (hover:hover){.template-card:hover{border-color:var(--accent);transform:translateY(-2px)}}.template-thumb{height:160px;display:block;overflow:hidden}.template-label{background:var(--surface);border-top:1px solid var(--border);padding:10px 14px;font-weight:600;display:block}.page-editor{height:calc(100dvh - var(--nav-h));grid-template-rows:1fr;grid-template-columns:380px 1fr;display:grid;overflow:hidden}.mobile-tabs{display:none}.editor-col{border-right:1px solid var(--border);-webkit-overflow-scrolling:touch;flex-direction:column;gap:10px;padding:16px;display:flex;overflow-y:auto}.editor-col h1{font-size:17px;font-weight:700}.preview-col{background:#e5e7eb;flex-direction:column;display:flex;overflow:hidden}.preview-header{text-transform:uppercase;letter-spacing:1px;color:var(--muted);background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0;padding:7px 14px;font-size:11px;font-weight:700}.preview-scroll{-webkit-overflow-scrolling:touch;flex:1;justify-content:center;padding:20px;display:flex;overflow:auto}.preview-scale-wrapper{flex-direction:column;display:flex}.cv-preview-wrapper{color:#000;background:#fff;box-shadow:0 2px 12px #0000001f}.editor-meta label{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.editor-meta select{border:1px solid var(--border);border-radius:var(--radius);height:34px;padding:6px 8px;font-size:13px}.accordion{flex-direction:column;gap:4px;display:flex}.accordion-header{text-align:left;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:100%;color:var(--text);justify-content:space-between;align-items:center;min-height:44px;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.accordion-header:after{content:"▼";color:var(--muted);font-size:10px;transition:transform .15s}.accordion-item.open .accordion-header:after{transform:rotate(180deg)}.accordion-body{border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);border-top:none;flex-direction:column;gap:10px;padding:12px;display:none}.accordion-item.open .accordion-body{display:flex}.field{flex-direction:column;gap:5px;min-width:0;font-size:13px;display:flex}.field span{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.field input,.field textarea,.field select{border:1px solid var(--border);border-radius:var(--radius);resize:vertical;background:var(--surface);min-height:44px;color:var(--text);box-sizing:border-box;width:100%;min-width:0;padding:9px 10px;font-family:inherit;font-size:14px}.field textarea{min-height:80px}.field input:focus,.field textarea:focus{outline:2px solid var(--accent);border-color:#0000}.field-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.checkbox-label{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:13px;display:flex}.checkbox-label input[type=checkbox]{flex-shrink:0;width:18px;height:18px}.inline-field{align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.inline-field input{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;min-height:44px;color:var(--text);flex:1;padding:9px 10px;font-size:14px}.photo-upload{margin-bottom:2px}.photo-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;flex-direction:column;gap:5px;font-size:11px;font-weight:500;display:flex}.photo-label input[type=file]{border:1px dashed var(--border);border-radius:var(--radius);cursor:pointer;background:var(--bg);min-height:44px;padding:12px 10px;font-size:13px}.photo-label input[type=file]:hover{border-color:var(--accent)}.photo-preview{align-items:center;gap:12px;display:flex}.photo-preview img{object-fit:cover;border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:64px;height:64px}.entry-block{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:10px;display:flex}.entry-block-header{justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.entry-block-header span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.btn-add{border:1px dashed var(--accent);color:var(--accent);border-radius:var(--radius);cursor:pointer;background:0 0;align-self:flex-start;min-height:44px;margin-top:2px;padding:10px 14px;font-size:13px;font-weight:600}.btn-add:active{background:#eff6ff}@media (hover:hover){.btn-add:hover{background:#eff6ff}}.btn-remove{border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius);cursor:pointer;background:0 0;flex-shrink:0;min-height:36px;padding:6px 10px;font-size:12px}.btn-remove:active{background:#fef2f2}.btn-generate{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;touch-action:manipulation;border:none;width:100%;min-height:52px;margin-top:4px;padding:14px;font-size:15px;font-weight:700}.btn-generate:active{background:var(--accent-dark)}@media (hover:hover){.btn-generate:hover{background:var(--accent-dark)}}.btn-generate:disabled{opacity:.6;cursor:not-allowed}.pdf-lang-row{border-top:1px solid var(--border);align-items:center;gap:8px;margin-top:4px;padding:10px 12px;display:flex}.pdf-lang-label{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:600}.pdf-lang-row select{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);flex:1;height:32px;padding:5px 8px;font-size:13px}.accent-row{align-items:center;gap:10px;margin-bottom:4px;padding:8px 0 10px;display:flex}.accent-label{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:600}.accent-swatches{align-items:center;gap:6px;display:flex}.accent-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:22px;height:22px;padding:0;transition:transform .15s,border-color .15s}.accent-swatch:hover{transform:scale(1.15)}.accent-swatch.active{border-color:var(--text);transform:scale(1.15)}.accent-swatch-default{border:2px solid var(--border);cursor:pointer;background:conic-gradient(#2563eb 0deg 72deg,#e94560 72deg 144deg,#7c3aed 144deg 216deg,#059669 216deg 288deg,#d97706 288deg 360deg);border-radius:50%;flex-shrink:0;width:22px;height:22px;padding:0;transition:transform .15s,border-color .15s}.accent-swatch-default:hover{transform:scale(1.15)}.accent-swatch-default.active{border-color:var(--text);transform:scale(1.15)}.error-msg{color:var(--danger);border-radius:var(--radius);background:#fef2f2;padding:10px;font-size:13px}.loading{height:100vh;color:var(--muted);justify-content:center;align-items:center;display:flex}.page-static{max-width:720px;margin:0 auto;padding:36px 16px 80px;line-height:1.75}.page-static h1{margin-bottom:20px;font-size:26px;font-weight:800}.page-static h3{margin:24px 0 8px;font-size:15px;font-weight:700}.page-static p{color:#374151;margin-bottom:8px}.page-static ul{color:#374151;margin:8px 0 16px 20px}.page-static li{margin-bottom:4px}.page-static a{color:var(--accent);text-decoration:underline}.privacy-summary{border-left:4px solid var(--accent);border-radius:var(--radius);color:var(--text);background:#eff6ff;margin-top:28px;padding:14px}html.dark .field input,html.dark .field textarea,html.dark .field select,html.dark .inline-field input,html.dark .editor-meta select,html.dark .lang-switcher select{color:var(--text);border-color:var(--border);background:#12151f}html.dark .field input::placeholder,html.dark .field textarea::placeholder,html.dark .inline-field input::placeholder{color:var(--muted)}html.dark .accordion-header{background:#12151f}html.dark .accordion-body{background:#1a1d27}html.dark .entry-block{background:#12151f}html.dark .photo-label input[type=file]{color:var(--muted);background:#12151f}html.dark .preview-col{background:#0a0c12}html.dark .preview-header{background:#12151f}html.dark .preview-scroll{background:#0a0c12}html.dark .cv-preview-wrapper{box-shadow:0 2px 20px #00000080}html.dark .page-home h2,html.dark .hero p{color:var(--muted)}html.dark .template-card{background:var(--surface)}html.dark .mobile-tabs{background:var(--surface);border-color:var(--border)}html.dark .mobile-tabs button{color:var(--muted)}html.dark .privacy-summary{background:#1a2540}html.dark .btn-add{border-color:var(--accent);color:var(--accent)}html.dark .btn-add:hover{background:#1a2540}html.dark .page-static p,html.dark .page-static ul{color:var(--muted)}@media (max-width:700px){.nav{padding:0 12px}.nav-links{top:var(--nav-h);background:var(--surface);border-bottom:1px solid var(--border);z-index:199;flex-direction:column;align-items:stretch;padding:8px 0 12px;display:none;position:absolute;left:0;right:0;box-shadow:0 4px 12px #00000014}.nav-links.open{display:flex}.nav-links a{border-radius:0;padding:12px 20px;font-size:15px}.nav-links a:hover{background:var(--bg)}.nav-lang-mobile{padding:8px 16px 0;display:block}.nav-right .lang-switcher{display:none}.hamburger{display:flex}.page-home{padding:24px 12px 48px}.hero{margin-bottom:28px}.hero h1{font-size:26px}.hero p{font-size:14px}.template-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding-bottom:8px;overflow-x:visible}.template-thumb{height:120px}.page-editor{height:calc(100dvh - var(--nav-h));flex-direction:column;display:flex}.mobile-tabs{border-bottom:2px solid var(--border);background:var(--surface);flex-shrink:0;display:flex}.mobile-tabs button{cursor:pointer;color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-2px;padding:15px 8px;font-size:15px;font-weight:600;transition:color .15s,border-color .15s}.mobile-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.mobile-hidden{display:none!important}.editor-col{border-right:none;flex:1;height:0;padding:12px;overflow-y:auto}.preview-col{flex:1;height:0;overflow:hidden}.preview-scroll{justify-content:flex-start;padding:12px 8px}body{font-size:15px}.editor-col h1{font-size:20px}.accordion-header{padding:14px 16px;font-size:15px}.accordion-header:after{font-size:12px}.field{font-size:15px}.field span{font-size:12px}.field input,.field textarea,.field select,.inline-field input{min-height:48px;font-size:15px}.checkbox-label,.entry-block-header{font-size:15px}.btn-add{min-height:48px;font-size:15px}.btn-remove{font-size:14px}.btn-generate{min-height:54px;font-size:17px}.pdf-lang-label{font-size:14px}.pdf-lang-row select{min-height:48px;font-size:15px}.accent-label{font-size:14px}.field-row{grid-template-columns:1fr}.accent-swatch,.accent-swatch-default{width:34px;height:34px}.accent-swatches{gap:10px}.editor-meta select{min-height:48px;padding:10px 12px;font-size:15px}.editor-meta label{font-size:14px}.page-static{padding:24px 12px 60px}.page-static h1{font-size:22px}}@media (min-width:701px) and (max-width:900px){.page-editor{grid-template-columns:320px 1fr}.nav-links a{padding:6px 7px;font-size:12px}.lang-switcher select{max-width:110px}}
/*$vite$:1*/