root--primary-50#f0f9ff--primary-100#e0f2fe--primary-200#bae6fd--primary-300#7dd3fc--primary-400#38bdf8--primary-500#0ea5e9--primary-600#0284c7--primary-700#0369a1--primary-800#075985--primary-900#0c4a6e--accent-purple#8b5cf6--accent-pink#ec4899--accent-orange#f97316--accent-green#22c55e--slate-50#f8fafc--slate-100#f1f5f9--slate-200#e2e8f0--slate-300#cbd5e1--slate-400#94a3b8--slate-500#64748b--slate-600#475569--slate-700#334155--slate-800#1e293b--slate-900#0f172a--font-sans"Inter"-apple-systemBlinkMacSystemFont"Segoe UI"Robotosans-serif--font-heading"Poppins"var(--font-sans)--font-mono"Roboto Mono"monospace--spacing-xs0.25rem--spacing-sm0.5rem--spacing-md1rem--spacing-lg1.5rem--spacing-xl2rem--spacing-2xl3rem--radius-sm0.375rem--radius-md0.5rem--radius-lg0.75rem--radius-xl1rem--radius-2xl1.5rem--radius-full9999px--shadow-sm0 1px 2px 0 rgba(0000.05)--shadow-md0 4px 6px -1px rgba(0000.1)0 2px 4px -2px rgba(0000.1)--shadow-lg0 10px 15px -3px rgba(0000.1)0 4px 6px -4px rgba(0000.1)--shadow-xl0 20px 25px -5px rgba(0000.1)0 8px 10px -6px rgba(0000.1)--shadow-2xl0 25px 50px -12px rgba(0000.25)--shadow-glow0 0 40px rgba(141652330.15)--transition-fast150ms ease--transition-normal250ms ease--transition-slow350ms ease--z-dropdown100--z-sticky200--z-modal300--z-toast400**before*afterbox-sizingborder-boxmargin0padding0htmlscroll-behaviorsmoothfont-size16pxbodyfont-familyvar(--font-sans)colorvar(--slate-800)background-color#f8fafcbackground-imagelinear-gradient(rgba(2262322400.6) 1pxtransparent 1px)linear-gradient(90degrgba(2262322400.6) 1pxtransparent 1px)background-size40px 40pxmin-height100vhline-height1.6-webkit-font-smoothingantialiased-moz-osx-font-smoothinggrayscale.containerwidth100%max-width1400pxmargin0 autopadding0 var(--spacing-lg).loading-screenpositionfixedinset0backgroundlinear-gradient( 135degvar(--slate-900) 0%var(--primary-900) 100% )displayflexalign-itemscenterjustify-contentcenterz-index9999transitionopacity 0.5s easevisibility 0.5s ease.loading-screen.hiddenopacity0visibilityhidden.loaderdisplayflexflex-directioncolumnalign-itemscentergapvar(--spacing-lg).loader-ringwidth60pxheight60pxborder3px solid var(--primary-800)border-top-colorvar(--primary-400)border-radius50%animationspin 1s linear infinite.loader-textfont-familyvar(--font-heading)font-size2remfont-weight700colorwhite@keyframes spintotransformrotate(360deg).headerpositionstickytop0backgroundrgba(2552552550.75)backdrop-filterblur(16px) saturate(180%)-webkit-backdrop-filterblur(16px) saturate(180%)border-bottom1px solid rgba(2552552550.3)z-indexvar(--z-sticky)transitionall var(--transition-normal).header.scrolledbackgroundrgba(2552552550.9)box-shadowvar(--shadow-sm).header-contentdisplayflexalign-itemscenterjustify-contentspace-betweenpaddingvar(--spacing-sm) 0gapvar(--spacing-lg).logodisplayflexalign-itemscentergapvar(--spacing-sm)text-decorationnone.logo-textfont-familyvar(--font-heading)font-size1.5remfont-weight800colorvar(--slate-900)letter-spacing-0.5px.logo-accentbackgroundlinear-gradient( 135degvar(--primary-500) 0%var(--primary-600) 100% )-webkit-background-cliptext-webkit-text-fill-colortransparentbackground-cliptext.logo-badgefont-size0.625remfont-weight700padding0.2rem 0.6rembackgroundlinear-gradient( 135degvar(--accent-purple) 0%var(--primary-500) 100% )colorwhiteborder-radiusvar(--radius-full)text-transformuppercaseletter-spacing0.5pxbox-shadow0 2px 6px rgba(991022410.25).navdisplayflexgap4pxbackgroundrgba(2412452490.8)padding4pxborder-radiusvar(--radius-full)border1px solid rgba(2552552550.5).nav-btndisplayflexalign-itemscentergap6pxpadding0.5rem 1rembackgroundtransparentbordernonefont-familyvar(--font-sans)font-size0.875remfont-weight500colorvar(--slate-600)border-radiusvar(--radius-full)cursorpointertransitionall var(--transition-fast)text-decorationnone.nav-btnhovercolorvar(--slate-900)backgroundrgba(2552552550.8).nav-btn.activebackgroundwhitecolorvar(--primary-700)font-weight600box-shadowvar(--shadow-sm).nav-btn svgwidth16pxheight16pxflex-shrink0.header-actionsdisplayflexalign-itemscentergapvar(--spacing-sm).autosave-indicatordisplayflexalign-itemscentergap6pxfont-size0.75remcolorvar(--slate-500)font-weight500margin-right8px.autosave-dotwidth8pxheight8pxbackgroundvar(--accent-green)border-radius50%box-shadow0 0 0 2px rgba(34197940.2)animationpulse 2s ease-in-out infinite@keyframes pulse0%100%opacity1transformscale(1)50%opacity0.7transformscale(0.9).mobile-menu-btndisplaynonepadding8pxbackgroundtransparentborder1px solid var(--slate-200)colorvar(--slate-700)cursorpointerborder-radiusvar(--radius-md)transitionall var(--transition-fast).mobile-menu-btnhoverbackgroundvar(--slate-50)border-colorvar(--slate-300)colorvar(--slate-900).mobile-menupositionfixedtop70pxleft0right0backgroundrgba(2552552550.98)backdrop-filterblur(12px)-webkit-backdrop-filterblur(12px)paddingvar(--spacing-lg)box-shadowvar(--shadow-xl)z-index1000displayflexflex-directioncolumngapvar(--spacing-sm)border-bottom1px solid var(--slate-200)transformtranslateY(-20px)opacity0visibilityhiddentransitionall 0.3s cubic-bezier(0.1610.31).mobile-menu.opentransformtranslateY(0)opacity1visibilityvisible.mobile-nav-btnpadding12px 16pxbackgroundvar(--slate-50)border1px solid transparentfont-size1remfont-weight500colorvar(--slate-700)border-radiusvar(--radius-lg)cursorpointertransitionall var(--transition-fast)text-alignlefttext-decorationnonedisplayflexalign-itemscentergap12px.mobile-nav-btnhoverbackgroundwhiteborder-colorvar(--slate-200)colorvar(--primary-600)transformtranslateX(4px).mobile-nav-btn.activebackgroundvar(--primary-50)colorvar(--primary-700)border-colorvar(--primary-200)font-weight600.mobile-actionsdisplayflexgapvar(--spacing-sm)margin-topvar(--spacing-md)padding-topvar(--spacing-md)border-top1px solid var(--slate-200).mobile-actions .btnflex1justify-contentcenter.mobile-data-actionsdisplayflexgap8pxmargin-top8pxflex-wrapwrap.btn-outline-smdisplayinline-flexalign-itemscenterjustify-contentcentergap6pxpadding0.5rem 0.75remfont-size0.75remfont-weight600colorvar(--slate-600)backgroundwhiteborder1px solid var(--slate-200)border-radiusvar(--radius-md)cursorpointertransitionall var(--transition-fast)flex1.btn-outline-smhoverbackgroundvar(--slate-50)border-colorvar(--slate-300)colorvar(--slate-900).btn-outline-sm.btn-danger-outlinecolor#ef4444border-color#fee2e2.btn-outline-sm.btn-danger-outlinehoverbackground#fef2f2border-color#fca5a5color#dc2626.btndisplayinline-flexalign-itemscenterjustify-contentcentergapvar(--spacing-sm)padding0.625rem 1.25remfont-familyvar(--font-sans)font-size0.875remfont-weight600bordernoneborder-radiusvar(--radius-lg)cursorpointertransitionall var(--transition-normal)white-spacenowraptext-decorationnoneline-height1.4.btnactivetransformscale(0.98).btn-primarybackgroundlinear-gradient( 135degvar(--primary-500) 0%var(--primary-600) 100% )colorwhitebox-shadow0 4px 14px rgba(141652330.25).btn-primaryhoverbackgroundlinear-gradient( 135degvar(--primary-600) 0%var(--primary-700) 100% )transformtranslateY(-2px)box-shadow0 6px 20px rgba(141652330.35).btn-outlinebackgroundwhitecolorvar(--slate-700)border1.5px solid var(--slate-300).btn-outlinehoverbackgroundvar(--slate-50)border-colorvar(--primary-400)colorvar(--primary-600).btn-lgpadding0.875rem 2remfont-size1remborder-radiusvar(--radius-xl).btn-smpadding0.375rem 0.75remfont-size0.75rem.btn-addwidth100%paddingvar(--spacing-md)backgroundvar(--slate-50)colorvar(--slate-600)border2px dashed var(--slate-300)border-radiusvar(--radius-lg).btn-addhoverbackgroundvar(--primary-50)colorvar(--primary-600)border-colorvar(--primary-300).ai-btndisplayinline-flexalign-itemscenterjustify-contentcentergap5pxpadding0.5rem 0.875remfont-size0.75remfont-weight600backgroundlinear-gradient( 135degvar(--accent-purple) 0%var(--primary-500) 100% )colorwhitebordernoneborder-radiusvar(--radius-lg)cursorpointertransitionall var(--transition-fast)white-spacenowrapmin-height32px.ai-btnhovertransformtranslateY(-1px)box-shadow0 4px 12px rgba(139922460.35).ai-btnactivetransformscale(0.97).ai-btn svgwidth14pxheight14pxflex-shrink0.ai-btn-lgpadding0.625rem 1.125remfont-size0.8125remmin-height36px.heropaddingvar(--spacing-2xl) 0text-aligncenter.hero-contentmax-width700pxmargin0 auto.hero-badgedisplayinline-flexalign-itemscentergapvar(--spacing-sm)padding0.5rem 1rembackgroundvar(--primary-50)colorvar(--primary-700)font-size0.875remfont-weight500border-radiusvar(--radius-full)border1px solid var(--primary-200)margin-bottomvar(--spacing-lg).pulse-dotwidth8pxheight8pxbackgroundvar(--primary-500)border-radius50%animationpulse 2s ease-in-out infinite.hero-titlefont-familyvar(--font-heading)font-size3.5remfont-weight800colorvar(--slate-900)line-height1.1margin-bottomvar(--spacing-md).gradient-textbackgroundlinear-gradient( 135degvar(--primary-500) 0%var(--accent-purple) 100% )-webkit-background-cliptext-webkit-text-fill-colortransparentbackground-cliptext.hero-subtitlefont-size1.25remcolorvar(--slate-600)margin-bottomvar(--spacing-xl).hero-statsdisplayflexjustify-contentcentergapvar(--spacing-2xl)margin-bottomvar(--spacing-xl).statdisplayflexflex-directioncolumn.stat-numberfont-familyvar(--font-heading)font-size2remfont-weight700colorvar(--primary-600).stat-labelfont-size0.875remcolorvar(--slate-500).feature-tiles-sectionpaddingvar(--spacing-xl) 0backgroundtransparent.feature-tiles-griddisplaygridgrid-template-columns1fr 2frgrid-template-rowsauto autogapvar(--spacing-lg)max-width900pxmargin0 auto.feature-tilepaddingvar(--spacing-xl)border-radiusvar(--radius-2xl)transitionall var(--transition-normal).feature-tilehovertransformtranslateY(-4px)box-shadowvar(--shadow-xl).feature-tile-lightbackgroundwhiteborder1px solid var(--slate-200)box-shadowvar(--shadow-md).feature-tile-darkbackgroundlinear-gradient(135deg#1e293b 0%#0f172a 100%)colorwhitedisplayflexjustify-contentspace-betweenalign-itemscenter.feature-tile-widegrid-column2grid-row1.feature-tile-iconwidth48pxheight48pxborder-radiusvar(--radius-xl)displayflexalign-itemscenterjustify-contentcentermargin-bottomvar(--spacing-md).feature-tile-icon.purplebackgroundlinear-gradient(135deg#8b5cf6 0%#7c3aed 100%)colorwhite.feature-tile-icon.orangebackgroundlinear-gradient(135deg#f97316 0%#ea580c 100%)colorwhite.feature-tile-text-iconfont-size2remfont-weight800colorvar(--primary-700)margin-bottomvar(--spacing-sm)letter-spacing-1px.feature-tile-titlefont-familyvar(--font-heading)font-size1.125remfont-weight700margin-bottomvar(--spacing-xs)colorinherit.feature-tile-light .feature-tile-titlecolorvar(--slate-900).feature-tile-descfont-size0.875remcolorvar(--slate-500)line-height1.5.feature-tile-dark .feature-tile-desccolorrgba(2552552550.7).feature-tile-badgedisplayinline-flexalign-itemscentergapvar(--spacing-xs)backgroundrgba(2552552550.1)padding0.5rem 1remborder-radiusvar(--radius-full)font-size0.8125remfont-weight500colorwhitebackdrop-filterblur(4px).feature-tile-badge .badge-dotwidth8pxheight8pxbackground#22c55eborder-radius50%animationpulse 2s ease-in-out infinite@media (max-width768px).feature-tiles-gridgrid-template-columns1frgrid-template-rowsauto.feature-tile-widegrid-column1grid-rowauto.feature-tile-darkflex-directioncolumnalign-itemsflex-startgapvar(--spacing-md).main-contentpaddingvar(--spacing-xl) 0.content-sectionanimationfadeIn 0.3s ease.content-section.hiddendisplaynone@keyframes fadeInfromopacity0transformtranslateY(10px)toopacity1transformtranslateY(0).builder-layoutdisplaygridgrid-template-columns1fr 1frgapvar(--spacing-xl)align-itemsstart.form-panelbackgroundwhiteborder-radiusvar(--radius-2xl)box-shadowvar(--shadow-xl)overflowhidden.section-navdisplayflexflex-wrapwrapgapvar(--spacing-xs)paddingvar(--spacing-md)backgroundvar(--slate-50)border-bottom1px solid var(--slate-200).section-nav-btndisplayflexalign-itemscentergapvar(--spacing-sm)padding0.75rem 1rembackgroundtransparentbordernonefont-familyvar(--font-sans)font-size0.875remcolorvar(--slate-600)border-radiusvar(--radius-lg)cursorpointertransitionall var(--transition-fast).section-nav-btnhoverbackgroundwhitecolorvar(--slate-900).section-nav-btn.activebackgroundwhitecolorvar(--primary-700)box-shadowvar(--shadow-sm).section-icondisplayflexalign-itemscenterjustify-contentcenterwidth36pxheight36pxbackgroundvar(--slate-100)border-radiusvar(--radius-md)transitionall var(--transition-fast).section-nav-btn.active .section-iconbackgroundvar(--primary-500)colorwhite.section-labeldisplayflexflex-directioncolumnalign-itemsflex-start.section-titlefont-weight600.section-subtitlefont-size0.625remcolorvar(--slate-500).form-contentpaddingvar(--spacing-xl).form-sectiondisplaynoneanimationfadeIn 0.3s ease.form-section.activedisplayblock.form-headermargin-bottomvar(--spacing-xl).form-header h2font-familyvar(--font-heading)font-size1.5remfont-weight700colorvar(--slate-900)margin-bottomvar(--spacing-xs).form-header pcolorvar(--slate-500)font-size0.875rem.header-with-aidisplayflexjustify-contentspace-betweenalign-itemsflex-startgapvar(--spacing-md).form-griddisplaygridgrid-template-columnsrepeat(21fr)gapvar(--spacing-lg).form-groupdisplayflexflex-directioncolumngapvar(--spacing-sm).form-group.full-widthgrid-column1 / -1.form-group labelfont-size0.875remfont-weight500colorvar(--slate-700).label-rowdisplayflexflex-directioncolumnalign-itemsflex-endgapvar(--spacing-sm)margin-bottomvar(--spacing-sm).label-row labelalign-selfflex-startmargin-bottom0.ai-actionsdisplayflexflex-wrapnowrapalign-itemscentergap6px.ai-selectappearancenone-webkit-appearancenonepadding0.5rem 2rem 0.5rem 0.875remfont-familyvar(--font-sans)font-size0.75remfont-weight600colorwhitebackground-color#8b5cf6background-imageurl("dataimage/svgxml%3Csvg xmlns='http//www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")background-repeatno-repeatbackground-positionright 8px centerbackground-size10px 10pxbordernoneborder-radiusvar(--radius-lg)cursorpointertransitionbackground-color 0.15s easeheight32pxmin-width80pxbox-shadow0 2px 8px rgba(139922460.3).ai-selecthoverbackground-color#7c3aed.ai-selectfocusoutlinenonebackground-color#8b5cf6background-imageurl("dataimage/svgxml%3Csvg xmlns='http//www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")background-repeatno-repeatbackground-positionright 8px centerbackground-size10px 10pxbox-shadow0 0 0 3px rgba(139922460.3).ai-select optioncolor#1e293bbackgroundwhitefont-weight500padding8px.photo-upload-containerdisplayflexalign-itemscentergapvar(--spacing-lg)paddingvar(--spacing-lg)backgroundvar(--slate-50)border2px dashed var(--slate-300)border-radiusvar(--radius-xl)margin-bottomvar(--spacing-xl).photo-previewwidth80pxheight80pxborder-radius50%backgroundlinear-gradient(135degvar(--slate-200)var(--slate-300))displayflexalign-itemscenterjustify-contentcentercolorvar(--slate-500)overflowhiddenflex-shrink0.photo-preview imgwidth100%height100%object-fitcover.photo-upload-infoflex1.photo-upload-btndisplayinline-flexalign-itemscentergapvar(--spacing-sm)padding0.5rem 1rembackgroundlinear-gradient(135degvar(--primary-500)var(--accent-purple))colorwhitefont-size0.875remfont-weight500border-radiusvar(--radius-full)cursorpointertransitionall var(--transition-fast).photo-upload-btnhovertransformtranslateY(-1px)box-shadow0 4px 12px rgba(141652330.3).photo-upload-info pfont-size0.75remcolorvar(--slate-500)margin-topvar(--spacing-sm).photo-upload-info emcolorvar(--primary-700).btn-remove-photomargin-topvar(--spacing-sm)padding0.25rem 0.75rembackgroundtransparentborder1px solid var(--slate-300)font-size0.75remcolorvar(--slate-600)border-radiusvar(--radius-md)cursorpointer.btn-remove-photohoverbackground#fee2e2border-color#fca5a5color#dc2626.requiredcolorvar(--accent-pink)input[type="text"]input[type="email"]input[type="tel"]input[type="url"]input[type="date"]textareaselectwidth100%padding0.75rem 1remfont-familyvar(--font-sans)font-size0.9375remcolorvar(--slate-800)backgroundvar(--slate-50)border2px solid var(--slate-200)border-radiusvar(--radius-lg)transitionall var(--transition-fast)inputfocustextareafocusselectfocusoutlinenonebackgroundwhiteborder-colorvar(--primary-400)box-shadow0 0 0 4px rgba(141652330.1)inputplaceholdertextareaplaceholdercolorvar(--slate-400)textarearesizeverticalmin-height100px.skill-input-rowdisplayflexgapvar(--spacing-sm).skill-input-row inputflex1.skills-tagsdisplayflexflex-wrapwrapgapvar(--spacing-sm)margin-topvar(--spacing-md).skill-tagdisplayinline-flexalign-itemscentergap6pxpadding0.5rem 0.75rembackgroundvar(--primary-50)colorvar(--primary-700)font-size0.875remfont-weight500border-radiusvar(--radius-full)border1px solid var(--primary-200).skill-tag buttondisplayflexalign-itemscenterjustify-contentcenterwidth16pxheight16pxpadding0backgroundvar(--primary-200)bordernoneborder-radius50%colorvar(--primary-700)font-size12pxcursorpointertransitionall var(--transition-fast).skill-tag buttonhoverbackgroundvar(--accent-pink)colorwhite.repeater-listdisplayflexflex-directioncolumngapvar(--spacing-lg)margin-bottomvar(--spacing-lg).repeater-itempositionrelativepaddingvar(--spacing-lg)backgroundvar(--slate-50)border1px solid var(--slate-200)border-radiusvar(--radius-xl)animationslideIn 0.3s ease@keyframes slideInfromopacity0transformtranslateX(-10px)toopacity1transformtranslateX(0).repeater-headerdisplayflexjustify-contentspace-betweenalign-itemscentermargin-bottomvar(--spacing-md).repeater-titlefont-weight600colorvar(--slate-800).repeater-actionsdisplayflexgapvar(--spacing-sm).repeater-btndisplayflexalign-itemscenterjustify-contentcenterwidth32pxheight32pxpadding0backgroundwhiteborder1px solid var(--slate-300)border-radiusvar(--radius-md)colorvar(--slate-500)cursorpointertransitionall var(--transition-fast).repeater-btnhoverbackgroundvar(--slate-100)colorvar(--slate-700).repeater-btn.deletehoverbackground#fee2e2border-color#fca5a5color#dc2626.preview-panelpositionstickytop100pxbackgroundwhiteborder-radiusvar(--radius-2xl)box-shadowvar(--shadow-xl)overflowhidden.preview-headerdisplayflexflex-directioncolumngap10pxpadding12px 16pxbackgroundlinear-gradient(180deg#0f172a 0%#1e293b 100%)colorwhiteborder-bottom1px solid rgba(2552552550.06).preview-header h2font-size0.9375remfont-weight600text-aligncenter.preview-controlsdisplayflexflex-wrapnowrapalign-itemscenterjustify-contentcentergapvar(--spacing-xs)overflow-xauto-webkit-overflow-scrollingtouchscrollbar-widthnone-ms-overflow-stylenone.preview-controls-webkit-scrollbardisplaynone.preview-ctrl-btndisplayflexalign-itemscenterjustify-contentcenterwidth34pxheight34pxpadding0backgroundrgba(2552552550.08)border1px solid rgba(2552552550.06)border-radiusvar(--radius-md)colorrgba(2552552550.7)cursorpointertransitionall var(--transition-fast)positionrelativeflex-shrink0.preview-ctrl-btnhoverbackgroundrgba(2552552550.18)colorwhitetransformtranslateY(-1px).preview-ctrl-btn.activebackgroundvar(--primary-500)colorwhiteborder-colorvar(--primary-400)box-shadow0 0 12px rgba(141652330.3).preview-ctrl-btn[data-tooltip]hoveraftercontentattr(data-tooltip)positionabsolutebottomcalc(100%8px)left50%transformtranslateX(-50%)padding4px 10pxbackgroundrgba(1523420.95)colorwhitefont-size11pxfont-weight500white-spacenowrapborder-radius6pxpointer-eventsnonez-index100box-shadow0 4px 8px rgba(0000.2).zoom-levelfont-size0.75remcolorvar(--slate-400)min-width40pxtext-aligncenterborder-radius4pxpadding2px 4pxtransitionall 0.15s ease.zoom-levelhoverbackgroundrgba(2552552550.1)colorwhite.separator-vwidth1pxheight20pxbackgroundrgba(2552552550.12)margin0 2pxflex-shrink0.word-count-badgefont-size0.6875rempadding4px 10pxborder-radius999pxbackgroundrgba(2552552550.1)colorrgba(2552552550.7)font-weight500white-spacenowraptransitionall 0.2s easeflex-shrink0.font-selector-containerflex-shrink0.font-selectappearancenone-webkit-appearancenonepadding6px 28px 6px 10pxfont-familyvar(--font-sans)font-size0.75remfont-weight500colorwhitebackgroundrgba(2552552550.1)background-imageurl("dataimage/svgxml%3Csvg xmlns='http//www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")background-repeatno-repeatbackground-positionright 8px centerbackground-size10pxborder1px solid rgba(2552552550.1)border-radiusvar(--radius-md)cursorpointertransitionall var(--transition-fast)height34pxmin-width100px.font-selecthoverbackground-colorrgba(2552552550.15)border-colorrgba(2552552550.2).font-selectfocusoutlinenoneborder-colorvar(--primary-400)box-shadow0 0 0 2px rgba(141652330.2).font-select optionbackground#1e293bcolorwhitepadding8px.color-picker-containerdisplayflexalign-itemscentergap4px.color-picker-container input[type="color"]width28pxheight28pxpadding0border2px solid rgba(2552552550.15)border-radius50%cursorpointerbackgroundtransparenttransitionall var(--transition-fast).color-picker-container input[type="color"]hoverborder-colorrgba(2552552550.3)transformscale(1.1).color-picker-container input[type="color"]-webkit-color-swatch-wrapperpadding2px.color-picker-container input[type="color"]-webkit-color-swatchbordernoneborder-radius50%.preview-containerpaddingvar(--spacing-lg)backgroundvar(--slate-100)background-imageradial-gradient(circlergba(1481631840.15) 1pxtransparent 1px)background-size16px 16pxmax-heightcalc(100vh - 200px)overflowautoscroll-behaviorsmoothpositionrelative.preview-container-webkit-scrollbarwidth6pxheight6px.preview-container-webkit-scrollbar-trackbackgroundtransparent.preview-container-webkit-scrollbar-thumbbackgroundvar(--slate-300)border-radius3px.preview-container-webkit-scrollbar-thumbhoverbackgroundvar(--slate-400).resume-previewwidth100%max-width210mmmin-heightautoaspect-ratio210 / 297backgroundwhitebox-shadow0 1px 3px rgba(0000.08)0 8px 24px rgba(0000.06)margin0 autotransform-origintop centertransitiontransform var(--transition-normal)font-sizeclamp(8px1.8vw12px)positionrelative.resume-preview .resumepadding5%box-sizingborder-box.resume-preview h1font-sizeclamp(14px3vw24px).resume-preview h2font-sizeclamp(10px2vw14px).resume-preview p.resume-preview li.resume-preview spanfont-sizeclamp(8px1.6vw11px)#page-break-linepositionabsoluteleft0right0height0border-top2px dashed #ef4444z-index20pointer-eventsnone#page-break-lineaftercontent'Page Break'positionabsoluteright8pxtop-10pxfont-size9pxfont-weight600color#ef4444backgroundwhitepadding1px 6pxborder-radius4pxtext-transformuppercaseletter-spacing0.5px.resume-section.highlight-sectionanimationsectionHighlight 1.5s ease@keyframes sectionHighlight0%box-shadow0 0 0 0 rgba(141652330.4)30%box-shadow0 0 0 4px rgba(141652330.3)100%box-shadow0 0 0 0 rgba(141652330).preview-empty-statepositionabsoluteinset0displayflexflex-directioncolumnalign-itemscenterjustify-contentcentertext-aligncenterpadding40pxpointer-eventsnonez-index5.preview-empty-state .empty-iconwidth64pxheight64pxborder-radius50%backgroundlinear-gradient(135degvar(--primary-50)var(--primary-100))displayflexalign-itemscenterjustify-contentcentermargin-bottom16pxcolorvar(--primary-500).preview-empty-state h3font-size1.125remfont-weight600colorvar(--slate-700)margin-bottom8px.preview-empty-state pfont-size0.875remcolorvar(--slate-500)max-width280pxline-height1.5.preview-empty-state .empty-arrowmargin-top20pxcolorvar(--primary-400)animationbounceLeft 1.5s ease-in-out infinite@keyframes bounceLeft0%100%transformtranslateX(0)50%transformtranslateX(-8px).section-headertext-aligncentermargin-bottomvar(--spacing-2xl).section-header h2font-familyvar(--font-heading)font-size2remfont-weight700colorvar(--slate-900)margin-bottomvar(--spacing-sm).section-header pcolorvar(--slate-600).ai-powered-badgedisplayinline-flexalign-itemscentergapvar(--spacing-sm)margin-topvar(--spacing-md)padding0.5rem 1rembackgroundlinear-gradient( 135degrgba(139922460.1) 0%rgba(141652330.1) 100% )colorvar(--accent-purple)font-size0.875remfont-weight500border-radiusvar(--radius-full)border1px solid rgba(139922460.2).template-categoriesdisplayflexjustify-contentcentergapvar(--spacing-sm)margin-bottomvar(--spacing-xl).category-btnpadding0.625rem 1.25rembackgroundwhiteborder1px solid var(--slate-200)font-familyvar(--font-sans)font-size0.875remfont-weight500colorvar(--slate-600)border-radiusvar(--radius-full)cursorpointertransitionall var(--transition-fast).category-btnhoverborder-colorvar(--slate-300)colorvar(--slate-900).category-btn.activebackgroundvar(--primary-500)border-colorvar(--primary-500)colorwhite.templates-griddisplaygridgrid-template-columnsrepeat(auto-fillminmax(280px1fr))gapvar(--spacing-xl).template-cardpositionrelativebackgroundwhiteborder-radiusvar(--radius-xl)overflowhiddenbox-shadowvar(--shadow-md)cursorpointertransitionall var(--transition-normal)border2px solid transparent.template-cardhovertransformtranslateY(-4px)box-shadowvar(--shadow-xl).template-card.selectedborder-colorvar(--primary-500)box-shadow0 0 0 4px rgba(141652330.2).template-previewaspect-ratio210/297backgroundvar(--slate-100)positionrelativeoverflowhidden.template-preview-contentpositionabsoluteinset0padding12pxtransformscale(0.4)transform-origintop leftwidth250%height250%.template-overlaypositionabsoluteinset0backgroundrgba(0000)displayflexalign-itemscenterjustify-contentcentertransitionall var(--transition-normal).template-cardhover .template-overlaybackgroundrgba(0000.4).template-select-btnpadding0.75rem 1.5rembackgroundwhitebordernonefont-familyvar(--font-sans)font-size0.875remfont-weight600colorvar(--slate-900)border-radiusvar(--radius-full)cursorpointeropacity0transformtranslateY(10px)transitionall var(--transition-normal).template-cardhover .template-select-btnopacity1transformtranslateY(0).template-infopaddingvar(--spacing-md)border-top1px solid var(--slate-100).template-namefont-weight600colorvar(--slate-900)margin-bottom2px.template-categoryfont-size0.75remcolorvar(--slate-500)text-transformcapitalize.ai-tools-griddisplaygridgrid-template-columnsrepeat(auto-fillminmax(320px1fr))gapvar(--spacing-xl).ai-tool-cardbackgroundwhiteborder-radiusvar(--radius-xl)paddingvar(--spacing-xl)box-shadowvar(--shadow-md)transitionall var(--transition-normal).ai-tool-cardhoverbox-shadowvar(--shadow-lg)transformtranslateY(-2px).ai-tool-card.widegrid-columnspan 2.ai-tool-icondisplayflexalign-itemscenterjustify-contentcenterwidth56pxheight56pxborder-radiusvar(--radius-xl)margin-bottomvar(--spacing-md).ai-tool-icon.analyzebackgroundlinear-gradient(135deg#dbeafe 0%#bfdbfe 100%)color#2563eb.ai-tool-icon.grammarbackgroundlinear-gradient(135deg#dcfce7 0%#bbf7d0 100%)color#16a34a.ai-tool-icon.generatebackgroundlinear-gradient(135deg#f3e8ff 0%#e9d5ff 100%)color#9333ea.ai-tool-icon.bulletsbackgroundlinear-gradient(135deg#fef3c7 0%#fde68a 100%)color#d97706.ai-tool-icon.skillsbackgroundlinear-gradient(135deg#cffafe 0%#a5f3fc 100%)color#0891b2.ai-tool-icon.matchbackgroundlinear-gradient(135deg#fce7f3 0%#fbcfe8 100%)color#db2777.ai-tool-icon.coverbackgroundlinear-gradient(135deg#e0e7ff 0%#c7d2fe 100%)color#4f46e5.ai-tool-icon.interviewbackgroundlinear-gradient(135deg#fee2e2 0%#fecaca 100%)color#dc2626.ai-tool-card h3font-familyvar(--font-heading)font-size1.125remfont-weight600colorvar(--slate-900)margin-bottomvar(--spacing-sm).ai-tool-card pcolorvar(--slate-600)font-size0.875remmargin-bottomvar(--spacing-lg).ai-tool-card .form-groupmargin-bottomvar(--spacing-md)width100%overflowhidden.ai-resultmargin-topvar(--spacing-lg)paddingvar(--spacing-md)backgroundvar(--slate-50)border-radiusvar(--radius-lg)border1px solid var(--slate-200)font-size0.875remcolorvar(--slate-700)displaynonemax-height200pxoverflow-yautooverflow-xhidden.ai-result.showdisplayblockanimationfadeIn 0.3s ease.ai-result prewhite-spacepre-wrapword-wrapbreak-wordfont-familyvar(--font-sans)margin0.ai-result-webkit-scrollbarwidth6px.ai-result-webkit-scrollbar-trackbackgroundvar(--slate-100)border-radius3px.ai-result-webkit-scrollbar-thumbbackgroundvar(--slate-300)border-radius3px.ai-result-webkit-scrollbar-thumbhoverbackgroundvar(--slate-400).edit-toolbarpositionfixedbottom20pxleft50%transformtranslateX(-50%)displayflexalign-itemscentergapvar(--spacing-md)paddingvar(--spacing-md) var(--spacing-lg)backgroundvar(--slate-900)border-radiusvar(--radius-2xl)box-shadowvar(--shadow-2xl)z-indexvar(--z-modal).edit-toolbar.hiddendisplaynone.toolbar-close-btndisplayflexalign-itemscenterjustify-contentcenterwidth32pxheight32pxbackground#dc2626bordernoneborder-radius50%colorwhitecursorpointertransitionall var(--transition-fast)margin-rightvar(--spacing-sm).toolbar-drag-handledisplayflexalign-itemscenterjustify-contentcenterwidth24pxheight32pxcursorgrabcolorvar(--slate-500)padding0 4pxborder-right1px solid var(--slate-700)margin-rightvar(--spacing-sm)touch-actionnoneuser-selectnone.toolbar-drag-handlehovercolorvar(--slate-300).toolbar-drag-handleactivecursorgrabbing.toolbar-close-btnhoverbackground#b91c1ctransformscale(1.1).toolbar-groupdisplayflexalign-itemscentergapvar(--spacing-sm).toolbar-group labelfont-size0.75remcolorvar(--slate-400).toolbar-group select.toolbar-group input[type="range"]padding0.375rem 0.5rembackgroundvar(--slate-800)border1px solid var(--slate-700)colorwhitefont-size0.75remborder-radiusvar(--radius-md).toolbar-group input[type="color"]width28pxheight28pxpadding0bordernoneborder-radiusvar(--radius-md)cursorpointer.toolbar-btndisplayflexalign-itemscenterjustify-contentcenterwidth32pxheight32pxbackgroundvar(--slate-800)border1px solid var(--slate-700)colorwhitefont-size0.875remfont-weight600border-radiusvar(--radius-md)cursorpointertransitionall var(--transition-fast).toolbar-btnhoverbackgroundvar(--slate-700).toast-containerpositionfixedtop24pxright24pxdisplayflexflex-directioncolumngap12pxz-index10000pointer-eventsnone.toastpointer-eventsautodisplayflexalign-itemscentergap12pxpadding16px 20pxbackgroundrgba(2552552550.95)backdrop-filterblur(8px)border1px solid rgba(2552552550.5)border-radius12pxbox-shadow0 4px 6px -1px rgba(0000.1)0 2px 4px -1px rgba(0000.06)0 10px 15px -3px rgba(0000.1)min-width300pxmax-width400pxtransform-origintop rightanimationtoastEnter 0.35s cubic-bezier(0.211.020.731) forwardsoverflowhiddenpositionrelative@keyframes toastEnterfromopacity0transformtranslateX(100%) scale(0.9)toopacity1transformtranslateX(0) scale(1)@keyframes toastExittoopacity0transformtranslateX(100%) scale(0.9).toastbeforecontent""positionabsoluteleft0top0bottom0width4pxbackground#cbd5e1.toast.successbeforebackground#22c55e.toast.success .toast-iconcolor#22c55ebackground#dcfce7.toast.errorbeforebackground#ef4444.toast.error .toast-iconcolor#ef4444background#fee2e2.toast.infobeforebackground#3b82f6.toast.info .toast-iconcolor#3b82f6background#dbeafe.toast.warningbeforebackground#f59e0b.toast.warning .toast-iconcolor#f59e0bbackground#fef3c7.toast-icondisplayflexalign-itemscenterjustify-contentcenterwidth28pxheight28pxborder-radius50%flex-shrink0.toast-contentflex1displayflexflex-directioncolumn.toast-titlefont-weight600font-size0.95remcolor#1e293bline-height1.2margin-bottom2px.toast-messagefont-size0.875remcolor#64748bline-height1.4.toast-closecursorpointercolor#94a3b8backgroundtransparentbordernonepadding4pxborder-radius4pxtransitionall 0.2sdisplayflex.toast-closehoverbackground#f1f5f9color#475569.modalpositionfixedinset0displayflexalign-itemscenterjustify-contentcenterbackgroundrgba(0000.5)backdrop-filterblur(4px)z-indexvar(--z-modal).modal.hiddendisplaynone.modal-contentbackgroundwhiteborder-radiusvar(--radius-2xl)paddingvar(--spacing-2xl)max-width400pxtext-aligncenter.ai-loadingdisplayflexflex-directioncolumnalign-itemscentergapvar(--spacing-lg).ai-loading-iconanimationsparkle 1.5s ease-in-out infinitecolorvar(--accent-purple)@keyframes sparkle0%100%transformscale(1) rotate(0deg)25%transformscale(1.1) rotate(5deg)50%transformscale(1) rotate(0deg)75%transformscale(1.1) rotate(-5deg).footermargin-topvar(--spacing-2xl)paddingvar(--spacing-xl) 0backgroundvar(--slate-900)colorwhite.footer-contentdisplayflexjustify-contentspace-betweenalign-itemscenter.footer-brand .logo-textcolorwhitefont-size1.5remmargin-bottomvar(--spacing-sm).footer-brand pcolorvar(--slate-400)font-size0.875rem.footer-links pcolorvar(--slate-400)font-size0.875rem.resumefont-familyvar(--font-sans)font-size11ptline-height1.5color#333padding40px.resume h1font-size24ptfont-weight700margin-bottom4px.resume h2font-size14ptfont-weight600text-transformuppercaseletter-spacing1pxmargin-bottom12pxpadding-bottom6pxborder-bottom2px solid #333.resume h3font-size12ptfont-weight600margin-bottom2px.resume-sectionmargin-bottom20px.resume-headertext-aligncentermargin-bottom24px.resume-contactdisplayflexjustify-contentcenterflex-wrapwrapgap16pxfont-size10ptcolor#666.resume-summaryfont-size10.5ptcolor#555text-aligncentermax-width90%margin0 auto 24px.resume-itemmargin-bottom16px.resume-item-headerdisplayflexjustify-contentspace-betweenalign-itemsbaselinemargin-bottom4px.resume-item-datefont-size10ptcolor#666.resume-item-subtitlefont-size10.5ptcolor#555font-styleitalic.resume-bulletslist-stylediscmargin-left20pxmargin-top8px.resume-bullets lifont-size10.5ptmargin-bottom4px.resume-skills-listdisplayflexflex-wrapwrapgap8px.resume-skillpadding4px 12pxbackground#f0f0f0border-radius4pxfont-size10pt.template-executive .resumedisplayflexflex-directionrowpadding0overflowhidden.template-executive .resume-sidebarpositionrelativewidth220pxbackground#1e293bcolorwhitepadding40px 24pxflex-shrink0min-height100%.template-executive .resume-mainmargin-left0padding40pxflex-grow1min-width0.template-executive .resume h1colorwhite.template-executive .resume-contactdisplayflexflex-directioncolumngap8pxcolor#94a3b8@media print.resume-sidebar.resume-mainheightauto !importantoverflowvisible !important.template-modern .resumedisplaygridgrid-template-columns1fr 2frgap0padding0.template-modern .resume-sidebarbackground#0ea5e9colorwhitepadding40px 24px.template-modern .resume-mainpadding40px.template-modern h2color#0ea5e9border-color#0ea5e9.template-minimal .resumemax-width600pxmargin0 autopadding60px.template-minimal h1font-size28ptfont-weight300letter-spacing2px.template-minimal h2font-weight400border-bottom1px solid #ccc.template-creative .resume-headerbackgroundlinear-gradient(135deg#6366f1 0%#8b5cf6 100%)colorwhitepadding40pxmargin-40px -40px 40pxborder-radius0 0 40px 40px.template-creative h2color#6366f1border-color#6366f1.template-developer .resumefont-familyvar(--font-mono)background#1e1e1ecolor#d4d4d4.template-developer h1color#569cd6.template-developer h2color#4ec9b0border-color#4ec9b0.template-developer .resume-skillbackground#2d2d2dcolor#ce9178.template-elegant .resumefont-family"Playfair Display"serifborder1px solid #e5e7eb.template-elegant h1font-family"Playfair Display"seriffont-weight400letter-spacing4px.template-elegant h2font-familyvar(--font-sans)font-weight500font-size11pt.template-dark-pro .resumebackground#0f172acolor#e2e8f0.template-dark-pro h1color#f8fafc.template-dark-pro h2color#38bdf8border-color#38bdf8.template-dark-pro .resume-skillbackground#1e293bcolor#38bdf8.template-gradient .resume-headerbackgroundlinear-gradient(90deg#0ea5e9 0%#8b5cf6 100%)colorwhitepadding30px 40pxmargin-40px -40px 30pxborder-radius0 0 12px 12px.resume *overflow-wrapbreak-wordword-breakbreak-word.resume imgmax-width100%.template-modern .resumedisplaygridgrid-template-columns1fr 2frgap0padding0.template-modern .resume-sidebar.template-modern .resume-mainmin-width0@media print.template-creative .resume-header.template-gradient .resume-headermargin0 0 20px 0 !importantwidth100% !importantborder-radius0 !importantpadding30px !important.template-minimal .resumemax-width100% !importantmargin0 !importantpadding0 !important.template-timeline .resume-itempositionrelativepadding-left24pxborder-left2px solid #e5e7eb.template-timeline .resume-itembeforecontent""positionabsoluteleft-6pxtop6pxwidth10pxheight10pxbackground#0ea5e9border-radius50%.progress-barpositionabsolutebottom0left0width100%height4pxbackgroundrgba(0000.05)z-index10.progress-fillheight100%backgroundlinear-gradient(90degvar(--primary-500)var(--primary-400))width0%border-radius0 4px 4px 0transitionwidth 0.5s cubic-bezier(0.400.21)box-shadow0 0 10px rgba(141652330.3).template-cards .resume-sectionbackground#f8fafcpadding20pxborder-radius12pxmargin-bottom16px.template-cards h2border-bottomnonemargin-bottom16px.template-infographic .skill-bardisplayflexalign-itemscentergap12pxmargin-bottom8px.template-infographic .skill-bar-labelmin-width100pxfont-size10pt.template-infographic .skill-bar-trackflex1height8pxbackground#e5e7ebborder-radius4pxoverflowhidden.template-infographic .skill-bar-fillheight100%backgroundlinear-gradient(90deg#0ea5e9 0%#8b5cf6 100%)border-radius4px@media printbodybackgroundwhite.header.hero.form-panel.preview-header.preview-controls.edit-toolbar.toast-container.footer.mobile-preview-toggledisplaynone !important.preview-panelpositionstaticbox-shadownone.preview-containerpadding0backgroundwhitemax-heightnoneoverflowvisible.resume-previewbox-shadownonewidth100%transformnone !important.template-creative .resume-header.template-gradient .resume-headermargin0 0 20px 0 !importantwidth100% !importantborder-radius0 !importantpadding30px !important.template-minimal .resumemax-width100% !importantmargin0 !importantpadding0 !important.mobile-preview-toggledisplaynonepositionfixedbottom24pxright24pxwidth56pxheight56pxborder-radius50%backgroundlinear-gradient(135degvar(--primary-500)var(--primary-600))bordernonebox-shadow0 4px 12px rgba(0000.15)0 0 0 0 rgba(141652330.4)cursorpointertransitionall 0.3s easez-index9999colorwhite.mobile-preview-togglehovertransformscale(1.1)box-shadow0 6px 20px rgba(0000.2).mobile-preview-toggleactivetransformscale(0.95)@media (max-width1024px).navdisplaynone.header-actionsdisplaynone.mobile-menu-btndisplayblock.mobile-preview-toggledisplayflexalign-itemscenterjustify-contentcenter.builder-layoutgrid-template-columns1fr.preview-paneldisplayblock !importantpositionfixedbottom0left0right0topautomax-height65vhbackgroundwhiteborder1px solid var(--slate-200)border-radiusvar(--radius-2xl) var(--radius-2xl) 0 0transformtranslateY(calc(100% - 56px))transitiontransform 0.35s cubic-bezier(0.400.21)z-indexvar(--z-modal)box-shadow0 -8px 32px rgba(0000.15).preview-panel.expandedtransformtranslateY(0)max-height85vh.preview-headercursorpointerpositionrelativepaddingvar(--spacing-md) var(--spacing-lg)min-height56pxbackgroundvar(--slate-900)colorwhite.preview-headerbeforecontent""positionabsolutetop10pxleft50%transformtranslateX(-50%)width36pxheight4pxbackgroundrgba(2552552550.35)border-radius4px.preview-panelnot(.expanded) .preview-controlsdisplaynone.preview-panel.expanded .preview-controlsdisplayflexflex-wrapwrapgap6pxmargin-top4px.preview-panelnot(.expanded) .preview-header h2positionabsoluteleft50%transformtranslateX(-50%)top50%margin-top-0.5emfont-size0.9375rem.preview-containermax-heightcalc(85vh - 60px)overflow-yautooverflow-xauto-webkit-overflow-scrollingtouchpaddingvar(--spacing-md)backgroundvar(--slate-100)displayflexjustify-contentcenter.preview-panelnot(.expanded) .preview-containerdisplaynone.resume-previewwidth794pxmin-width794pxmin-height1123pxtransformscale(0.42)transform-origintop centerbackgroundwhitebox-shadowvar(--shadow-lg)margin-bottom20px.ai-tool-card.widegrid-columnspan 1.mobile-preview-toggledisplayflexpositionfixedbottom24pxright24pxwidth56pxheight56pxbackgroundlinear-gradient( 135degvar(--primary-500)var(--accent-purple) )bordernoneborder-radius50%colorwhitealign-itemscenterjustify-contentcenterbox-shadow0 4px 16px rgba(141652330.4)cursorpointerz-index9999transitionall 0.3s ease.mobile-preview-toggleactivetransformscale(0.9).mobile-preview-toggle.activebackgroundvar(--slate-800)bottomcalc(65vh16px)@media (min-width1025px).preview-panelpositionstickytop90pxmax-heightcalc(100vh - 110px).mobile-preview-toggledisplaynone@media (max-width768px).mobile-nav-btntext-aligncenterjustify-contentcenter.desktop-onlydisplaynone !important.logo-textfont-size1.25rem.hero-titlefont-size2.5rem.hero-statsgapvar(--spacing-lg).stat-numberfont-size1.5rem.form-gridgrid-template-columns1fr.section-navflex-wrapnowrapoverflow-xauto-webkit-overflow-scrollingtouch.section-nav-btnflex-shrink0.section-labeldisplaynone.template-categoriesflex-wrapwrap.templates-gridgrid-template-columnsrepeat(21fr)gapvar(--spacing-md).ai-tools-gridgrid-template-columns1fr.edit-toolbarwidthcalc(100% - 40px)flex-wrapwrapjustify-contentcenterbottom100pxz-index9999.preview-panel.expanded.edit-toolbarbody.edit-toolbarz-index9999.footer-contentflex-directioncolumntext-aligncentergapvar(--spacing-md).label-rowflex-directioncolumnalign-itemsflex-startgapvar(--spacing-sm).ai-actionswidth100%justify-contentflex-start.ai-selectflex1max-width120px@media (max-width480px).containerpadding0 var(--spacing-md).hero-titlefont-size2rem.hero-subtitlefont-size1rem.templates-gridgrid-template-columns1fr.form-contentpaddingvar(--spacing-md).hiddendisplaynone !important.sr-onlypositionabsolutewidth1pxheight1pxpadding0margin-1pxoverflowhiddencliprect(0000)white-spacenowrapborder0.logo-iconheight55pxwidth55pxobject-fitcontain.photo-upload-info p.photo-upload-containercolor#334155.mobile-menu-btn.preview-ctrl-btn.section-nav-btnmin-width44pxmin-height44px.page-count-badgefont-size0.6875rempadding4px 10pxborder-radius999pxbackground#dcfce7color#166534font-weight600white-spacenowraptransitionall 0.2s ease.page-count-badge.warningbackground#fef3c7color#92400e.page-count-badge.errorbackground#fee2e2color#dc2626.ai-input-combodisplayflexflex-wrapwrapgap10pxalign-itemscenterwidth100%.ai-input-combo input[type="text"]flex1 1 200pxmin-width0max-width100%.ai-input-combo .ai-selectflex-shrink0min-width90pxmax-width100%.modal-header-rowdisplayflexalign-itemscentergap10pxmargin-bottom15px@media (max-width768px).btnpadding0.5rem 1remfont-size0.8125rem.ai-btnpadding0.375rem 0.625remfont-size0.6875rem.ai-selectpadding0.375rem 1.5rem 0.375rem 0.625remfont-size0.6875remheight28pxmin-width70px.form-group labelfont-size0.8125rem.form-group input.form-group textarea.form-group selectpadding0.625remfont-size0.875rem.section-header h2font-size1.25rem.section-header pfont-size0.8125rem.repeater-itempaddingvar(--spacing-sm).repeater-headerpaddingvar(--spacing-xs) 0.preview-controlsgap4px.preview-ctrl-btnpadding6pxmin-width36pxmin-height36px.form-contentpaddingvar(--spacing-sm).section-navgap4pxpadding0 var(--spacing-sm).section-nav-btnpadding0.5rem 0.75remfont-size0.75rem@media (max-width480px).btnpadding0.4375rem 0.75remfont-size0.75rem.btn-primarypadding0.5rem 1rem.ai-btnpadding0.25rem 0.5remfont-size0.625remgap3px.ai-btn svgwidth10pxheight10px.ai-selectpadding0 1.5rem 0 0.5rem !importantfont-size0.6875rem !importantheight26px !importantmin-width55pxline-height26px !importantbackground-color#8b5cf6 !importantcolorwhite !importantbackground-imageurl("dataimage/svgxml%3Csvg xmlns='http//www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !importantbackground-repeatno-repeat !importantbackground-positionright 5px center !importantbackground-size8px 8px !important.form-group labelfont-size0.75rem.label-rowgap4px.ai-actionsgap4px.form-group input.form-group textareapadding0.5remfont-size0.8125rem.section-navoverflow-xauto-webkit-overflow-scrollingtouchpadding-bottom4px.section-nav-btnpadding0.4375rem 0.625remfont-size0.6875remwhite-spacenowrap.preview-header h2font-size1rem.page-count-badgefont-size0.5625rempadding3px 8px.feature-tiles-gridgrid-template-columns1frgapvar(--spacing-sm).feature-tilepaddingvar(--spacing-md).mobile-nav-btnpaddingvar(--spacing-sm)font-size0.875rem.mobile-data-actionsgap4px.btn-outline-smpadding0.375rem 0.5remfont-size0.6875rem.hero-statsgapvar(--spacing-md).stat-valuefont-size1.5rem.stat-labelfont-size0.6875rem@media (max-width360px).section-nav-btnpadding0.375rem 0.5remfont-size0.625rem.ai-btnpadding0.1875rem 0.375rem.form-group input.form-group textareapadding0.4375remfont-size0.75rem.hero-titlefont-size1.5rem.hero-subtitlefont-size0.875rem.footermargin-topvar(--spacing-2xl)paddingvar(--spacing-2xl) 0 var(--spacing-lg)backgroundlinear-gradient( 135degvar(--slate-900) 0%var(--slate-800) 100% )colorwhite.footer-contentdisplaygridgrid-template-columns2fr 1fr 1fr 1frgapvar(--spacing-2xl)margin-bottomvar(--spacing-xl).footer-brandmax-width300px.footer-brand pcolorrgba(2552552550.7)font-size0.875remline-height1.6.footer-section h4font-familyvar(--font-heading)font-size1remfont-weight600margin-bottomvar(--spacing-md)colorwhite.footer-section ullist-stylenonepadding0margin0.footer-section limargin-bottomvar(--spacing-sm).footer-section acolorrgba(2552552550.7)text-decorationnonefont-size0.875remtransitionall var(--transition-fast).footer-section ahovercolorvar(--primary-400)padding-left4px.footer-bottompadding-topvar(--spacing-lg)border-top1px solid rgba(2552552550.1)text-aligncenter.footer-bottom pcolorrgba(2552552550.6)font-size0.875remmargin0.footer-bottom acolorvar(--primary-400)text-decorationnonefont-weight500transitioncolor var(--transition-fast).footer-bottom ahovercolorvar(--primary-300)@media (max-width768px).footer-contentgrid-template-columns1frgapvar(--spacing-lg).footer-brandmax-width100%.print-preview-modalpositionfixedinset0z-index9999displayflexalign-itemscenterjustify-contentcenteropacity0visibilityhiddentransitionall 0.3s ease.print-preview-modalnot(.hidden)opacity1visibilityvisible.print-preview-overlaypositionabsoluteinset0backgroundrgba(1523420.8)backdrop-filterblur(4px).print-preview-containerpositionrelativebackground#f1f5f9width95%height95%max-width1200pxborder-radius12pxdisplayflexflex-directioncolumnoverflowhiddenbox-shadow0 25px 50px -12px rgba(0000.5).print-preview-headerpadding16px 24pxbackgroundwhiteborder-bottom1px solid #e2e8f0displayflexalign-itemscenterjustify-contentspace-between.print-preview-header h3font-size1.25remcolor#0f172afont-weight600.print-preview-actionsdisplayflexgap12px.print-preview-content-wrapperflex1overflow-yautopadding40pxdisplayflexjustify-contentcenterbackground#475569#print-preview-contentbackgroundwhitewidth210mmmin-height297mmpadding0 !importantbox-shadow0 10px 30px rgba(0000.3)margin0 autopositionrelativebox-sizingborder-box !importantoutlinenonetransitiontransform 0.3s easetransform-origintop center#print-preview-content *box-sizingborder-box !important#print-preview-content.printingmargin0min-height0 !importantheightauto !importantbox-shadownone !importantbordernone !importantoverflowvisible !important.print-preview-content-wrapper-webkit-scrollbarwidth10px.print-preview-content-wrapper-webkit-scrollbar-trackbackground#334155.print-preview-content-wrapper-webkit-scrollbar-thumbbackground#64748bborder-radius5px.toolbar-btndisplayinline-flexalign-itemscenterjustify-contentcenterwidth30pxheight30pxborder1px solid #cbd5e1backgroundwhiteborder-radius4pxcursorpointercolor#475569font-size14pxtransitionall 0.2s ease.toolbar-btnhoverbackground#f1f5f9border-color#94a3b8color#0f172a.section-control-overlaypositionabsolutetop-12pxright10pxdisplayflexgap4pxbackgroundlinear-gradient(135deg#0ea5e9#0284c7)padding4px 8pxborder-radius20pxopacity0transformtranslateY(10px)transitionall 0.2s easez-index50box-shadow0 4px 6px rgba(0000.1)pointer-eventsnone.resume-sectionpositionrelativeborder1px dashed transparenttransitionborder-color 0.2s ease.resume-sectionhoverborder-colorrgba(141652330.4).resume-sectionhover .section-control-overlayopacity1transformtranslateY(0)pointer-eventsauto.sec-ctrl-btnbackgroundnonebordernonecolorwhitecursorpointerfont-size14pxpadding0 4pxopacity0.9displayflexalign-itemscenter.sec-ctrl-btnhoveropacity1transformscale(1.2).print-preview-footerpadding12px 24pxbackgroundwhiteborder-top1px solid #e2e8f0font-size0.875remcolor#64748btext-aligncenter@media print.navbar.footer.edit-toolbar.toast-container.loading-screen.section-control-overlay.btn-download-pdf.print-preview-modal#edit-mode-btndisplaynone !importantbodyhtmlbackgroundwhite !importantmargin0 !importantpadding0 !importantheightauto !importantoverflowvisible !important.containermax-widthnone !importantwidth100% !importantpadding0 !importantmargin0 !important#resume-preview.resume-previewbox-shadownone !importantmargin0 !importantpadding0 !importanttransformnone !importantwidth100% !importantmax-width100% !importantbordernone !importantdisplayblock !important*-webkit-print-color-adjustexact !importantprint-color-adjustexact !important.editable-elementoutlinenone !importantbackgroundtransparent !important.resume-sectionbordernone !important.resume-sectionpage-break-insideavoid.resumeoverflow-wrapbreak-wordword-wrapbreak-wordhyphensautowidth100%box-sizingborder-box.resume imgmax-width100%heightauto.resume svgmax-width100%heightauto.resume ul.resume olmax-width100%#print-preview-content.printing .resumemax-width100% !importantmargin0 !important#toast-containerpositionfixedtop24pxright24pxz-index9999displayflexflex-directioncolumngap12px.toastdisplayflexalign-itemsflex-startgap12pxpadding16pxbackgroundwhiteborder-radius12pxbox-shadow0 10px 30px rgba(0000.15)min-width320pxmax-width400pxanimationslideIn 0.3s cubic-bezier(0.1610.31)border1px solid #f1f5f9positionrelativeoverflowhidden.toastbeforecontent""positionabsoluteleft0top0bottom0width4px.toast.successbeforebackground#22c55e.toast.errorbeforebackground#ef4444.toast.infobeforebackground#0ea5e9.toast.warningbeforebackground#f59e0b.toast-icondisplayflexalign-itemscenterjustify-contentcenterwidth24pxheight24pxborder-radius50%flex-shrink0.toast.success .toast-iconbackground#dcfce7color#166534.toast.error .toast-iconbackground#fee2e2color#991b1b.toast.info .toast-iconbackground#e0f2fecolor#075985.toast.warning .toast-iconbackground#fef3c7color#92400e.toast-contentflex1.toast-titlefont-weight600font-size0.875remcolor#0f172amargin-bottom2px.toast-messagefont-size0.8125remcolor#64748bline-height1.5.toast-closebackgroundtransparentbordernonecolor#94a3b8cursorpointerpadding4pxmargin-4px -4px 0 0border-radius4pxtransitionall 0.2s.toast-closehoverbackground#f1f5f9color#64748b@keyframes slideInfromopacity0transformtranslateX(100%)toopacity1transformtranslateX(0)@keyframes slideOuttoopacity0transformtranslateX(100%)@media print@pagesizeA4margin0mmbodyvisibilityhiddenmargin0padding0overflowvisiblebody*not(#print-preview-modal)displaynone !important#print-preview-modalvisibilityvisible !importantdisplayblock !importantopacity1 !importantpositionabsoluteleft0top0width100%margin0padding0backgroundwhitez-index9999.print-preview-container.print-preview-content-wrappervisibilityvisible !importantdisplayblock !importantwidth100%margin0padding0bordernonebox-shadownoneoverflowvisiblebackgroundwhite#print-preview-content#print-preview-content.printingvisibilityvisible !importantdisplayblock !importantwidth100% !importantmax-widthnone !importantmargin0 !importantpadding0 !importanttransformnone !importantbox-shadownone !importantbordernone !important#print-preview-content *visibilityvisible.print-preview-header.print-preview-footer.print-preview-actions.section-control-overlay.modal-toolbar.print-preview-overlaydisplaynone !important*-webkit-print-color-adjustexact !importantprint-color-adjustexact !important.resume apointer-eventsauto !importanttext-decorationunderline !importantcolorinherit !importantpositionrelative !importantz-index10000 !important.mobile-preview-fabpositionfixedbottom24pxright24pxz-index900displaynonealign-itemscentergap8pxpadding12px 20pxbackgroundlinear-gradient( 135degvar(--primary-600) 0%var(--primary-500) 100% )colorwhitebordernoneborder-radiusvar(--radius-full)font-weight600box-shadow0 4px 14px rgba(141652330.4)cursorpointertransitionall 0.3s cubic-bezier(0.1610.31).mobile-preview-fabhovertransformtranslateY(-2px)box-shadow0 6px 20px rgba(141652330.5).mobile-preview-fabactivetransformscale(0.95).color-picker-containerdisplayflexalign-itemscenterjustify-contentcenterwidth32pxheight32pxborder-radius50%overflowhiddencursorpointerborder2px solid whitebox-shadow0 0 0 1px var(--slate-200)transitionall 0.2s ease.color-picker-containerhovertransformscale(1.1)box-shadow0 0 0 2px var(--primary-400)#theme-color-picker-webkit-appearancenone-moz-appearancenoneappearancenonewidth200%height200%background-colortransparentbordernonecursorpointermargin-50%padding0#theme-color-picker-webkit-color-swatchbordernoneborder-radius50%#theme-color-picker-moz-color-swatchbordernoneborder-radius50%@media (min-width1025px).preview-panelpositionstickytop100pxheightcalc(100vh - 120px)overflowhiddendisplayflexflex-directioncolumn.preview-containerflex1overflow-yautoborder-radius0 0 var(--radius-xl) var(--radius-xl)@media (max-width1024px).preview-paneldisplaynone.preview-panel.mobile-viewdisplayflex !importantpositionfixedinset0z-index2000background#f1f5f9margin0height100vhwidth100vwborder-radius0.preview-panel.mobile-view .preview-containerheight100%border-radius0.preview-panel.mobile-view .preview-headerpadding-top16pxborder-radius0.mobile-preview-fabdisplayflex.mobile-preview-toggle-btndisplayflex !important.hidden-desktopdisplayflex.mobile-close-previewdisplaynone.preview-panel.mobile-view .mobile-close-previewdisplayflexmargin-leftautopadding8pxbackgroundrgba(0000.05)border-radius50%.modalpositionfixedinset0backgroundrgba(1523420.7)backdrop-filterblur(4px)z-indexvar(--z-modal)displayflexalign-itemscenterjustify-contentcenteropacity0visibilityhiddentransitionall 0.3s ease.modalnot(.hidden)opacity1visibilityvisible.modal-contentbackgroundwhiteborder-radiusvar(--radius-xl)paddingvar(--spacing-xl)width90%max-width500pxbox-shadow0 20px 25px -5px rgba(0000.1)0 10px 10px -5px rgba(0000.04)transformscale(0.95)transitionall 0.3s cubic-bezier(0.1610.31).modalnot(.hidden) .modal-contenttransformscale(1).modal-headerdisplayflexalign-itemscenterjustify-contentspace-betweenmargin-bottomvar(--spacing-lg).modal-header h2font-size1.25remfont-weight700colorvar(--slate-900).modal-icon-wrapperanimationiconPop 0.4s cubic-bezier(0.1750.8850.321.275)@keyframes iconPop0%transformscale(0.5)opacity0100%transformscale(1)opacity1

