:root{--surface: #e8e8e8;--surface-dark: #b0b0b0;--surface-darker: #666666;--surface-light: #f4f4f4;--surface-lighter: #ffffff;--text-main: #222222;--title-blue: #2c3e50;--title-blue-light: #34495e;--title-text: #ffffff;--bg-desktop: #d4dde5;--accent: #3b82f6}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100vh;overflow:hidden;font-family:Inter,Segoe UI,Arial,sans-serif;background-color:var(--bg-desktop);color:var(--text-main);font-size:14px}.app-layout{display:flex;height:100vh;padding:16px;gap:16px}.window{background:var(--surface);display:flex;flex-direction:column;border:1px solid var(--surface-dark);border-radius:8px;box-shadow:0 4px 12px #00000014}.title-bar{background:linear-gradient(90deg,var(--title-blue),var(--title-blue-light));color:var(--title-text);padding:8px 12px;font-weight:600;font-size:14px;letter-spacing:.01em;display:flex;justify-content:space-between;align-items:center;border-radius:8px 8px 0 0}.title-bar-controls{display:none}.title-icon{display:inline-flex;align-items:center;gap:8px}.title-icon span{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#fff3;color:var(--title-text);border-radius:4px;font-size:12px;font-weight:700}.window-body{padding:12px;flex:1;overflow-y:auto;display:flex;flex-direction:column}.inset-panel{background:var(--surface-light);border:1px solid var(--surface-dark);border-radius:6px;padding:12px}::-webkit-scrollbar{width:10px;height:10px;background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-dark);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--surface-darker)}::-webkit-scrollbar-button{display:none}.btn{background:var(--surface-light);color:var(--text-main);font-family:inherit;font-size:13px;padding:6px 14px;cursor:pointer;outline:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--surface-dark);border-radius:6px;box-shadow:0 1px 2px #0000000d;min-height:32px;transition:background .15s,transform .05s}.btn:hover{background:var(--surface-lighter)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.title-bar-btn{display:none}.field-row{margin-bottom:8px;display:flex;flex-wrap:wrap;gap:8px}.field-col{display:flex;flex-direction:column;flex:1;min-width:100px}.field-col.full{flex:1 1 100%}label{display:block;margin-bottom:2px;font-weight:500}.input-field{background:var(--surface-lighter);color:var(--text-main);font-family:inherit;font-size:14px;padding:6px 8px;width:100%;outline:none;border:1px solid var(--surface-dark);border-radius:5px;box-shadow:inset 0 1px 2px #0000000d;resize:vertical}.input-field:focus{background:#fff;border-color:var(--accent);box-shadow:0 0 0 2px #3b82f626}.group-box{border:1px solid var(--surface-dark);border-radius:8px;padding:36px 14px 14px;margin-top:28px;margin-bottom:16px;position:relative;background:var(--surface-lighter)}.section-block{margin-bottom:24px}.group-title{position:absolute;top:-12px;left:12px;background:var(--surface-lighter);border:1px solid var(--surface-dark);border-radius:5px;padding:4px 10px;font-size:13px;font-weight:700;color:var(--title-blue);letter-spacing:.01em}.section-header{position:absolute;top:-14px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;background:var(--surface-lighter);border:1px solid var(--surface-dark);border-radius:6px;padding:3px 6px}.section-title-input{background:transparent;border:1px solid transparent;border-radius:4px;font-family:inherit;font-size:13px;font-weight:700;color:var(--title-blue);letter-spacing:.01em;padding:3px 6px;outline:none;width:60%;min-width:150px}.section-title-input:focus{background:var(--surface-light);color:var(--text-main);border-color:var(--accent)}.section-controls{display:flex;gap:4px}.btn-icon{width:26px;height:26px;padding:0;font-size:14px;line-height:1;background:var(--surface-light);border:1px solid var(--surface-dark);border-radius:5px;color:var(--text-main);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s}.btn-icon:hover{background:var(--surface)}.btn-icon:active{transform:translateY(1px)}.dynamic-link-row{display:flex;gap:8px;margin-bottom:8px;align-items:center}.dynamic-item{border:1px dashed var(--surface-dark);border-radius:6px;padding:10px;margin-bottom:10px;background:#ffffff80}.item-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px dashed var(--surface-dark)}.item-controls{display:flex;gap:6px}.item-controls .btn-icon{width:28px;height:28px;font-size:14px;display:flex;align-items:center;justify-content:center}.item-controls .btn-item-delete{font-size:16px}.btn-add-bullet{background:transparent;border:none;color:var(--accent);cursor:pointer;text-decoration:underline;font-size:13px;margin-top:6px;padding:0}.bullet-row{display:flex;gap:8px;margin-bottom:6px;align-items:center}.btn-remove-bullet{background:transparent;border:1px solid var(--surface-dark);border-radius:5px;color:#c0392b;cursor:pointer;font-size:14px;padding:0 8px;height:32px;transition:background .15s}.btn-remove-bullet:hover{background:#c0392b14}.form-panel{width:620px;min-width:620px}.preview-panel{flex:1}.toolbar{margin-bottom:10px;display:flex;gap:8px;align-items:center}.main-toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--surface-lighter);border:1px solid var(--surface-dark);border-radius:6px;margin-bottom:12px;gap:10px}.toolbar-group{display:flex;align-items:center;gap:8px}.toolbar-divider{width:1px;height:24px;background:var(--surface-dark);margin:0 4px}.btn-primary{background:var(--accent);color:#fff;font-weight:600;border-color:transparent}.btn-primary:hover{background:#2563eb}.btn-secondary{padding:6px 12px;min-width:36px}.btn-danger{color:#c0392b;padding:6px 12px;min-width:36px}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:12px;background:var(--surface-lighter);border:1px solid var(--surface-dark);border-radius:6px}.template-selector{display:flex;align-items:center;gap:8px}.template-selector label{font-weight:600;font-size:13px;margin:0}.template-selector select{padding:5px 10px;font-size:13px;min-width:130px;border:1px solid var(--surface-dark);border-radius:5px;background:var(--surface-lighter)}.save-status{display:flex;align-items:center}.save-dot{width:8px;height:8px;border-radius:50%;background:var(--surface-dark);transition:background .3s}.save-dot.saved{background:#22c55e}.cv-preview-area{flex:1;overflow:auto;padding:20px;background:#c8d0d8;display:flex;justify-content:center;align-items:flex-start;border-radius:0 0 8px 8px}.cv-page{width:210mm;min-height:297mm;padding:20mm 18mm;font-family:var(--cv-font, "Times New Roman", serif);font-size:var(--cv-font-size, 10.5pt);line-height:1.45;transform-origin:top center;background:#fff;color:var(--cv-color, #1a1a2e);box-shadow:0 4px 20px #0000001f;transition:transform .15s;word-break:break-word;overflow-wrap:break-word}.cv-name{font-size:20pt;letter-spacing:.02em;font-weight:700;color:var(--cv-color, #1a1a2e)}.cv-header-block{text-align:center;margin-bottom:14pt;padding-bottom:10pt;border-bottom:1.5pt solid var(--cv-color, #1a1a2e)}.cv-contact-row{display:flex;justify-content:center;align-items:center;gap:8pt;flex-wrap:wrap;font-size:9.5pt;color:#4a4a6a}.cv-sep{color:#999}.cv-link{color:#2563eb;text-decoration:none}.cv-link:hover{text-decoration:underline}.cv-ref{font-size:10pt;font-style:italic;color:#4a4a6a}.cv-section{margin-bottom:10pt;page-break-inside:avoid;break-inside:avoid}.cv-section-title{font-family:var(--cv-font, "Times New Roman", serif);font-size:11.5pt;font-weight:700;letter-spacing:.06em;padding-bottom:2pt;margin-bottom:6pt;border-bottom:1pt solid var(--cv-color, #1a1a2e);color:var(--cv-color, #1a1a2e)}.style-uppercase-line{text-transform:uppercase}.style-bold-color{border-bottom:2px solid var(--cv-color);text-transform:none}.style-simple{border-bottom:1px dotted #999;text-transform:none}.style-boxed{background:var(--cv-color);color:#fff;padding:4px 8px;border-bottom:none;text-transform:none}.cv-entry{margin-bottom:7pt}.cv-entry-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1pt}.cv-entry-title{font-size:10.5pt;font-weight:600}.cv-entry-date{font-size:9.5pt;white-space:nowrap;color:#4a4a6a}.cv-entry-subtitle{font-size:9.5pt;margin-bottom:2pt;color:#4a4a6a;font-style:italic}.cv-entry-bullets{list-style:disc;padding-left:16pt;margin-top:2pt}.cv-entry-bullets li{font-size:10pt;margin-bottom:1.5pt;line-height:1.35}.cv-activity{margin-bottom:5pt}.cv-activity-row{display:flex;justify-content:space-between;align-items:baseline}.cv-activity-name{font-size:10.5pt;font-weight:600}.cv-activity-role,.cv-activity-org{font-size:9.5pt;color:#4a4a6a}.cv-activity-bullets{list-style:disc;padding-left:16pt;margin-top:2pt}.cv-activity-bullets li{font-size:10pt;margin-bottom:1.5pt;line-height:1.35}.cv-skill-row{margin-bottom:3pt;font-size:10.5pt;line-height:1.4}.cv-skill-cat,.cv-lang-name{font-weight:600}.cv-language-row{margin-bottom:2pt;font-size:10.5pt}.cv-paragraph{font-size:10.5pt;margin-bottom:4pt;line-height:1.4;color:var(--cv-color, #1a1a2e)}.modal{border:none;background:transparent;padding:0;margin:auto}.modal::backdrop{background:#0006}.modal-content{width:480px;max-width:90vw;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px #0003}.category-modal-body{padding:16px}.modal-description{margin:0 0 16px;color:var(--text-main);font-size:14px}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.category-option{display:flex;flex-direction:column;align-items:center;padding:14px;background:var(--surface-light);border:1px solid var(--surface-dark);border-radius:8px;cursor:pointer;transition:all .15s;text-align:center}.category-option:hover{background:var(--surface-lighter);border-color:var(--accent);transform:translateY(-1px)}.category-option:active{transform:translateY(0)}.category-icon{font-size:24px;margin-bottom:4px}.category-label{font-weight:600;font-size:13px;margin-bottom:2px}.category-desc{font-size:11px;color:var(--surface-darker)}.github-floating-btn{position:fixed;bottom:20px;right:20px;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;padding:8px;text-decoration:none;border:none;border-radius:10px;box-shadow:0 4px 12px #00000059;z-index:1000;transition:background .15s,transform .05s}.github-floating-btn img{height:40px;width:auto;display:block}.github-floating-btn:active{transform:translateY(1px)}.github-floating-btn:hover{background:#1a1a1a}@page{size:A4;margin:15mm 18mm}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}html,body{width:210mm!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important;font-size:12pt!important;overflow:visible!important}.form-panel,.title-bar,.toolbar,.auto-save-status{display:none!important}.app-layout{display:block!important;padding:0!important;margin:0!important}.preview-panel{flex:none;width:100%!important;border:none!important;box-shadow:none!important}.cv-preview-area{padding:0!important;border:none!important;box-shadow:none!important}.cv-page{width:100%!important;padding:15mm 18mm!important;margin:0!important;box-shadow:none!important;transform:none!important}}@media(max-width:1200px){.form-panel{width:550px;min-width:550px}}@media(max-width:1024px){.form-panel{width:450px;min-width:450px}}@media(max-width:900px){html,body{height:auto!important;overflow:auto!important;overflow-x:hidden!important}.app-layout{flex-direction:column;height:auto!important;padding:10px;gap:10px}.window{flex:none!important;height:auto!important}.window-body{flex:none!important}.form-panel{width:100%;min-width:0}.preview-panel{min-height:600px}.cv-page{transform:scale(.6);transform-origin:top center}.category-grid{grid-template-columns:1fr}}@media(max-width:600px){.app-layout{padding:8px;gap:8px}.form-panel{width:100%;min-width:0}.preview-panel{min-height:500px}.cv-page{transform:scale(.45);transform-origin:top center}.group-box{margin-top:16px;margin-bottom:16px;padding:20px 10px 10px}.field-row{flex-direction:column;gap:4px}.field-col{min-width:0}.btn{min-height:32px;font-size:13px;padding:6px 14px}.input-field{font-size:14px;padding:6px}.toolbar{flex-wrap:wrap;gap:6px}.modal-content{width:95vw}}