.resume-builder-start{max-width:576px;padding:0}.resume-builder-start>div{gap:8px}.resume-builder-start .option-btn{border-radius:8px;background-color:var(--light-1);border:solid 1px var(--light-3)}.resume-builder-start .option-btn:hover>.q-focus-helper{opacity:.05!important}.resume-builder-start .option-create-with-ai div:has(>.option-icon){background-color:var(--indigo-2)}.resume-builder-start .option-create-with-ai svg{color:var(--indigo-7)}.resume-builder-start .option-upload-resume div:has(>.option-icon){background-color:var(--purple-2)}.resume-builder-start .option-upload-resume svg{color:var(--purple-7)}.resume-builder-start .icon-wrapper{padding:12px;border-radius:14px;display:flex;align-items:center;justify-content:center}.resume-builder-with-ai{max-width:576px}.resume-builder-with-ai~.floating-action-bar{padding:16px}@media(min-width:1024px){.resume-builder-with-ai~.floating-action-bar{max-width:576px;padding:0}}.resume-builder-with-ai>p{line-height:1.5}.resume-builder-with-ai .q-card{box-shadow:none;background-color:inherit;margin-bottom:64px}@media(min-width:1024px){.resume-builder-with-ai .q-card{margin-bottom:0}}.resume-builder-with-ai form>div:first-child{display:flex;flex-direction:column;align-items:end}.resume-builder-with-ai form>div:first-child label{width:100%}.resume-builder-with-ai form>div:first-child .char-count{width:fit-content}.resume-builder-with-ai form>div:nth-child(2){flex-direction:column;gap:4px}@media(min-width:1024px){.resume-builder-with-ai form>div:nth-child(2){flex-direction:row}}.recording-modal .q-item{min-height:auto}.recording-modal .visualizer-container-animated{position:relative;margin-bottom:48px;border-radius:4px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:breathe 3s ease-in-out infinite}@keyframes breathe{0%,to{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 30px #6366f14d}50%{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 50px #6366f180}}.recording-modal .visualizer-container-animated:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;animation:pulse-blur 2s ease-in-out infinite alternate}@keyframes pulse-blur{0%{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}to{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}.resume-builder-details{max-width:576px;margin-bottom:80px}@media(min-width:1024px){.resume-builder-details{margin-bottom:0}}.resume-builder-details~.floating-action-bar{padding:16px}@media(min-width:1024px){.resume-builder-details~.floating-action-bar{max-width:576px;padding:0}.resume-builder-details~.floating-action-bar>div{background:var(--light-2)!important}}.resume-builder-details>p{line-height:1.5}.resume-builder-details form>div{display:flex;flex-direction:column;gap:16px}.resume-builder-details form>div .q-field__control{padding:0 4px;height:40px;display:flex;justify-content:center;align-items:center}.app-layout .q-page-container:has(.resume-builder-edit){padding-left:0;padding-right:0}.resume-builder-edit{padding:24px 16px;background:var(--grey-1);min-height:100vh;width:100%;max-width:896px;margin:0 auto}.resume-builder-edit~.floating-action-bar{background:var(--light-1)!important;box-shadow:0 -8px 8px var(--grey-3)!important;width:100%;max-width:896px;margin:0 auto}.resume-builder-edit~.floating-action-bar .download-btn i{display:none}.resume-builder-edit .error-state{background:#fff;border-radius:8px;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.download-btn-dropdown .q-item{border-radius:4px}.download-btn-dropdown .q-item:hover{background-color:var(--light-2)}.subscribe-dialog{color:var(--dark-1)}.subscribe-dialog .base-modal{border-radius:0}@media(min-width:1024px){.subscribe-dialog .base-modal{border-radius:12px}}.subscribe-dialog .base-modal::-webkit-scrollbar{width:8px;cursor:grab}.subscribe-dialog .base-modal::-webkit-scrollbar-track{background:var(--grey-3)}.subscribe-dialog .base-modal::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--grey-5) 50%,transparent);border-radius:2px;cursor:grab}.subscribe-dialog .base-modal::-webkit-scrollbar-thumb:active{cursor:grabbing}.subscribe-dialog .base-modal::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--grey-6) 50%,transparent)}.subscribe-dialog h2{font-size:20px;font-weight:500!important;text-align:left;padding-left:0}.subscribe-dialog .q-card.one-time{border-radius:12px}.subscribe-dialog .q-card.premium{position:relative;background-color:var(--indigo-1);border:2px solid var(--indigo-6);border-radius:12px;overflow:visible;padding-top:24px}.subscribe-dialog .q-card.premium .banner-most-popular{position:absolute;top:0;left:16px;background:linear-gradient(90deg,var(--indigo-7) 0%,var(--purple-8) 100%);color:var(--light-1);padding:4px 16px;border-radius:0 0 0 12px;display:flex;align-items:center;gap:4px;font-size:.75rem;z-index:1}.subscribe-dialog .q-card.premium .subscribe-btn{background:linear-gradient(90deg,var(--indigo-7) 0%,var(--purple-8) 100%);color:var(--light-1)}.subscribe-dialog .q-card .q-item{padding-left:0}.subscribe-dialog .q-card .check-badge{background-color:var(--grey-2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--grey-6)}.subscribe-dialog .q-card .download-btn{border:solid 1px var(--border)}.subscribe-dialog .q-card .q-btn{padding:8px 16px;border-radius:12px}.subscribe-dialog .payment-intent-container{margin-top:24px;display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center}.subscribe-dialog .payment-intent-container h2{line-height:normal;font-weight:800!important}.subscribe-dialog .payment-intent-container p{margin-bottom:0;font-size:16px;color:var(--muted)}.subscribe-dialog .payment-intent-container>div{width:100%}.subscribe-dialog .payment-intent-container .payment-intent-form{display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center;width:100%}.subscribe-dialog .payment-intent-container .payment-intent-form>div{width:100%}.subscribe-dialog .payment-intent-container .payment-intent-form .base-input>div{font-size:16px!important}.subscribe-dialog .payment-intent-container .payment-intent-form .email-display .q-field{background-color:var(--grey-2)}.fullscreen-preview-dialog .q-dialog__inner{padding:0;width:100%;height:100%;max-width:100%;max-height:100%}.fullscreen-preview-dialog .base-modal{width:100%;height:100%;max-width:100%!important;max-height:100%;border-radius:0}.fullscreen-preview-dialog .q-card__section{padding:0}.fullscreen-preview-dialog .fullscreen-preview-container{position:relative;width:100%;height:100vh;background:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center}.fullscreen-preview-dialog .fullscreen-preview-container .close-btn{position:absolute;top:16px;right:16px;z-index:100;opacity:.9}.fullscreen-preview-dialog .fullscreen-preview-container .fullscreen-zoom-controls{position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:10;padding:4px 8px}.fullscreen-preview-dialog .fullscreen-preview-container .fullscreen-zoom-controls .q-btn{border:1px solid var(--border);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;opacity:.9}.fullscreen-preview-dialog .fullscreen-preview-container .fullscreen-zoom-controls .q-btn[disabled]{opacity:.4}.fullscreen-preview-dialog .fullscreen-preview-container .fullscreen-image-wrapper{flex:1;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-bottom:74px}@media(min-width:1024px){.fullscreen-preview-dialog .fullscreen-preview-container .fullscreen-image-wrapper{padding:24px}}.fullscreen-preview-dialog .fullscreen-preview-container .fullscreen-image-wrapper .fullscreen-preview-content{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}.fullscreen-preview-dialog .fullscreen-preview-container .fullscreen-image-wrapper .fullscreen-preview-content .q-img{max-width:1200px;max-height:calc(100vh - 150px)}.fullscreen-preview-dialog .fullscreen-preview-container .fullscreen-image-wrapper .fullscreen-preview-content .q-img.draggable{cursor:grab}.fullscreen-preview-dialog .fullscreen-preview-container .fullscreen-image-wrapper .fullscreen-preview-content .q-img.draggable:active{cursor:grabbing}.fullscreen-preview-dialog .fullscreen-preview-container .fullscreen-toolbar{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fullscreen-preview-dialog .fullscreen-preview-container .fullscreen-toolbar .q-btn{color:var(--light-1)}.fullscreen-preview-dialog .fullscreen-preview-container .fullscreen-toolbar .q-btn[disabled]{opacity:.3}.fullscreen-preview-dialog .fullscreen-preview-container .fullscreen-toolbar .page-info{color:var(--light-1);font-size:1rem;font-weight:500;min-width:120px;text-align:center}.zoom-controls{position:absolute;top:8px;right:8px;z-index:10;padding:4px 8px;transition:position .2s ease}.zoom-controls.is-sticky{position:fixed;top:8px}.zoom-controls .q-btn{border:1px solid var(--border);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;opacity:.9}.zoom-controls .q-btn[disabled]{opacity:.4}.click-to-edit-btn{z-index:10;position:fixed;left:50%;transform:translate(-50%,-50%);color:var(--light-1);padding:8px 16px;border-radius:8px;font-size:1.2rem;display:flex;align-items:center;gap:4px;transition:top .15s ease}.click-to-edit-btn:before{width:100%;height:100%;background-color:var(--primary);opacity:.8}.click-to-edit-btn:before:hover{opacity:.9}.preview-canvas{overflow:hidden;-webkit-user-select:none;user-select:none;background:var(--grey-2);outline:2px solid var(--border);border-radius:4px;min-height:400px;display:flex;align-items:center;justify-content:center}.preview-canvas .preview-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.preview-canvas .q-img.draggable{cursor:grab}.preview-canvas .q-img.draggable:active{cursor:grabbing}.preview-canvas .q-img img{width:100%;max-width:896px;height:auto}.app-layout .q-page-container:has(.resume-builder-edit-funnel){padding-left:0;padding-right:0}.resume-builder-edit-funnel{width:100%;max-width:896px;margin:0 auto;padding-top:16px}.resume-builder-edit-funnel~.floating-action-bar{background:var(--light-1)!important;box-shadow:0 -8px 8px var(--grey-3)!important;width:100%;max-width:896px;margin:0 auto}.resume-builder-edit-funnel~.floating-action-bar .q-btn:not(.page-btn){padding:8px 16px;background:linear-gradient(90deg,var(--indigo-7) 0%,var(--purple-8) 100%)!important}.resume-builder-edit-funnel~.floating-action-bar .save-btn{background:linear-gradient(90deg,var(--indigo-8) 0%,var(--purple-9) 100%)!important}.resume-builder-edit-funnel~.floating-action-bar .save-btn:disabled{background:var(--grey-5)!important}.resume-builder-edit-funnel .error-state{background:var(--light-1);border-radius:8px;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.resume-builder-edit-funnel .preview-wrapper{position:relative;overflow:auto}.resume-builder-edit-funnel .html-editor{background-color:var(--light-1)}.resume-builder-loader{z-index:999999;position:fixed;top:0;left:0;height:100%;width:100%;background:linear-gradient(135deg,var(--indigo-2) 0%,var(--pink-1) 100%);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px;overflow-y:auto}.resume-builder-loader .content{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;margin:auto 0}@media(min-height:724px){.resume-builder-loader .content{gap:40px}}.resume-builder-loader .content .icon-container{width:88px;height:88px;background:var(--light-1);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #00000014;transition:all .3s ease}@media(min-height:724px){.resume-builder-loader .content .icon-container{width:104px;height:104px}}.resume-builder-loader .content .icon-container:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.resume-builder-loader .content .icon-container .rotating-icon{animation:smooth-rotate 3s linear infinite}@keyframes smooth-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.resume-builder-loader .content .progress-bar{width:100%}.resume-builder-loader .content .progress-bar .q-linear-progress__model{background:linear-gradient(90deg,var(--indigo-6) 0%,var(--pink-6) 100%);transition:transform 50ms linear!important}.resume-builder-loader .content .progress-percentage{transition:opacity 50ms linear}.resume-builder-loader .content .steps-container{width:100%;display:flex;flex-direction:column;gap:8px}@media(min-height:724px){.resume-builder-loader .content .steps-container{gap:16px}}.resume-builder-loader .content .steps-container .q-item{padding:16px 20px;background:var(--light-2);border-radius:12px;transition:all .3s ease;box-shadow:0 1px 2px #0000000d;color:var(--grey-5)}.resume-builder-loader .content .steps-container .q-item.completed,.resume-builder-loader .content .steps-container .q-item.active{background:var(--light-1);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;color:var(--grey-8)}.resume-builder-loader .content .steps-container .q-item.completed:hover,.resume-builder-loader .content .steps-container .q-item.active:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.resume-builder-loader .content .steps-container .q-item.completed:active,.resume-builder-loader .content .steps-container .q-item.active:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.resume-builder-loader .content .steps-container .q-item .q-item__section--side{padding-right:12px}.resume-builder-loader .content .steps-container .q-item .icon-wrapper{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}:root{--primary: #6366f1;--secondary: #e0e7ff;--accent: #dcfce7;--positive: #22c55e;--negative: #ef4444;--info: #3b82f6;--warning: #f59e0b;--light-1: #ffffff;--light-2: #f3f4f6;--light-3: #e5e7eb;--light-4: #d1d5db;--dark-1: #374151;--dark-2: #1f2937;--dark-3: #111827;--muted: #6b7280;--border: #e5e7eb;--red: #ef4444;--red-1: #fef2f2;--red-2: #fee2e2;--red-3: #fecaca;--red-4: #fca5a5;--red-5: #f87171;--red-6: #ef4444;--red-7: #dc2626;--red-8: #b91c1c;--red-9: #991b1b;--red-10: #7f1d1d;--pink: #ec4899;--pink-1: #fdf2f8;--pink-2: #fce7f3;--pink-3: #fbcfe8;--pink-4: #f9a8d4;--pink-5: #f472b6;--pink-6: #ec4899;--pink-7: #db2777;--pink-8: #be185d;--pink-9: #9d174d;--pink-10: #831843;--purple: #a855f7;--purple-1: #faf5ff;--purple-2: #f3e8ff;--purple-3: #e9d5ff;--purple-4: #d8b4fe;--purple-5: #c084fc;--purple-6: #a855f7;--purple-7: #9810fa;--purple-8: #7c3aed;--purple-9: #6d28d9;--purple-10: #5b21b6;--deep-purple: #8b5cf6;--deep-purple-1: #f5f3ff;--deep-purple-2: #ede9fe;--deep-purple-3: #ddd6fe;--deep-purple-4: #c4b5fd;--deep-purple-5: #a78bfa;--deep-purple-6: #8b5cf6;--deep-purple-7: #7c3aed;--deep-purple-8: #6d28d9;--deep-purple-9: #5b21b6;--deep-purple-10: #4c1d95;--indigo: #6366f1;--indigo-1: #eef2ff;--indigo-2: #e0e7ff;--indigo-3: #c7d2fe;--indigo-4: #a5b4fc;--indigo-5: #818cf8;--indigo-6: #6366f1;--indigo-7: #4f39f6;--indigo-8: #4338ca;--indigo-9: #3730a3;--indigo-10: #312e81;--blue: #3b82f6;--blue-1: #eff6ff;--blue-2: #dbeafe;--blue-3: #bfdbfe;--blue-4: #93c5fd;--blue-5: #60a5fa;--blue-6: #3b82f6;--blue-7: #2563eb;--blue-8: #1d4ed8;--blue-9: #1e40af;--blue-10: #1e3a8a;--light-blue: #0ea5e9;--light-blue-1: #f0f9ff;--light-blue-2: #e0f2fe;--light-blue-3: #bae6fd;--light-blue-4: #7dd3fc;--light-blue-5: #38bdf8;--light-blue-6: #0ea5e9;--light-blue-7: #0284c7;--light-blue-8: #0369a1;--light-blue-9: #075985;--light-blue-10: #0c4a6e;--cyan: #06b6d4;--cyan-1: #ecfeff;--cyan-2: #cffafe;--cyan-3: #a5f3fc;--cyan-4: #67e8f9;--cyan-5: #22d3ee;--cyan-6: #06b6d4;--cyan-7: #0891b2;--cyan-8: #0e7490;--cyan-9: #155e75;--cyan-10: #164e63;--teal: #14b8a6;--teal-1: #f0fdfa;--teal-2: #ccfbf1;--teal-3: #99f6e4;--teal-4: #5eead4;--teal-5: #2dd4bf;--teal-6: #14b8a6;--teal-7: #0d9488;--teal-8: #0f766e;--teal-9: #115e59;--teal-10: #134e4a;--green: #22c55e;--green-1: #f0fdf4;--green-2: #dcfce7;--green-3: #bbf7d0;--green-4: #86efac;--green-5: #4ade80;--green-6: #22c55e;--green-7: #16a34a;--green-8: #15803d;--green-9: #166534;--green-10: #14532d;--light-green: #84cc16;--light-green-1: #f7fee7;--light-green-2: #ecfccb;--light-green-3: #d9f99d;--light-green-4: #bef264;--light-green-5: #a3e635;--light-green-6: #84cc16;--light-green-7: #65a30d;--light-green-8: #4d7c0f;--light-green-9: #365314;--light-green-10: #1a2e05;--lime: #84cc16;--lime-1: #f7fee7;--lime-2: #ecfccb;--lime-3: #d9f99d;--lime-4: #bef264;--lime-5: #a3e635;--lime-6: #84cc16;--lime-7: #65a30d;--lime-8: #4d7c0f;--lime-9: #365314;--lime-10: #1a2e05;--yellow: #eab308;--yellow-1: #fefce8;--yellow-2: #fef3c7;--yellow-3: #fde68a;--yellow-4: #facc15;--yellow-5: #eab308;--yellow-6: #eab308;--yellow-7: #ca8a04;--yellow-8: #a16207;--yellow-9: #854d0e;--yellow-10: #713f12;--amber: #f59e0b;--amber-1: #fffbeb;--amber-2: #fef3c7;--amber-3: #fde68a;--amber-4: #facc15;--amber-5: #f59e0b;--amber-6: #f59e0b;--amber-7: #d97706;--amber-8: #b45309;--amber-9: #92400e;--amber-10: #78350f;--orange: #f97316;--orange-1: #fff7ed;--orange-2: #ffedd5;--orange-3: #fed7aa;--orange-4: #fdba74;--orange-5: #fb923c;--orange-6: #f97316;--orange-7: #ea580c;--orange-8: #c2410c;--orange-9: #9a3412;--orange-10: #7c2d12;--deep-orange: #dc2626;--deep-orange-1: #fef2f2;--deep-orange-2: #fee2e2;--deep-orange-3: #fecaca;--deep-orange-4: #fca5a5;--deep-orange-5: #f87171;--deep-orange-6: #dc2626;--deep-orange-7: #b91c1c;--deep-orange-8: #991b1b;--deep-orange-9: #7f1d1d;--deep-orange-10: #450a0a;--brown: #78716c;--brown-1: #fafaf9;--brown-2: #f5f5f4;--brown-3: #e7e5e4;--brown-4: #d6d3d1;--brown-5: #a8a29e;--brown-6: #78716c;--brown-7: #57534e;--brown-8: #44403c;--brown-9: #292524;--brown-10: #1c1917;--grey: #6b7280;--grey-1: #ffffff;--grey-2: #f3f4f6;--grey-3: #e5e7eb;--grey-4: #d1d5db;--grey-5: #9ca3af;--grey-6: #6b7280;--grey-7: #4b5563;--grey-8: #374151;--grey-9: #1f2937;--grey-10: #111827;--grey-11: #f7f7f9;--grey-12: #e5e7eb;--grey-13: #9ca3af;--grey-14: #374151;--blue-grey: #64748b;--blue-grey-1: #f8fafc;--blue-grey-2: #f1f5f9;--blue-grey-3: #e2e8f0;--blue-grey-4: #cbd5e1;--blue-grey-5: #94a3b8;--blue-grey-6: #64748b;--blue-grey-7: #475569;--blue-grey-8: #334155;--blue-grey-9: #1e293b;--blue-grey-10: #0f172a}.resume-builder-page{padding-top:16px;min-height:100%;display:flex;flex-direction:column}.resume-builder-page .content-container{flex:1;display:flex;flex-direction:column;min-height:0}.resume-builder-page .q-stepper__header,.resume-builder-page .q-expansion-item{position:sticky;top:0;background:var(--light-1);z-index:100;box-shadow:0 1px 4px var(--grey-2)}.resume-builder-page .q-stepper{box-shadow:none;background:var(--light-1)}.resume-builder-page .q-stepper--vertical{padding:0}.resume-builder-page .q-stepper .q-stepper__step-inner{padding:16px}.resume-builder-page .q-stepper .q-stepper__tab{display:none}@media(min-width:1024px){.resume-builder-page .q-stepper .q-stepper__step-inner{padding:16px 24px 24px}.resume-builder-page .q-stepper .q-stepper__tab{display:flex}.resume-builder-page .q-stepper>.q-btn{padding:0;height:32px;margin:16px 0 0 24px}.resume-builder-page .q-stepper>.q-btn:hover{opacity:.8}.resume-builder-page .q-stepper>.q-btn:hover .q-focus-helper{background:transparent!important}}.resume-builder-page .floating-action-bar{bottom:0;margin-top:auto;background:var(--light-1);border:1px solid var(--border);box-shadow:0 -8px 8px var(--grey-3);z-index:1000;opacity:0;transition:opacity .3s ease-in-out;position:fixed;left:0;right:0}@media(min-width:1024px){.resume-builder-page .floating-action-bar{position:sticky;margin-top:0;background:none;box-shadow:none;border:none}}.resume-builder-page .floating-action-bar .q-btn:not(.page-btn):disabled{opacity:1!important;background:var(--grey-4)!important;color:var(--grey-6)!important}.resume-builder-page .floating-action-bar:not(:empty){opacity:1}