html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-text-size-adjust:none;size-adjust:none}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;min-width:320px;line-height:1.5;font-synthesis:style;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:8em}:target{scroll-margin-block:5ex}:root{--color-primary: #4a90e2;--color-secondary: #50e3c2;--color-background: #f5f7fa;--color-paper: #ffffff;--color-text: #333333;--color-warning: #d9534f;--color-warning-bg: #f2dede;--color-warning-text: #a94442;--color-success: #5cb85c;--color-success-bg: #dff0d8;--color-success-text: #3c763d;--color-info: #f0ad4e;--color-info-bg: #fcf8e3;--color-info-text: #8a6d3b;--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-size-base: 16px;--spacing-base: 8px;--border-radius: 4px;--box-shaodw-sm: 0 1px 2px rgba(0, 0, 0, .05);--box-shadow: 0 2px 4px rgba(0, 0, 0, .1);--box-shadow-lg: 0 4px 8px rgba(0, 0, 0, .15);--transition-duration: .3s;--font-size-sm: calc(var(--font-size-base) * .875);--font-size-md: var(--font-size-base);--font-size-lg: calc(var(--font-size-base) * 1.25);--font-size-xl: calc(var(--font-size-base) * 1.5);--font-size-xxl: calc(var(--font-size-base) * 2);--spacing-xs: calc(var(--spacing-base) * .25);--spacing-sm: calc(var(--spacing-base) * .5);--spacing-md: var(--spacing-base);--spacing-lg: calc(var(--spacing-base) * 2);--spacing-xl: calc(var(--spacing-base) * 4);--border-radius-sm: calc(var(--border-radius) * .5);--border-radius-md: var(--border-radius);--border-radius-lg: calc(var(--border-radius) * 1.5);--border-radius-xl: calc(var(--border-radius) * 2);--fw-normal: 400;--fw-bold: 700;--fw-semi-bold: 600;--fw-light: 300}#app{display:flex;flex-direction:column;min-height:100vh;max-width:1920px;margin:var(--spacing-lg) auto;padding:var(--spacing-lg);gap:var(--spacing-xl);background-color:var(--color-paper);box-shadow:var(--box-shadow);border-radius:var(--border-radius-md)}.builder-container{display:grid;grid-template-columns:1fr 2fr;gap:2rem;padding:2rem;min-height:calc(100vh - 200px);position:relative}.builder-sidebar{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;min-height:800px;height:100%}.preview-container{background:#f5f5f5;padding:2rem;border-radius:8px;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;min-height:800px;height:100%}.app-footer{text-align:center;padding:1rem;color:var(--color-text-secondary);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;align-items:center}.app-footer__nav,.app-footer__socials,.app-footer__attributions{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center}@media(max-width:1024px){.builder-container{grid-template-columns:1fr}.preview-container{min-height:600px}}.form-section{margin-bottom:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);box-shadow:var(--box-shadow)}.form-section__title{font-size:var(--font-size-xl);font-weight:var(--fw-bold);color:var(--color-primary);border-bottom:2px solid var(--color-primary)}.form-section__selector{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);border:1px solid #ccc;border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.form-section__navigation{display:flex;justify-content:space-between;margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-primary)}.form-section__nav-button{padding:var(--spacing-md);font-size:var(--font-size-md);font-weight:var(--fw-semi-bold);color:var(--color-text);background-color:var(--color-secondary);border:none;border-radius:var(--border-radius-md);cursor:pointer;box-shadow:var(--box-shadow-sm);transition:all var(--transition-duration)}.form-section__nav-button:hover{background-color:var(--color-primary);color:#fff;box-shadow:var(--box-shadow)}.form-section__nav-button:disabled{background-color:var(--color-disabled);color:var(--color-text-light);cursor:not-allowed;box-shadow:none}.form-section__add-button{align-self:flex-start;padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-sm) 0;font-size:var(--font-size-md);font-weight:var(--fw-semi-bold);color:var(--color-text);background-color:var(--color-secondary);border:none;border-radius:var(--border-radius-md);cursor:pointer;box-shadow:var(--box-shadow-sm);transition:all var(--transition-duration)}.form-section__add-button:hover{background-color:var(--color-primary);color:#fff;box-shadow:var(--box-shadow)}.form-groups{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group--full-width{grid-column:span 2}.form-group__label{font-weight:600;font-size:var(--font-size-md)}.form-group__alert{font-size:var(--font-size-sm);padding:var(--spacing-sm);min-height:24px;border-radius:var(--border-radius-sm);transition:opacity var(--transition-duration)}.form-group__alert--error{color:var(--color-warning-text);background-color:var(--color-warning-bg);border:1px solid var(--color-warning);transition:opacity var(--transition-duration)}.form-group__alert--success{color:var(--color-success-text);background-color:var(--color-success-bg);border:1px solid var(--color-success);transition:opacity var(--transition-duration)}.form-group__input,.form-group__textarea{font-size:var(--font-size-md);padding:var(--spacing-sm);border:1px solid #ccc;border-radius:var(--border-radius-md);transition:border-color var(--transition-duration)}.form-group__input:focus,.form-group__textarea:focus,.form-group__input:hover,.form-group__textarea:hover{border-color:var(--color-primary);outline:none}.form-group__textarea{resize:vertical;min-height:80px}.resume-preview{width:100%;max-width:8.5in;min-height:11in;background:#fff;box-shadow:0 4px 12px #00000026;padding:var(--spacing-xxl, 3rem);font-family:var(--font-family, "Inter", sans-serif);font-size:var(--font-size-base, 1rem);color:var(--color-text, #000);background-color:var(--color-background, #fff)}.resume-preview h1,.resume-preview h2,.resume-preview h3{font-family:var(--font-family-heading, var(--font-family, "Inter", sans-serif));color:var(--color-primary, #2563eb)}.resume-preview h1{font-size:var(--font-size-xxlarge, 2rem);font-weight:var(--font-weight-bold, 700);margin-bottom:var(--spacing-md, 1rem)}.resume-preview h2{font-size:var(--font-size-xlarge, 1.5rem);font-weight:var(--font-weight-semibold, 600);margin:var(--spacing-sm, .5rem) 0 var(--spacing-sm, .5rem) 0;border-bottom:2px solid var(--color-primary, #2563eb);padding-bottom:var(--spacing-xs, .25rem)}.resume-preview h3{font-size:var(--font-size-large, 1.125rem);font-weight:var(--font-weight-medium, 500);margin-top:var(--spacing-md, 1rem);margin-bottom:var(--spacing-xs, .25rem)}.resume-preview p{margin-bottom:var(--spacing-sm, .5rem);line-height:1.6}.resume-preview .section{margin-bottom:var(--spacing-xl, 2rem)}.resume-preview .preview-header{text-align:left;margin-bottom:var(--spacing-lg, 1.5rem);display:flex;flex-direction:column}.resume-preview .contact-info{display:flex;gap:var(--spacing-md, 1rem);flex-wrap:wrap;color:var(--color-text-secondary, #6b6b6b);font-size:var(--font-size-small, .875rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-md);color:var(--color-primary)}body{font-family:var(--font-family);background-color:var(--color-primary);color:var(--color-text)}.generate-btn{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg);font-weight:var(--fw-bold);color:#fff;background-color:var(--color-primary);border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:background-color var(--transition-duration)}.generate-btn:hover{background-color:var(--color-secondary)}