.avatar{position:relative;display:inline-block}.avatar-inner{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--radius-md)}.avatar-small{width:60px;height:60px}.avatar-default{width:120px;height:120px}.avatar-large{width:180px;height:180px}.avatar-image{position:absolute;top:0;left:0;width:100%;max-width:none;object-fit:cover;object-position:center top;transform:translateY(-1.45%)}.avatar-image.full-image-mode{height:100%!important;object-fit:contain!important;object-position:center center!important;transform:none!important}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent) 0%,rgba(212,165,116,.8) 100%);color:#fff;font-size:2rem;font-weight:600}.avatar-small .avatar-placeholder{font-size:1.25rem}.avatar-large .avatar-placeholder{font-size:3rem}@media (max-width: 768px){.avatar-large{width:140px;height:140px}.avatar-default{width:100px;height:100px}}.skill-input{display:flex;gap:var(--space-sm, 8px);align-items:center;margin-bottom:var(--margin-padding-sm, 5px)}.skill-name{flex:1;padding:var(--space-sm, 8px) var(--space-md, 12px);border:1px solid var(--color-border, #4B4D50);border-radius:var(--radius-md, 6px);font-size:.875rem}.skill-level{width:85px;padding:var(--space-sm, 8px);border:1px solid var(--color-border, #4B4D50);border-radius:var(--radius-md, 6px);font-size:.875rem}.remove-skill-btn{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:var(--radius-md, 8px);background:var(--color-error, #CE4F4F);color:#fff;border:none;font-size:1.125rem;font-weight:400;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;box-shadow:0 1px 3px #0003}.remove-skill-btn:hover{background:#b84545;transform:translateY(-1px);box-shadow:0 2px 6px #ce4f4f66}.remove-skill-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 4px var(--color-error)}.competency-select-wrap{display:flex;flex-direction:column;gap:var(--space-md, 12px)}.competency-checkbox-list{display:flex;flex-direction:column;gap:var(--space-xs, 6px);padding:var(--space-md, 12px);border:1px solid var(--color-border, #4B4D50);border-radius:var(--radius-md, 6px);background:var(--color-bg-primary, #fff)}.competency-checkbox-item{display:flex;align-items:center;gap:var(--space-sm, 8px);cursor:pointer;-webkit-user-select:none;user-select:none}.competency-checkbox-item:hover{opacity:.8}.competency-checkbox-item input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary, #2563eb);flex-shrink:0}.competency-checkbox-item input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.competency-checkbox-label{font-size:.875rem;color:var(--color-text-primary, #1a1a1a);line-height:1.4}.competency-checkbox-item input[type=checkbox]:disabled~.competency-checkbox-label{color:var(--color-text-muted, #6b7280)}.competency-summary{display:flex;align-items:center;padding:var(--space-sm, 8px);background:var(--color-primary-light, #e0e7ff);border-radius:var(--radius-md, 6px)}.competency-count{font-size:.875rem;font-weight:500;color:var(--color-primary-dark, #3730a3)}.competency-section-divider{margin:1rem 0;border-top:1px solid var(--color-border, #e5e7eb)}.project-group{border:1px solid var(--color-border, #4B4D50);border-radius:var(--radius-md, 6px);padding:var(--margin-padding-sm, 5px);margin-bottom:var(--margin-padding-sm, 5px);background:var(--color-bg-tertiary, #181F27)}.project-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm, 8px)}.project-group--collapsed .project-fields{display:none}.project-header h4{margin:0;font-size:1rem;color:var(--color-accent, #F7931E)}.remove-project-btn{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:var(--radius-md, 8px);background:var(--color-error, #CE4F4F);color:#fff;border:none;font-size:1.125rem;font-weight:400;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;box-shadow:0 1px 3px #0003}.remove-project-btn:hover{background:#b84545;transform:translateY(-1px);box-shadow:0 2px 6px #ce4f4f66}.remove-project-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 4px var(--color-error)}.project-fields{display:flex;flex-direction:column;gap:var(--margin-padding-sm, 5px)}.project-details-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md, 12px)}@media (max-width: 768px){.project-details-row{grid-template-columns:1fr}}.employer-group{border:2px solid var(--color-border, #4B4D50);border-radius:var(--radius-lg, 8px);padding:var(--margin-padding-sm, 5px);margin-bottom:var(--margin-padding-sm, 5px);background:var(--color-bg-card, #3F464F)}.employer-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm, 8px)}.employer-group--collapsed .employer-fields{display:none}.employer-header h3{margin:0;font-size:1.125rem;color:var(--color-accent, #F7931E)}.margin-top-sm{margin-top:var(--margin-padding-sm, 5px)}.remove-employer-btn{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:var(--radius-md, 8px);background:var(--color-error, #CE4F4F);color:#fff;border:none;font-size:1.125rem;font-weight:400;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;box-shadow:0 1px 3px #0003}.remove-employer-btn:hover{background:#b84545;transform:translateY(-1px);box-shadow:0 2px 6px #ce4f4f66}.remove-employer-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 4px var(--color-error)}.employer-fields{display:flex;flex-direction:column}.employer-details-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--margin-padding-sm, 5px)}.projects-section{margin-top:var(--margin-padding-sm, 5px);border-top:1px solid var(--color-border-light, #495057)}.projects-label{display:block;font-weight:600;font-size:.9375rem;color:var(--color-text-primary, #FFFFFF)}.add-project-btn{padding:var(--space-sm, 8px) var(--space-md, 12px);background:var(--color-accent, #F7931E);color:#fff;border:none;border-radius:var(--radius-md, 6px);cursor:pointer;font-size:.875rem;transition:all .2s}.add-project-btn:hover{background:#be6500;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.no-projects-hint{color:var(--color-text-muted, #B3B3B3);font-size:.875rem;font-style:italic;text-align:center;padding:var(--space-lg, 16px);background:var(--color-bg-tertiary, #181F27);border-radius:var(--radius-md, 6px)}@media (max-width: 768px){.employer-details-row{grid-template-columns:1fr}}.education-group{border:2px solid var(--color-border, #4B4D50);border-radius:var(--radius-lg, 8px);padding:var(--margin-padding-sm, 5px);margin-bottom:var(--margin-padding-sm, 5px);background:var(--color-bg-card, #3F464F)}.education-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm, 8px)}.education-group--collapsed .education-fields{display:none}.education-header h3{margin:0;font-size:1.125rem;color:var(--color-accent, #F7931E)}.education-fields .margin-top-sm{margin-top:var(--margin-padding-sm, 5px)}.education-fields{display:flex;flex-direction:column}.education-details-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--margin-padding-sm, 5px)}.remove-education-btn{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:var(--radius-md, 8px);background:var(--color-error, #CE4F4F);color:#fff;border:none;font-size:1.125rem;font-weight:400;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;box-shadow:0 1px 3px #0003}.remove-education-btn:hover{background:#b84545;transform:translateY(-1px);box-shadow:0 2px 6px #ce4f4f66}.remove-education-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 4px var(--color-error)}@media (max-width: 768px){.education-details-row{grid-template-columns:1fr}}.volunteer-position-group{border:1px solid var(--color-border, #4B4D50);border-radius:var(--radius-md, 6px);margin-bottom:var(--margin-padding-sm, 5px);background:var(--color-bg-tertiary, #181F27)}.position-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm, 8px);margin:var(--margin-padding-sm, 5px)}.volunteer-position-group--collapsed .position-fields{display:none}.position-header h4{margin:0;font-size:1rem;color:var(--color-accent, #F7931E)}.remove-position-btn{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:var(--radius-md, 8px);background:var(--color-error, #CE4F4F);color:#fff;border:none;font-size:1.125rem;font-weight:400;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;box-shadow:0 1px 3px #0003}.remove-position-btn:hover{background:#b84545;transform:translateY(-1px);box-shadow:0 2px 6px #ce4f4f66}.remove-position-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 4px var(--color-error)}.position-fields{display:flex;flex-direction:column;margin:var(--margin-padding-sm, 5px);gap:var(--margin-padding-sm, 5px)}.position-details-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md, 12px)}.responsibility-item{display:flex;gap:var(--space-sm, 8px);margin-bottom:var(--space-sm, 8px);align-items:center}.responsibility-item input{flex:1;padding:var(--space-sm, 8px) var(--space-md, 12px);border:1px solid var(--color-border, #4B4D50);border-radius:var(--radius-md, 6px);font-size:.875rem}.remove-responsibility-btn{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:var(--radius-md, 8px);background:var(--color-error, #CE4F4F);color:#fff;border:none;font-size:1.125rem;font-weight:400;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;box-shadow:0 1px 3px #0003}.remove-responsibility-btn:hover{background:#b84545;transform:translateY(-1px);box-shadow:0 2px 6px #ce4f4f66}.remove-responsibility-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 4px var(--color-error)}.add-responsibility-btn{padding:var(--space-sm, 8px) var(--space-md, 12px);background:transparent;border:1px dashed var(--color-border, #4B4D50);border-radius:var(--radius-md, 6px);color:var(--color-text-secondary, #F5F6F6);cursor:pointer;font-size:.875rem;transition:all .2s}.add-responsibility-btn:hover{border-color:var(--color-accent, #F7931E);color:var(--color-accent, #F7931E);background:#d4a5740d}@media (max-width: 768px){.position-details-row{grid-template-columns:1fr}}.volunteer-org-group{border:2px solid var(--color-border, #4B4D50);border-radius:var(--radius-lg, 8px);padding:var(--margin-padding-sm, 5px);margin-bottom:var(--margin-padding-sm, 5px);background:var(--color-bg-card, #3F464F)}.org-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm, 8px)}.volunteer-org-group--collapsed .org-fields{display:none}.org-header h3{margin:0;font-size:1.125rem;color:var(--color-accent, #F7931E)}.remove-org-btn{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:var(--radius-md, 8px);background:var(--color-error, #CE4F4F);color:#fff;border:none;font-size:1.125rem;font-weight:400;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;box-shadow:0 1px 3px #0003}.remove-org-btn:hover{background:#b84545;transform:translateY(-1px);box-shadow:0 2px 6px #ce4f4f66}.remove-org-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 4px var(--color-error)}.org-fields{display:flex;flex-direction:column;gap:var(--margin-padding-sm, 5px)}.positions-section{padding-top:var(--margin-padding-sm, 5px);border-top:1px solid var(--color-border-light, #495057)}.positions-label{display:block;font-weight:600;font-size:.9375rem;color:var(--color-text-primary, #FFFFFF)}.add-position-btn{padding:var(--space-sm, 8px) var(--space-md, 12px);background:var(--color-accent, #F7931E);color:#fff;border:none;border-radius:var(--radius-md, 6px);cursor:pointer;font-size:.875rem;transition:all .2s}.add-position-btn:hover{background:#be6500;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.no-positions-hint{color:var(--color-text-muted, #B3B3B3);font-size:.875rem;font-style:italic;text-align:center;padding:var(--space-lg, 16px);background:var(--color-bg-tertiary, #181F27);border-radius:var(--radius-md, 6px)}.cv-manual-builder{max-width:900px;margin:0 auto}.form-section{margin-right:var(--margin-padding-sm, 5px)}.form-section-header{display:flex;align-items:center;gap:var(--space-sm, 8px);flex-wrap:wrap}.form-section-header h3{margin:0;flex:1;min-width:0;height:32px;line-height:32px;display:flex;align-items:center}.section-collapse-btn{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border:none;border-radius:var(--radius-md, 6px);background:var(--color-bg-tertiary, #181F27);color:var(--color-text-secondary, #F5F6F6);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .2s;flex-shrink:0}.section-collapse-btn:hover{background:var(--color-border, #4B4D50);color:var(--color-accent, #F7931E)}.section-collapse-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 4px var(--color-accent)}.section-collapse-btn[aria-expanded=false]{transform:rotate(-90deg)}.form-section-body{overflow:hidden;transition:opacity .2s ease;padding-top:var(--margin-padding-sm, 5px)}.form-section--collapsed .form-section-body{display:none}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg, 16px)}.section-header h3{margin:0}.add-section-btn{padding:var(--space-sm, 8px) var(--space-md, 12px);background:var(--color-accent, #F7931E);color:#fff;border:none;border-radius:var(--radius-md, 6px);cursor:pointer;font-size:.875rem;transition:all .2s;font-weight:500}.add-section-btn:hover:not(:disabled){background:#be6500;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.add-section-btn:disabled{opacity:.5;cursor:not-allowed}.form-hint{display:block;color:var(--color-text-muted, #B3B3B3);font-size:.8125rem;font-style:italic}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm, 8px);cursor:pointer;font-size:.9375rem;color:var(--color-text-primary, #F5F6F6);-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-accent, #F7931E)}.checkbox-label:hover{color:var(--color-accent, #F7931E)}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed}.radio-group-label{display:block;margin-bottom:var(--space-xs, 4px);font-size:.875rem;color:var(--color-text-secondary, #F5F6F6)}.radio-group{display:flex;flex-direction:column;gap:var(--space-sm, 8px)}.radio-label{display:flex;align-items:center;gap:var(--space-sm, 8px);cursor:pointer;font-size:.9375rem;color:var(--color-text-primary, #F5F6F6);-webkit-user-select:none;user-select:none}.radio-label input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-accent, #F7931E)}.radio-label:hover{color:var(--color-accent, #F7931E)}.radio-label input[type=radio]:disabled{cursor:not-allowed}.no-items-hint{color:var(--color-text-muted, #B3B3B3);font-size:.875rem;font-style:italic;text-align:center;padding:var(--margin-padding-sm, 5px);background:var(--color-bg-tertiary, #181F27);border-radius:var(--radius-md, 6px);border:1px dashed var(--color-border, #4B4D50);margin-bottom:var(--margin-padding-sm, 5px)}.education-entry{border-bottom:1px solid var(--color-border, #4B4D50)}.education-entry:last-of-type{border-bottom:none}.education-entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm, 8px)}.education-entry-label{font-size:.8125rem;font-weight:600;color:var(--color-text-secondary, #F5F6F6)}.language-input{display:flex;gap:var(--space-sm, 8px);align-items:center;margin-bottom:var(--space-sm, 8px)}.language-name{flex:1;padding:var(--space-sm, 8px) var(--space-md, 12px);border:1px solid var(--color-border, #4B4D50);border-radius:var(--radius-md, 6px);font-size:.875rem}.language-level{width:150px;padding:var(--space-sm, 8px) var(--space-md, 12px);border:1px solid var(--color-border, #4B4D50);border-radius:var(--radius-md, 6px);font-size:.875rem}.form-section--unused-data{border:1px solid var(--color-accent, #F7931E);border-radius:var(--radius-md, 6px);padding:0;background:#f7931e0f}.form-section--unused-data .form-section-header h3{color:var(--color-accent, #F7931E)}.unused-data-hint{margin-bottom:var(--space-md, 12px);color:var(--color-text-muted, #B3B3B3);font-size:.8125rem}.unused-data-raw{width:100%;min-height:60px;padding:var(--space-sm, 8px) var(--space-md, 12px);border:1px solid var(--color-border, #4B4D50);border-radius:var(--radius-md, 6px);font-size:.875rem;resize:vertical;background:var(--color-bg-primary, #0D1117);color:var(--color-text-primary, #F5F6F6)}.unused-data-items>label{display:block;margin-bottom:var(--space-sm, 8px);font-size:.875rem;color:var(--color-text-secondary, #F5F6F6)}.unused-data-item{display:flex;gap:var(--space-sm, 8px);align-items:flex-start;margin-bottom:var(--margin-padding-sm, 5px);padding:var(--space-sm, 8px);background:var(--color-bg-tertiary, #181F27);border-radius:var(--radius-md, 6px);border:1px dashed var(--color-border, #4B4D50)}.unused-data-item-category{flex:0 0 140px;padding:var(--space-sm, 8px) var(--space-md, 12px);border:1px solid var(--color-border, #4B4D50);border-radius:var(--radius-md, 6px);font-size:.875rem;background:var(--color-bg-primary, #0D1117);color:var(--color-text-primary, #F5F6F6)}.unused-data-item-content{flex:1;min-width:0;min-height:44px;padding:var(--space-sm, 8px) var(--space-md, 12px);border:1px solid var(--color-border, #4B4D50);border-radius:var(--radius-md, 6px);font-size:.875rem;resize:vertical;background:var(--color-bg-primary, #0D1117);color:var(--color-text-primary, #F5F6F6)}.unused-data-item .remove-skill-btn{flex-shrink:0}.builder-form-page{max-width:900px;margin:0 auto}.builder-form-tabs{display:flex;gap:var(--space-sm, 8px);margin-bottom:var(--space-xl, 20px);border-bottom:2px solid var(--color-border, #4B4D50)}.tab-button{padding:var(--space-md, 12px) var(--space-xl, 20px);background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;color:var(--color-text-secondary, #F5F6F6);transition:all .2s;margin-bottom:-2px}.tab-button:hover:not(:disabled){color:var(--color-accent, #F7931E);background:#f7931e0d}.tab-button.active{color:var(--color-accent, #F7931E);border-bottom-color:var(--color-accent, #F7931E)}.tab-button:disabled{opacity:.5;cursor:not-allowed}.builder-form{max-width:700px;margin:0 auto}.form-preview{margin-bottom:var(--space-xl);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.form-group{margin-bottom:var(--margin-padding-sm, 5px)}.form-group:last-child{margin-bottom:0}.form-group textarea{resize:vertical;min-height:200px;line-height:1.7}.form-divider{display:flex;align-items:center;gap:var(--space-lg);margin:var(--space-xl) 0}.form-divider:before,.form-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.form-divider span{color:var(--color-text-muted);font-size:.875rem;text-transform:uppercase;letter-spacing:.1em}.form-actions{text-align:center;padding-top:var(--space-lg)}.submit-btn{min-width:250px;font-size:1.125rem;padding:var(--space-lg) var(--space-2xl);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-md)}@media (max-width: 768px){.preview-image{width:120px;height:120px}.submit-btn{width:100%}}.cv-bg-lines{position:absolute;left:-2%;top:3%;width:800px;height:100%;background-image:url(/bg-lines.svg);background-size:cover;background-position:center;opacity:1;pointer-events:none;z-index:0}.cv-header{position:absolute;top:0;left:0;width:100%;height:180px;background:linear-gradient(135deg,var(--cv-text-dark) 0%,var(--color-bg-card) 100%);z-index:1}.cv-header-image{position:absolute;top:0;right:0;width:100%;height:100%;background:url(/header.png);background-size:cover}.cv-title-section{position:absolute;top:104.5px;left:0;right:200px;z-index:2;text-align:left;max-width:calc(100% - 200px)}.cv-name{font-size:35px;font-weight:900;color:var(--cv-text-dark);background:#fff;padding:24px 0 2px 24px;margin:0;line-height:1.2;letter-spacing:-.5px;text-align:left;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cv-job-title{font-size:14px;font-weight:500;color:var(--cv-text-dark);background:#fff;padding:0 0 24px 24px;margin:0;line-height:1.5;text-align:left;word-wrap:break-word;overflow-wrap:break-word}.cv-main-content{position:relative;display:flex;gap:24px;padding-left:24px;padding-right:24px;padding-bottom:40px;z-index:2}.cv-left-sidebar{width:160px;display:flex;flex-direction:column;gap:20px}.cv-profile-photo{width:160px;height:160px;border-radius:8px;overflow:hidden;background:var(--cv-bg-light);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;flex-shrink:0}.cv-profile-photo .avatar{width:160px;height:160px}.cv-profile-photo .avatar-inner{border-radius:8px;overflow:hidden}.cv-profile-photo .avatar-image{object-fit:contain!important;object-position:center center!important}.cv-education-list{display:flex;flex-direction:column;gap:8px}.cv-languages-list{display:flex;flex-direction:column;gap:6px}.cv-right-content{flex:1;display:flex;flex-direction:column;gap:20px}.cv-profile-text p{font-size:9px;line-height:1.5;color:var(--cv-text-dark);margin:0}.cv-overview-page .cv-left-sidebar{padding-top:0}.cv-pdf-export-mode .cv-main-content{padding-left:12px!important;padding-right:12px!important;padding-bottom:12px!important}.cv-block-title{display:flex;flex-direction:column;gap:4px}.cv-block-title h3{font-size:12px;font-weight:800;color:var(--cv-text-dark);margin:0;text-transform:uppercase;letter-spacing:1.2px;line-height:1.2}.cv-divider{width:40px;height:1.5px;background:var(--cv-accent)}.cv-methodology-list{display:flex;flex-direction:column;gap:4px}.cv-methodology-item{display:flex;align-items:flex-start;gap:8px;font-size:9px;line-height:1.4;color:var(--cv-text-dark)}.cv-methodology-bullet{font-weight:700;color:var(--cv-text-dark);flex-shrink:0}.cv-methodology-label{font-weight:400}.cv-certificate-list{display:flex;flex-direction:column;gap:4px}.cv-certificate-item{display:flex;align-items:flex-start;gap:8px;font-size:9px;line-height:1.4;color:var(--cv-text-dark)}.cv-certificate-bullet{font-weight:700;color:var(--cv-text-dark);flex-shrink:0}.cv-certificate-label{font-weight:400}.cv-bg-lines{position:absolute;left:-2%;top:3%;width:800px;height:100%;background-image:url(/bg-lines.svg);background-size:cover;background-position:center;opacity:1;pointer-events:none;z-index:0}.cv-experience-lines{display:flex;flex-direction:column;gap:0}.cv-line{margin:0;line-height:1.5;padding-left:calc(var(--cv-line-indent, 0) * 12px)}.cv-line.cv-line-has-indent{padding-left:calc(var(--cv-line-indent) * 12px)!important}.cv-line-employer-date,.cv-line-volunteer-date{font-size:9px;font-weight:600;color:var(--cv-accent);text-transform:uppercase;margin-bottom:2px}.cv-line-employer-company,.cv-line-employer-position,.cv-line-volunteer-org,.cv-line-volunteer-title{font-size:8px;font-weight:400;color:var(--cv-text-dark);margin-bottom:2px}.cv-line-responsibility-title,.cv-line-project-responsibility-title,.cv-line-volunteer-responsibility-title{font-size:8px;font-weight:700;color:var(--cv-text-dark);margin-bottom:4px}.cv-line-responsibility-item,.cv-line-project-responsibility,.cv-line-volunteer-responsibility-item{position:relative;padding-left:20px;margin-bottom:4px;font-size:8px;line-height:1.5;color:var(--cv-text-dark);list-style:none}.cv-line-responsibility-item:before,.cv-line-project-responsibility:before,.cv-line-volunteer-responsibility-item:before{content:"•";position:absolute;left:0;color:var(--cv-accent);font-weight:700}.cv-line-project-name{font-size:10px;font-weight:700;color:var(--cv-text-dark);margin-top:8px;margin-bottom:8px}.cv-line-project-detail{font-size:8px;line-height:1.5;color:var(--cv-text-dark);margin-bottom:2px}.cv-line-spacer{height:16px}.cv-language-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;font-size:9px;line-height:1.2;color:var(--cv-text-dark);min-width:0}.cv-language-name{font-weight:600;flex:0 0 auto;min-width:0}.cv-language-level{font-weight:400;flex:1 1 auto;min-width:min-content;text-align:right;margin-left:auto}.cv-education-item{display:flex;flex-direction:column;gap:2px}.cv-education-item p{margin:0;font-size:9px;line-height:1.4;color:var(--cv-text-dark)}.cv-education-institution{font-weight:600}.cv-education-degree{font-weight:400}.cv-contact-row{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.4;color:#333;margin-bottom:6px;text-decoration:none;word-break:break-word}.cv-contact-row:last-child{margin-bottom:0}a.cv-contact-row{color:#333;transition:color .2s ease}a.cv-contact-row:hover{color:#007bff}.cv-contact-icon{flex-shrink:0;font-size:14px;width:16px;text-align:center}.cv-contact-value{flex:1;min-width:0;overflow-wrap:break-word}.percentage-bar{display:flex;flex-direction:column;gap:2px;width:160px}.percentage-bar-label{font-family:Inter,sans-serif;font-size:7px;font-weight:400;line-height:1.2;color:var(--cv-text-dark);margin:0;text-transform:capitalize}.percentage-bar-container{position:relative;display:flex;align-items:center;justify-content:flex-start;height:8px;border-radius:2px;background:#aab8bf26}.percentage-bar-base{position:absolute;left:0;top:50%;transform:translateY(-50%);width:160px;height:8px;background:var(--cv-bg-light);border-radius:2px}.percentage-bar-progress{position:relative;display:flex;align-items:center;height:8px;z-index:1}.percentage-segment{width:16px;height:8px;background:var(--cv-accent);display:flex;align-items:center;justify-content:center;position:relative}.percentage-segment.first{border-top-left-radius:2px;border-bottom-left-radius:2px}.percentage-segment.last{border-top-right-radius:2px;border-bottom-right-radius:2px}.percentage-extra{display:flex;align-items:center;height:8px;position:relative}.percentage-extra-element{width:1.6px;height:8px;background:var(--cv-accent)}.percentage-extra-element.last{border-top-right-radius:2px;border-bottom-right-radius:2px;position:relative}.percentage-value{position:absolute;right:-14px;top:-2px;font-family:Inter,sans-serif;font-size:5px;font-weight:600;line-height:.9;color:#fff;text-shadow:0px .5px 1px var(--color-accent-muted);text-transform:capitalize;white-space:nowrap}.percentage-segment.last .percentage-value{position:absolute;right:2px;top:50%;transform:translateY(-50%)}.cv-bg-lines{position:absolute;left:-2%;top:3%;width:800px;height:100%;background-image:url(/bg-lines.svg);background-size:cover;background-position:center;opacity:1;pointer-events:none;z-index:0}.cv-experience-page{display:flex;flex-direction:column}.cv-experience-page-content{position:relative;display:flex;gap:24px;padding:24px 24px 40px;z-index:2}.cv-experience-page-left{width:160px;display:flex;flex-direction:column;gap:0;flex-shrink:0}.cv-experience-page-right{flex:1;display:flex;flex-direction:column;gap:20px;max-width:363px}.cv-skills-block{display:flex;flex-direction:column;gap:16px}.cv-skills-list,.cv-experience-detail{display:flex;flex-direction:column;gap:8px}.cv-experience-detail-header{display:flex;flex-direction:column;gap:2px}.cv-experience-detail-title{font-size:9px;font-weight:700;color:var(--cv-text-dark);margin:0;line-height:1.4}.cv-experience-detail-dates{font-size:8px;font-weight:600;color:var(--cv-accent);margin:0;text-transform:capitalize}.cv-experience-detail-description{font-size:9px;line-height:1.6;color:var(--cv-text-dark)}.cv-experience-detail-description p{margin:0}.cv-experience-detail-description ul{margin:0;padding-left:12px;list-style:none}.cv-experience-detail-description li{position:relative;padding-left:8px;margin-bottom:4px}.cv-experience-detail-description li:before{content:"•";position:absolute;left:0;color:var(--cv-accent);font-weight:700}.cv-divider-small{width:100%;height:1px;background:var(--cv-disabled);margin:12px 0}.cv-pdf-export-mode .cv-experience-page-content{padding:12px!important}.cv-pdf-export-mode .cv-pagination{bottom:8px!important;right:12px!important}.cv-page{position:relative;width:595px;height:842px;background:#fff;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;page-break-after:auto}.cv-bg-lines{position:absolute;left:-2%;top:3%;width:800px;height:100%;background-image:url(/bg-lines.svg);background-size:cover;background-position:center;opacity:1;pointer-events:none;z-index:0}.cv-content-block,.cv-experience-list{display:flex;flex-direction:column;gap:16px}.cv-block{display:flex;flex-direction:column;gap:12px}.cv-pagination{position:absolute;bottom:12px;right:24px;font-size:12px;font-weight:600;color:var(--cv-text-dark);z-index:2}.cv-bullet-list{margin:0;padding-left:12px;list-style:none}.cv-bullet-list li{position:relative;padding-left:8px;margin-bottom:4px;font-size:8px;line-height:1.5;color:var(--cv-text-dark)}.cv-bullet-list li:before{content:"•";position:absolute;left:0;color:var(--cv-accent);font-weight:700}.cv-label,.cv-project-label{font-weight:700}.cv-project-value{font-weight:400}.cv-volunteering-page{position:relative;width:595px;height:842px;background:#fff;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;page-break-after:auto}.cv-volunteering-page-content{position:relative;display:flex;gap:24px;padding:24px 24px 40px;z-index:2}.cv-volunteering-left{width:160px;display:flex;flex-direction:column;gap:20px;flex-shrink:0}.cv-volunteering-right{flex:1;display:flex;flex-direction:column}.cv-volunteering-right.full-width{width:100%}.cv-skills-block{display:flex;flex-direction:column;gap:12px}.cv-skills-list,.cv-additional-info-list{display:flex;flex-direction:column;gap:8px}.cv-additional-info-item{display:flex;flex-direction:column;gap:2px}.cv-info-label{font-size:8px;font-weight:700;color:var(--cv-text-dark);line-height:1.5}.cv-info-value{font-size:8px;font-weight:400;color:var(--cv-text-dark);line-height:1.5}.cv-pdf-export-mode .cv-volunteering-page-content{padding:12px!important}.cv-template-empty{padding:2rem;text-align:center}.cv-template{width:100%;max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.cv-template-container{width:595px;margin:0 auto;overflow:hidden;background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000001f}.cv-template-container--vertical{overflow:visible}.cv-pages-wrapper{display:flex;flex-direction:column;align-items:center;gap:24px}.cv-page-slot{width:595px;flex-shrink:0;display:flex;justify-content:center;align-items:flex-start;box-shadow:0 2px 12px #0000001a;border-radius:8px;overflow:hidden}@media (max-width: 768px){.cv-template{max-width:100%;padding:0 16px}.cv-template-container{border-radius:8px}.cv-page{transform:scale(.8);transform-origin:top center}}@media (max-width: 480px){.cv-page{transform:scale(.6)}}.cv-template-print-container,.cv-template-all-pages{display:flex;flex-direction:column;gap:0}.cv-pdf-page-slot{position:relative;width:595px;height:842px;overflow:hidden;flex-shrink:0}.template-showcase{min-height:100vh;background:linear-gradient(135deg,#181f27,#3f464f);display:flex;flex-direction:column}.showcase-header{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem 0;border-bottom:1px solid rgba(255,255,255,.2)}.showcase-header-content{display:flex;flex-direction:column;gap:1rem}.back-button{align-self:flex-start;padding:.5rem 1rem;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.back-button:hover{background:#ffffff4d;border-color:#ffffff80}.showcase-branding{display:flex;align-items:center;gap:1rem;color:#fff}.showcase-header h1{margin:0;font-size:2rem;font-weight:700;color:#fff}.showcase-subtitle{margin:.25rem 0 0;font-size:1rem;color:#ffffffe6}.showcase-main{flex:1;padding:2rem 0}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.showcase-section{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-header{text-align:center;margin-bottom:3rem;color:#fff}.section-header h2{font-size:2.5rem;margin:0 0 .5rem;font-weight:700}.section-header p{font-size:1.125rem;margin:0;opacity:.9}.showcase-content{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 20px 60px #0000004d}.showcase-footer{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem 0;border-top:1px solid rgba(255,255,255,.2);text-align:center;color:#fff}.showcase-footer p{margin:.25rem 0}.footer-subtitle{opacity:.8;font-size:.9rem}@media (max-width: 768px){.showcase-header h1{font-size:1.5rem}.showcase-subtitle{font-size:.9rem}.section-header h2{font-size:2rem}.showcase-content{padding:1.5rem}.back-button{font-size:.85rem;padding:.5rem .75rem}.showcase-branding{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.container{padding:0 1rem}}.error-message{background:#ce4f4f1a;border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-xl);display:flex;align-items:center;gap:var(--space-md);color:var(--color-error)}.error-icon{font-size:1.25rem}.form-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--margin-padding-sm, 5px);margin-bottom:var(--margin-padding-sm, 5px);box-shadow:var(--shadow-sm)}.form-section h3{font-size:1.25rem;color:var(--color-accent)}.dropzone{border:2px dashed var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;cursor:pointer;transition:all var(--transition-normal);background:var(--color-bg-tertiary)}.dropzone:hover,.dropzone.active{border-color:var(--color-accent);background:#f7931e0d}.dropzone.has-file{border-style:solid;border-color:var(--color-success);background:#44a04d0d}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.dropzone-icon{font-size:2.5rem;margin-bottom:var(--space-sm);opacity:.8}.dropzone-content p{font-size:1rem;color:var(--color-text-secondary);margin:0}.dropzone-hint{font-size:.875rem;color:var(--color-text-muted);font-family:var(--font-mono)}.dropzone-image{padding:var(--space-lg)}.dropzone-image.has-file{padding:var(--space-sm)}.preview-image{position:relative;display:flex;justify-content:center;align-items:center}.preview-image .avatar{width:300px;height:300px}.preview-image .avatar-inner{border-radius:var(--radius-md);border:2px solid var(--color-border-light);overflow:hidden}.preview-image .avatar-image{height:100%!important;object-fit:contain!important;object-position:center center!important;transform:none!important}.file-preview{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);position:relative}.file-icon{font-size:2rem}.file-name{flex:1;font-family:var(--font-mono);font-size:.875rem;color:var(--color-text-primary);word-break:break-all}.remove-btn{position:absolute;top:-6px;right:-6px;width:28px;height:28px;min-width:28px;min-height:28px;border-radius:var(--radius-md);background:var(--color-error);color:#fff;border:none;font-size:1.125rem;font-weight:400;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);padding:0;box-shadow:0 1px 3px #0003}.remove-btn:hover{background:#b84545;transform:translateY(-1px);box-shadow:0 2px 6px #ce4f4f66}.remove-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 4px var(--color-error)}.spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.cv-preview{max-width:800px;margin:0 auto}.cv-pdf-preview-wrapper{margin:var(--space-2xl) 0;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.cv-pdf-preview-wrapper canvas{display:block;width:100%!important;height:auto!important}.preview-header{text-align:center;margin-bottom:var(--space-xl)}.preview-header h2{font-size:2rem;margin-bottom:var(--space-sm);background:linear-gradient(135deg,var(--color-success) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.preview-header p{font-size:1.125rem}.status-badges{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-2xl);flex-wrap:wrap}.badge{padding:var(--space-sm) var(--space-lg);border-radius:100px;font-size:.875rem;font-weight:500;font-family:var(--font-mono)}.badge-success{background:#7cb58726;color:var(--color-success);border:1px solid var(--color-success)}.badge-error{background:#ce4f4f26;color:var(--color-error);border:1px solid var(--color-error)}.badge-warning{background:#e8c54726;color:var(--color-warning);border:1px solid var(--color-warning)}.view-toggle{display:flex;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-2xl);padding:4px;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);max-width:500px;margin-left:auto;margin-right:auto}.toggle-btn{flex:1;padding:var(--space-md) var(--space-lg);border:none;background:transparent;color:var(--color-text-secondary);font-size:.875rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-family:var(--font-mono)}.toggle-btn:hover{color:var(--color-text-primary)}.toggle-btn.active{background:var(--color-bg-card);color:var(--color-accent);box-shadow:var(--shadow-sm)}.cv-template-wrapper{margin-bottom:var(--space-2xl)}.preview-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm);animation:fadeIn .4s ease forwards}.preview-card:nth-child(2){animation-delay:.1s}.preview-card:nth-child(3){animation-delay:.2s}.preview-card:nth-child(4){animation-delay:.3s}.preview-card:nth-child(5){animation-delay:.4s}.preview-card h3{font-size:1.125rem;color:var(--color-accent);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.info-item{display:flex;flex-direction:column;gap:var(--space-xs)}.info-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-weight:500}.info-value{font-size:1rem;color:var(--color-text-primary)}.summary-section{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.summary-text{font-size:1rem;line-height:1.7;color:var(--color-text-secondary);margin-top:var(--space-sm)}.timeline{display:flex;flex-direction:column;gap:var(--space-lg)}.timeline-item{padding-left:var(--space-lg);border-left:2px solid var(--color-border);position:relative}.timeline-item:before{content:"";position:absolute;left:-5px;top:0;width:8px;height:8px;background:var(--color-accent);border-radius:50%}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-sm)}.timeline-item h4{font-size:1rem;color:var(--color-text-primary);margin:0}.company{font-size:.9rem;color:var(--color-text-secondary)}.date-range{font-size:.8rem;font-family:var(--font-mono);color:var(--color-text-muted);white-space:nowrap}.highlights{margin:var(--space-md) 0 0 0;padding-left:var(--space-lg);list-style:none}.highlights li{position:relative;font-size:.9rem;color:var(--color-text-secondary);margin-bottom:var(--space-sm);line-height:1.5}.highlights li:before{content:"—";position:absolute;left:-1.25rem;color:var(--color-accent-muted)}.gpa{font-size:.875rem;color:var(--color-text-muted);font-family:var(--font-mono);margin-top:var(--space-sm)}.skills-container{display:flex;flex-direction:column;gap:var(--space-lg)}.skill-group{display:flex;flex-direction:column;gap:var(--space-sm)}.skill-category{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-weight:500}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.skill-tag{padding:var(--space-xs) var(--space-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:100px;font-size:.875rem;color:var(--color-text-primary);font-family:var(--font-mono)}.skill-tag-soft{background:#d4a5741a;border-color:var(--color-accent-muted);color:var(--color-accent)}.skill-tag-lang{background:#7cb5871a;border-color:var(--color-success);color:var(--color-success)}.figma-card{text-align:center;background:linear-gradient(135deg,var(--color-bg-card) 0%,rgba(212,165,116,.05) 100%);border-color:var(--color-accent-muted)}.figma-card p{margin-bottom:var(--space-lg)}.figma-btn{min-width:200px}.preview-actions{margin-top:var(--space-2xl);padding-top:var(--space-xl)}.cv-preview-error{padding:2rem;text-align:center}.cv-preview-error .btn-primary{margin-top:1rem}.cv-pdf-export-overlay.cv-pdf-export-mode{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#fffffff7;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;overflow:auto}.cv-pdf-export-message{position:absolute;top:16px;left:50%;transform:translate(-50%);margin-bottom:0;font-weight:600;color:#181f27;z-index:1;background:#ffffffe6;padding:8px 16px;border-radius:4px}.cv-pdf-export-overlay .cv-template-print-container{flex-shrink:0;margin:60px 0 20px;padding:0;width:595px;display:block}.cv-pdf-container{background:#fff}.cv-pdf-page{width:210mm;min-height:297mm;background:#fff;box-sizing:border-box}.cv-pdf-page-break{page-break-before:always}@media (max-width: 768px){.info-grid{grid-template-columns:1fr}.timeline-header{flex-direction:column;gap:var(--space-xs)}.status-badges{flex-direction:column;align-items:center}}.error-boundary{padding:2rem;text-align:center;max-width:600px;margin:2rem auto;border:1px solid #d0d0d1;border-radius:8px;background-color:#fff}.error-boundary h2{color:#ce4f4f;margin-bottom:1rem}.error-boundary>p{color:#495057;margin-bottom:1.5rem}.error-boundary details{text-align:left;margin-bottom:1.5rem;padding:1rem;background-color:#f5f6f6;border-radius:4px;font-size:.875rem}.error-boundary summary{cursor:pointer;font-weight:700;margin-bottom:.5rem}.error-boundary pre{white-space:pre-wrap;word-break:break-word;color:#ce4f4f;margin-top:.5rem}.error-boundary-actions{display:flex;gap:1rem;justify-content:center}.error-boundary-btn-primary{padding:.75rem 1.5rem;background-color:#f7931e;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500}.error-boundary-btn-secondary{padding:.75rem 1.5rem;background-color:#f5f6f6;color:#181f27;border:1px solid #b3b3b3;border-radius:4px;cursor:pointer;font-size:1rem}.cv-result-page.builder-layout{height:100dvh;overflow:hidden}.cv-result-page .builder-main{flex:1;min-height:0;overflow-y:auto}.cv-result-loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:16px;color:#495057}.cv-result-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1600px;margin:0 auto;align-items:start}.cv-result-left{position:sticky;top:0;max-height:calc(100vh - 6rem);overflow-y:auto}.cv-result-right{min-width:0}@media (max-width: 1200px){.cv-result-layout{grid-template-columns:1fr}.cv-result-left{position:static;max-height:none}}.storage-warning{position:fixed;top:20px;right:20px;max-width:400px;z-index:10000;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.storage-warning-content{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;background:#fff;border-left:4px solid}.storage-warning-warning .storage-warning-content{border-left-color:var(--color-warning);background:#f7931e1a}.storage-warning-critical .storage-warning-content,.storage-warning-error .storage-warning-content{border-left-color:var(--color-error);background:#ce4f4f1a}.storage-warning-icon{font-size:20px;flex-shrink:0}.storage-warning-message{flex:1;margin:0;font-size:14px;line-height:1.5;color:var(--color-text-dark)}.storage-warning-close{flex-shrink:0;width:24px;height:24px;border:none;background:transparent;font-size:20px;line-height:1;color:var(--color-text-muted);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.storage-warning-close:hover{background:#0000000d;color:var(--color-text-dark)}.storage-warning-close:active{transform:scale(.95)}@media (max-width: 640px){.storage-warning{left:16px;right:16px;top:16px;max-width:none}.storage-warning-content{padding:12px 16px}.storage-warning-message{font-size:13px}}.builder-layout{min-height:100vh;display:flex;flex-direction:column}.builder-header{padding:var(--margin-padding-sm) 0;border-bottom:1px solid var(--color-border);background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.builder-header .container{display:flex;align-items:center;justify-content:space-between}.builder-logo{display:flex;align-items:center;gap:var(--space-lg)}.builder-nav{display:flex;gap:var(--space-md)}.builder-nav-link{padding:var(--space-sm) var(--space-lg);background:transparent;border:2px solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-accent);font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.builder-nav-link:hover{background:var(--color-accent);color:var(--color-bg-primary)}.builder-logo-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--color-accent);border:2px solid var(--color-border);box-shadow:var(--shadow-sm)}.builder-logo-text h1{font-size:1.75rem;margin:0;background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.builder-tagline{font-size:.875rem;color:var(--color-text-muted);margin:0;text-transform:uppercase;letter-spacing:.1em}.builder-main{flex:1;padding:var(--space-3xl) 0}.builder-intro{text-align:center;max-width:600px;margin:0 auto var(--space-3xl)}.builder-intro h2{margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.builder-intro p{font-size:1.125rem;line-height:1.7}.builder-footer{padding:var(--space-xl) 0;border-top:1px solid var(--color-border);text-align:center}.builder-footer p{font-size:.875rem;color:var(--color-text-muted)}@media (max-width: 768px){.builder-header{padding:var(--space-lg) 0}.builder-logo-icon{width:48px;height:48px;font-size:1.25rem}.builder-logo-text h1{font-size:1.5rem}.builder-intro h2{font-size:1.75rem}.builder-main{padding:var(--space-2xl) 0}}:root{--color-bg-primary: #000000;--color-bg-secondary: #1C1C1C;--color-bg-tertiary: #181F27;--color-bg-card: #3F464F;--color-text-primary: #FFFFFF;--color-text-secondary: #F5F6F6;--color-text-muted: #B3B3B3;--color-text-dark: #181F27;--color-accent: #F7931E;--color-accent-hover: #FFC453;--color-accent-muted: #BE6500;--color-success: #44A04D;--color-error: #CE4F4F;--color-warning: #F7931E;--color-info: #7C70FF;--color-border: #4B4D50;--color-border-light: #495057;--cv-text-dark: #181F27;--cv-accent: #F7931E;--cv-bg-light: #F5F6F6;--cv-disabled: #D0D0D1;--font-serif: "Crimson Pro", Georgia, serif;--font-mono: "JetBrains Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--margin-padding-sm: 5px;--margin-padding-md: 10px;--margin-padding-lg: 15px;--margin-padding-xl: 20px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-serif);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,rgba(247,147,30,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(247,147,30,.02) 0%,transparent 50%),linear-gradient(180deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);pointer-events:none;z-index:-1}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-text-primary)}h1{font-size:2.75rem;letter-spacing:-.02em}h2{font-size:2rem;letter-spacing:-.01em}h3{font-size:1.5rem}p{color:var(--color-text-secondary)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}input,textarea,select{font-family:var(--font-serif);font-size:1rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);padding:var(--space-md);transition:all var(--transition-fast);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #f7931e26}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}label{display:block;font-size:.9rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}button{font-family:var(--font-serif);font-size:1rem;font-weight:600;cursor:pointer;border:none;border-radius:var(--radius-md);padding:var(--space-md) var(--space-xl);transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-muted) 100%);color:var(--color-bg-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:linear-gradient(135deg,var(--color-accent-hover) 0%,var(--color-accent) 100%);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;border:2px solid var(--color-border-light);color:var(--color-text-primary)}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-xl)}.text-center{text-align:center}.text-mono{font-family:var(--font-mono)}::selection{background:var(--color-accent);color:var(--color-bg-primary)}