body{margin:0;padding:0;font-family:Arial,sans-serif}#root{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.language-toggle{position:absolute;top:10px;right:10px;padding:5px 10px;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:opacity .3s ease}.language-toggle:hover{background-color:#444}.language-toggle:disabled{opacity:.5;cursor:not-allowed}body{background-color:#fff}.resume-viewer{font:400 18px/1.62 Georgia,Xin Gothic,Hiragino Sans GB,Droid Sans Fallback,Microsoft YaHei,sans-serif;color:#444443;max-width:800px;margin:0 auto;padding:20px}.windows .resume-viewer{font-size:16px;font-family:Georgia,SimSun,sans-serif}.resume-viewer ::-moz-selection{background-color:#0003}.resume-viewer ::selection{background-color:#0003}header{background-color:#333;color:#fff;padding:20px;text-align:center}header h1,header h2{color:#fff}.resume-viewer h1,.resume-viewer h2,.resume-viewer h3,.resume-viewer h4,.resume-viewer h5,.resume-viewer h6{font-family:Georgia,Xin Gothic,Hiragino Sans GB,Droid Sans Fallback,Microsoft YaHei,SimSun,sans-serif;color:#222223}.resume-viewer h1{font-size:1.8em;margin:.67em 0}.resume-viewer>h1{margin-top:0;font-size:2em}.resume-viewer h2{font-size:1.5em;margin:.83em 0}.resume-viewer h3{font-size:1.17em;margin:1em 0}.resume-viewer h4,.resume-viewer h5,.resume-viewer h6{font-size:1em;margin:1.6em 0 1em}.resume-viewer h6{font-weight:500}.resume-viewer p{margin-top:0;margin-bottom:1.46em}.resume-viewer a{color:#111;word-wrap:break-word;text-decoration-color:#0006}.resume-viewer a:hover{color:#555;text-decoration-color:#0009}.resume-viewer strong,.resume-viewer b{font-weight:700;color:#222223}.resume-viewer em,.resume-viewer i{font-style:italic;color:#222223}.resume-viewer img{max-width:100%;height:auto;margin:.2em 0}.resume-viewer hr{display:block;width:14%;margin:40px auto 34px;border:0 none;border-top:3px solid #dededc}.resume-viewer blockquote{margin:0 0 1.64em;border-left:3px solid #dadada;padding-left:12px;color:#666664}.resume-viewer ul,.resume-viewer ol{margin:0 0 24px 6px;padding-left:16px}.resume-viewer ul{list-style-type:square}.resume-viewer ol{list-style-type:decimal}.resume-viewer li{margin-bottom:.2em}.resume-viewer li ul,.resume-viewer li ol{margin-top:0;margin-bottom:0;margin-left:14px}.resume-viewer li ul{list-style-type:disc}.resume-viewer li ul ul{list-style-type:circle}.resume-viewer li p{margin:.4em 0 .6em}.resume-viewer code,.resume-viewer tt{color:gray;font-size:.96em;background-color:#f9f9f7;padding:1px 2px;border:1px solid #dadada;border-radius:3px;font-family:Menlo,Monaco,Consolas,Courier New,monospace}.resume-viewer pre{margin:1.64em 0;border:none;border-left:3px solid #dadada;padding:7px 7px 7px 10px;overflow:auto;line-height:1.5;font-size:.96em;font-family:Menlo,Monaco,Consolas,Courier New,monospace;color:#4c4c4c;background-color:#f9f9f7}.resume-viewer pre code,.resume-viewer pre tt{color:#4c4c4c;border:none;background:none;padding:0}.resume-viewer table{width:100%;border-collapse:collapse;border-spacing:0;margin-bottom:1.5em;font-size:.96em}.resume-viewer th,.resume-viewer td{text-align:left;padding:4px 8px 4px 10px;border:1px solid #dadada}.resume-viewer td{vertical-align:top}.resume-viewer tr:nth-child(2n){background-color:#efefee}@media (min-width: 1100px){.resume-viewer blockquote{margin-left:-24px;padding-left:20px;border-width:4px}.resume-viewer blockquote blockquote{margin-left:0}}.resume-header{background-color:#333;color:#fff;padding:20px;text-align:center}.resume-header h1,.resume-header h2{color:#fff!important}.button-group{position:absolute;top:10px;right:10px;display:flex;gap:10px}.action-button{padding:5px 10px;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s ease;width:60px;height:30px;display:flex;justify-content:center;align-items:center}.action-button:hover{background-color:#444}.action-button:disabled{opacity:.5;cursor:not-allowed}@media print{.button-group{display:none}.resume-viewer{padding:0}.resume-header{background-color:#fff;color:#000}.resume-header h1,.resume-header h2{color:#000!important}}.resume-editor{display:flex;height:100vh;width:100%;overflow:hidden}.edit-area,.preview-area{flex:1;height:100vh;overflow-y:auto;padding:20px;box-sizing:border-box}.edit-area{border-right:1px solid #ccc;background-color:#f9f9f9;display:flex;flex-direction:column;align-items:flex-start}.edit-area>*{width:95%}.preview-area{background-color:#f5f5f5}.input-group{margin-bottom:20px;width:100%}.input-group label{display:block;margin-bottom:5px;font-weight:700;color:#555}.edit-area input[type=text],.edit-area input[type=password],.edit-area textarea{width:95%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:border-color .3s ease}.edit-area input[type=password]{width:30%}.edit-area input[type=text]:focus,.edit-area input[type=password]:focus,.edit-area textarea:focus{border-color:#333;outline:none}.edit-area textarea{min-height:200px;resize:vertical}.password-input-container{display:flex;align-items:center;gap:30px}.save-button{padding:10px 20px;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s ease;width:30%;align-self:flex-start}.save-button:hover{background-color:#333333cd}.preview-area .resume-viewer{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.preview-area .resume-viewer{font:400 18px/1.62 Georgia,Xin Gothic,Hiragino Sans GB,Droid Sans Fallback,Microsoft YaHei,sans-serif;color:#444443}.preview-area .resume-viewer h1,.preview-area .resume-viewer h2,.preview-area .resume-viewer h3,.preview-area .resume-viewer h4,.preview-area .resume-viewer h5,.preview-area .resume-viewer h6{margin-top:1em;margin-bottom:.5em}.preview-area .resume-viewer p{margin-bottom:1em}.preview-area .resume-viewer ul,.preview-area .resume-viewer ol{margin-bottom:1em;padding-left:2em}body{margin:0;padding:0}.password-input-box{transition:all .3s ease-in-out}.password-input-box:hover{background-color:#ffffff1a}