/* =========================================
   AI Tools & Resume Versions Section CSS 
   ========================================= */

#form-tools .tools-card {
  background: white;
  border: 1px solid var(--slate-200);
  border-radius: var(--radius-xl);
  padding: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

#form-tools .tools-card:hover {
  border-color: var(--primary-300);
  box-shadow: 0 10px 25px -5px rgba(14, 165, 233, 0.15), 0 8px 10px -6px rgba(14, 165, 233, 0.1);
  transform: translateY(-2px);
}

#form-tools .tools-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; width: 100%; height: 3px;
  background: linear-gradient(90deg, var(--primary-500), var(--accent-purple));
  opacity: 0;
  transition: opacity 0.3s ease;
}

#form-tools .tools-card:hover::before {
  opacity: 1;
}

#form-tools .tools-card h3 {
  font-family: var(--font-heading);
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--slate-900);
  margin-bottom: var(--spacing-xs);
  display: flex;
  align-items: center;
  gap: 8px;
}

#form-tools .tools-card p {
  font-size: 0.875rem;
  color: var(--slate-500);
  margin-bottom: var(--spacing-md);
  line-height: 1.5;
}

#form-tools .tools-card textarea,
#form-tools .tools-card input,
#form-tools .tools-card select {
  background: var(--slate-50);
  border: 1px solid var(--slate-200);
  border-radius: var(--radius-md);
  padding: 10px 14px;
  font-size: 0.875rem;
  color: var(--slate-800);
  transition: all 0.2s ease;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.02);
}

