:root{--surface: #c0c0c0;--surface-dark: #808080;--surface-darker: #0a0a0a;--surface-light: #dfdfdf;--surface-lighter: #ffffff;--text-main: #0a0a0a;--title-blue: #000080;--title-blue-light: #1084d0;--title-text: #ffffff;--bg-desktop: #018281}*{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:13px}.app-layout{display:flex;height:100vh;padding:20px;gap:20px}.window{background:var(--surface);display:flex;flex-direction:column;border-top:2px solid var(--surface-light);border-left:2px solid var(--surface-light);border-right:2px solid var(--surface-darker);border-bottom:2px solid var(--surface-darker);box-shadow:inset -1px -1px 0 var(--surface-dark),inset 1px 1px 0 var(--surface-lighter),2px 2px 5px #0000004d}.title-bar{background:linear-gradient(90deg,var(--title-blue),var(--title-blue-light));color:var(--title-text);padding:3px 3px 3px 6px;font-weight:700;font-size:13px;letter-spacing:.02em;display:flex;justify-content:space-between;align-items:center;margin:2px 2px 0}.title-bar-controls{display:flex;gap:2px}.title-icon{display:inline-flex;align-items:center;gap:6px}.title-icon span{display:inline-block;width:14px;height:14px;background:var(--surface-lighter);color:var(--title-blue);text-align:center;line-height:14px;font-size:10px;font-weight:900}.window-body{padding:10px;flex:1;overflow-y:auto;display:flex;flex-direction:column}.inset-panel{background:var(--surface-light);border-top:2px solid var(--surface-darker);border-left:2px solid var(--surface-darker);border-right:2px solid var(--surface-light);border-bottom:2px solid var(--surface-light);box-shadow:inset 1px 1px 0 var(--surface-dark),inset -1px -1px 0 var(--surface);padding:10px}::-webkit-scrollbar{width:16px;height:16px;background:var(--surface-light);border-left:1px solid var(--surface-darker)}::-webkit-scrollbar-thumb{background:var(--surface);border-top:2px solid var(--surface-light);border-left:2px solid var(--surface-light);border-right:2px solid var(--surface-darker);border-bottom:2px solid var(--surface-darker);box-shadow:inset -1px -1px 0 var(--surface-dark),inset 1px 1px 0 var(--surface-lighter)}::-webkit-scrollbar-button{background:var(--surface);display:block;height:16px;width:16px;border-top:2px solid var(--surface-light);border-left:2px solid var(--surface-light);border-right:2px solid var(--surface-darker);border-bottom:2px solid var(--surface-darker);box-shadow:inset -1px -1px 0 var(--surface-dark),inset 1px 1px 0 var(--surface-lighter)}.btn{background:var(--surface);color:var(--text-main);font-family:inherit;font-size:12px;padding:4px 12px;cursor:pointer;outline:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-top:2px solid var(--surface-light);border-left:2px solid var(--surface-light);border-right:2px solid var(--surface-darker);border-bottom:2px solid var(--surface-darker);box-shadow:inset -1px -1px 0 var(--surface-dark),inset 1px 1px 0 var(--surface-lighter);min-height:24px}.btn:active{border-top:2px solid var(--surface-darker);border-left:2px solid var(--surface-darker);border-right:2px solid var(--surface-light);border-bottom:2px solid var(--surface-light);box-shadow:inset 1px 1px 0 var(--surface-dark),inset -1px -1px 0 var(--surface);padding:5px 11px 3px 13px}.title-bar-btn{width:16px;height:14px;padding:0;min-height:0;font-weight:700;font-size:10px;line-height:10px}.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:13px;padding:4px;width:100%;outline:none;border-top:2px solid var(--surface-darker);border-left:2px solid var(--surface-darker);border-right:2px solid var(--surface-light);border-bottom:2px solid var(--surface-light);box-shadow:inset 1px 1px 0 var(--surface-dark),inset -1px -1px 0 var(--surface);resize:vertical}.input-field:focus{background:#fff}.group-box{border:2px solid;border-color:var(--surface-darker) var(--surface-light) var(--surface-light) var(--surface-darker);box-shadow:inset -1px -1px 0 var(--surface),inset 1px 1px 0 var(--surface-dark);padding:24px 16px 16px;margin-top:24px;margin-bottom:24px;position:relative;background:#ffffff0d}.group-title{position:absolute;top:-12px;left:12px;background:var(--surface-light);border:1px solid var(--surface-darker);box-shadow:inset 1px 1px 0 var(--surface-lighter),inset -1px -1px 0 var(--surface-dark);padding:3px 8px;font-size:14px;font-weight:700;color:var(--title-blue);letter-spacing:.02em}.section-header{position:absolute;top:-16px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;background:var(--surface-light);border:1px solid var(--surface-darker);box-shadow:inset 1px 1px 0 var(--surface-lighter),inset -1px -1px 0 var(--surface-dark);padding:2px 4px}.section-title-input{background:transparent;border:1px solid transparent;font-family:inherit;font-size:14px;font-weight:700;color:var(--title-blue);letter-spacing:.02em;padding:2px 4px;outline:none;width:60%;min-width:150px}.section-title-input:focus{background:var(--surface-lighter);color:var(--text-main);border:1px solid var(--surface-darker);box-shadow:inset 1px 1px 0 var(--surface-dark)}.section-controls{display:flex;gap:2px}.btn-icon{width:22px;height:22px;padding:0;font-size:14px;line-height:1;background:var(--surface);border-top:2px solid var(--surface-light);border-left:2px solid var(--surface-light);border-right:2px solid var(--surface-darker);border-bottom:2px solid var(--surface-darker);color:var(--text-main);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn-icon:active{border-top:2px solid var(--surface-darker);border-left:2px solid var(--surface-darker);border-right:2px solid var(--surface-light);border-bottom:2px solid var(--surface-light)}.dynamic-link-row{display:flex;gap:6px;margin-bottom:6px;align-items:center}.dynamic-item{border:1px dashed var(--surface-dark);padding:8px;margin-bottom:8px;background:#fff3}.item-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:8px}.btn-remove{background:transparent;border:none;color:#a00;cursor:pointer;text-decoration:underline;font-size:12px}.btn-add-bullet{background:transparent;border:none;color:var(--title-blue);cursor:pointer;text-decoration:underline;font-size:12px;margin-top:4px;padding:0}.bullet-row{display:flex;gap:6px;margin-bottom:4px}.btn-remove-bullet{background:transparent;border:1px solid var(--surface-dark);color:#a00;cursor:pointer;font-size:14px;padding:0 6px;height:26px}.form-panel{width:500px;min-width:500px}.preview-panel{flex:1}.toolbar{margin-bottom:10px;display:flex;gap:8px;align-items:center}.cv-preview-area{flex:1;overflow:auto;padding:20px;background:var(--surface-dark);display:flex;justify-content:center;align-items:flex-start;border-top:2px solid var(--surface-darker);border-left:2px solid var(--surface-darker);border-right:2px solid var(--surface-light);border-bottom:2px solid var(--surface-light);box-shadow:inset 1px 1px 0 var(--surface-dark),inset -1px -1px 0 var(--surface)}.cv-page{width:210mm;min-height:297mm;padding:20mm 18mm;font-family:Times New Roman,"Noto Serif",serif;font-size:10.5pt;line-height:1.45;transform-origin:top center;background:#fff;color:#1a1a2e;box-shadow:2px 2px 10px #00000080;transition:transform .15s;word-break:break-word;overflow-wrap:break-word}.cv-name{font-size:20pt;letter-spacing:.02em;font-weight:700;color:#1a1a2e}.cv-header-block{text-align:center;margin-bottom:14pt;padding-bottom:10pt;border-bottom:1.5pt solid #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-ref{font-size:10pt;font-style:italic;color:#4a4a6a}.cv-section{margin-bottom:10pt}.cv-section-title{font-size:11.5pt;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding-bottom:2pt;margin-bottom:6pt;border-bottom:1pt solid #1a1a2e;color:#1a1a2e}.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{font-size:9.5pt;color:#4a4a6a;font-style:italic}.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:#1a1a2e}.modal{border:none;background:transparent;padding:0;margin:auto}.modal::backdrop{background:#00000080}.modal-content{width:380px;max-width:90vw;box-shadow:4px 4px 10px #00000080}.github-floating-btn{position:fixed;bottom:20px;right:20px;background:var(--surface);color:var(--text-main);display:flex;align-items:center;gap:8px;padding:8px 12px;text-decoration:none;font-weight:600;font-size:13px;border-top:2px solid var(--surface-light);border-left:2px solid var(--surface-light);border-right:2px solid var(--surface-darker);border-bottom:2px solid var(--surface-darker);box-shadow:inset -1px -1px 0 var(--surface-dark),inset 1px 1px 0 var(--surface-lighter),2px 2px 5px #0000004d;z-index:1000;transition:transform .1s}.github-floating-btn:active{border-top:2px solid var(--surface-darker);border-left:2px solid var(--surface-darker);border-right:2px solid var(--surface-light);border-bottom:2px solid var(--surface-light);box-shadow:inset 1px 1px 0 var(--surface-dark),inset -1px -1px 0 var(--surface);padding:9px 11px 7px 13px}.github-floating-btn:hover{background:var(--surface-light)}@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{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:1024px){.form-panel{width:400px;min-width:400px}}@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;overflow:visible!important}.window{flex:none!important;height:auto!important;overflow:visible!important}.window-body{overflow:visible!important;flex:none!important}.form-panel{width:100%;min-width:0}.inset-panel{overflow:visible!important}.preview-panel{min-height:600px}.cv-page{transform:scale(.6);transform-origin:top center}}@media(max-width:600px){.app-layout{padding:0;gap:0}.window{border:none;box-shadow:none}.title-bar{margin:0;border-radius:0}.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}}