body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;background-color:#f4f7f6;color:#333}.container{display:flex;flex-direction:column;min-height:100vh}.header{background-color:#fff;padding:1rem 2rem;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;align-items:center}.header-left .logo{font-size:1.5rem;font-weight:700;color:#007bff}.header-right a{margin-left:1.5rem;text-decoration:none;color:#555;font-weight:500}.header-right .language-button{margin-left:1.5rem;padding:.5rem 1rem;border:1px solid #ccc;border-radius:4px;background-color:#f0f0f0;cursor:pointer}.language-button:hover{background-color:#007bff;color:#fff}.main-content{display:flex;gap:2rem;padding:2rem;flex:1}.input-panel{flex:1;background-color:#fff;padding:2em;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow-y:auto;max-height:calc(100vh - 100px)}.preview-panel{flex:1;display:flex;flex-direction:column;gap:1rem}.preview-header{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:1rem 2rem;border-radius:8px;box-shadow:0 2px 4px #0000000d}.resume-content{background-color:#fff;padding:2.5rem;border-radius:8px;box-shadow:0 4px 8px #0000001a}.form-section{border:1px solid #ddd;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.form-section:last-child{margin-bottom:0}.section-title{font-size:1.25rem;color:#007bff;margin-top:0;margin-bottom:1.5rem;border-bottom:2px solid #eee;padding-bottom:.5rem}.form-field{margin-bottom:1rem}.form-label{display:block;font-weight:600;margin-bottom:.5rem}select,input[type=text],input[type=email],input[type=tel],input[type=date],input[type=url],textarea{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}textarea{resize:vertical}.form-field.dates{display:flex;align-items:center;gap:.5rem}.form-field.dates span{font-size:1.25rem}.add-button,.remove-button{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s;margin-top:1rem}.add-button{background-color:#28a745;color:#fff}.add-button:hover{background-color:#218838}.remove-button{background-color:#dc3545;color:#fff}.remove-button:hover{background-color:#c82333}.item-container{border:1px solid #eee;padding:1rem;border-radius:6px;margin-bottom:1.5rem}.item-inline{display:flex;gap:1rem;align-items:flex-start}.item-inline input{flex:1}.avatar-upload{width:150px;height:150px;border:2px dashed #ccc;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.avatar-preview-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.avatar-preview-container .avatar-preview{width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid #007bff;margin:auto;display:block}.avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.upload-placeholder{color:#aaa}.file-input{border:none;padding:0;width:auto}.resume-content h3{color:#007bff;border-bottom:2px solid #eee;padding-bottom:.5rem;margin-top:2rem}.resume-content h3:first-of-type{margin-top:0}.resume-content h4{margin-bottom:.25rem}.resume-content p{margin:.5rem 0}.resume-content ul{padding-left:1.5rem}.resume-content li{margin-bottom:.5rem}.resume-content .personal-info-preview{display:flex;flex-direction:column;align-items:center;text-align:center}.resume-content .avatar-preview{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #007bff;margin-bottom:1rem}.generate-pdf-button{padding:.75rem 1.5rem;font-size:1rem;font-weight:700;color:#fff;background-color:#007bff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.generate-pdf-button:hover{background-color:#0056b3}.item-container{display:flex;flex-wrap:wrap;gap:1rem}.item-container .form-field{flex:1 1 calc(50% - .5rem)}.new-input{padding:.75rem;border:1px solid #ccc;border-radius:4px}.form-field textarea{width:calc(100% - 1.5rem);padding:.75rem;border:1px solid #ccc;border-radius:4px;resize:vertical}.projects-preview,.awards-preview,.volunteering-preview{margin-top:1.5rem}.projects-preview h3,.awards-preview h3,.volunteering-preview h3{border-bottom:2px solid #333;padding-bottom:.5rem;margin-bottom:1rem}.project-entry{margin-bottom:1rem}.project-entry h4{margin:.5rem 0;font-size:1.1rem}.awards-preview ul,.volunteering-preview ul{list-style-type:disc;padding-left:1.5rem}.awards-preview li{margin-bottom:.5rem}.volunteering-entry{margin-bottom:1rem}.volunteering-entry h4{margin:.5rem 0;font-size:1.1rem}.theme-selector,.custom-colors-container{margin-bottom:2rem;background-color:#f9f9f9;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000000d}.theme-selector h2,.custom-colors-container h3{margin-top:0;margin-bottom:1rem;border-bottom:none;font-size:1.1rem}.theme-buttons{display:flex;gap:1rem;margin-bottom:1rem}.theme-buttons button{padding:.5rem 1rem;border:1px solid #ccc;border-radius:4px;background-color:#fff;cursor:pointer;transition:all .2s ease-in-out}.theme-buttons button:hover,.theme-buttons button.active{background-color:#e6e6e6;border-color:#999}.theme-buttons button.active{box-shadow:0 0 0 2px #4a90e2}.color-picker-group{display:flex;align-items:center;gap:10px;margin-bottom:.5rem}.color-picker-group label{font-size:.9rem;color:#666;width:80px}:root{--resume-bg-color: #ffffff;--resume-text-color: #333333;--resume-border-color: #cccccc}.container .resume-content{background-color:var(--resume-bg-color);color:var(--resume-text-color);border:1px solid var(--resume-border-color);box-shadow:0 4px 8px #0000001a;transition:all .3s ease}.container .resume-content h3{border-bottom:2px solid var(--resume-border-color);color:var(--resume-text-color)}.theme-classic{--resume-bg-color: #ffffff;--resume-text-color: #333333;--resume-border-color: #cccccc}.theme-modern{--resume-bg-color: #f7f9fc;--resume-text-color: #1a2a4b;--resume-border-color: #a0c3d9}.theme-modern .resume-content{box-shadow:0 4px 12px #0000001a;border:none}.theme-modern .resume-content h3{color:#4a90e2}.theme-minimalist{--resume-bg-color: #fefefe;--resume-text-color: #444444;--resume-border-color: #eeeeee}.theme-minimalist .resume-content{border-left:5px solid var(--resume-border-color);box-shadow:none}.theme-minimalist .resume-content h3{text-transform:uppercase;letter-spacing:1px}:root{--custom-background: #ffffff;--custom-text: #333333;--custom-border: #cccccc}.theme-custom{--resume-bg-color: var(--custom-background);--resume-text-color: var(--custom-text);--resume-border-color: var(--custom-border)}.theme-classic .resume-content{font-family:Noto Sans SC,Arial,sans-serif}.theme-modern .resume-content{font-family:ChironGoRoundTC,Arial,sans-serif}.theme-minimalist .resume-content{font-family:"Noto Serif SC",serif}.theme-custom .resume-content{font-family:var(--custom-font, "Noto Sans SC"),Arial,sans-serif}input[type=color]{border:none!important}.remove-avatar-x{display:block;background:none;border:none;cursor:pointer;transition:color .2s ease,transform .1s ease;margin-left:10px;font-size:medium;color:gray}.remove-avatar-x:hover{color:#fff;background-color:#a71d2a}@media (max-width: 768px){.main-content{flex-direction:column}}