#form-tools .tools-card textarea:focus,
#form-tools .tools-card input:focus,
#form-tools .tools-card select:focus {
  background: white;
  border-color: var(--primary-400);
  box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.15);
  outline: none;
}

#form-tools .tools-card .btn-primary {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  padding: 12px;
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg, var(--primary-500), var(--primary-600));
  box-shadow: 0 4px 12px rgba(14, 165, 233, 0.2);
}

#form-tools .tools-card .btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(14, 165, 233, 0.3);
  background: linear-gradient(135deg, var(--primary-600), var(--primary-700));
}

.ai-result-panel {
  margin-top: var(--spacing-md);
  padding: var(--spacing-md);
  background: #f8fafc;
  border-radius: var(--radius-lg);
  border: 1px solid #e2e8f0;
  font-size: 0.875rem;
  color: #334155;
  line-height: 1.6;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);
  animation: fadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.ai-result-panel.success {
  background: #f0fdf4;
  border-color: #bbf7d0;
  color: #166534;
}

.ai-result-panel.error {
  background: #fef2f2;
  border-color: #fecaca;
  color: #991b1b;
}

.ai-result-panel ul {
  padding-left: 20px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.ai-result-panel li {
  margin-bottom: 4px;
}

.ai-result-panel strong {
  color: var(--slate-900);
}

#versions-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}

.version-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  background: var(--slate-50);
  border: 1px solid var(--slate-200);
  border-radius: var(--radius-md);
  font-size: 0.875rem;
  transition: all 0.2s ease;
}

.version-item:hover {
  background: white;
  border-color: var(--primary-300);
  box-shadow: 0 2px 8px rgba(14, 165, 233, 0.1);
}

.version-item-title {
  font-weight: 600;
  color: var(--slate-800);
}

.version-item-date {
  font-size: 0.75rem;
  color: var(--slate-500);
}

.version-actions {
  display: flex;
  gap: 6px;
}