.faq-section{padding:0 1.25rem;transition:background .2s}.faq-section--open{border-radius:var(--border-radius);background:#fff}.faq-question{cursor:pointer;text-align:left;width:100%;font-family:var(--font-family);color:var(--gray-800);background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.25rem 0;font-size:1.1rem;font-weight:600;transition:color .2s;display:flex}.faq-question:hover{color:var(--primary-color)}.faq-chevron{width:1.25rem;height:1.25rem;color:var(--gray-400);flex-shrink:0;margin-left:1rem;transition:transform .3s,color .2s}.faq-section--open .faq-chevron{color:var(--primary-color);transform:rotate(180deg)}.faq-answer{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.faq-section--open .faq-answer{grid-template-rows:1fr}.faq-answer__content{overflow:hidden}.faq-answer__inner{color:var(--gray-700);padding-bottom:1.25rem;font-size:.875rem;line-height:1.7}.faq-answer__inner p{margin:0 0 .75rem}.faq-answer__inner p:last-child{margin-bottom:0}.faq-answer__inner ul{margin:.5rem 0 0 1.5rem}.faq-category{margin-bottom:.5rem}.faq-category:last-child{margin-bottom:0}.faq-credit-table{border-collapse:collapse;border-radius:var(--border-radius);border:1px solid var(--gray-200);width:100%;margin:.75rem 0;font-size:.8125rem;overflow:hidden}.faq-credit-table th{background:var(--gray-100);text-align:left;border-bottom:2px solid var(--gray-200);color:var(--gray-800);padding:.5rem .75rem;font-weight:600}.faq-credit-table td{border-bottom:1px solid var(--gray-100);padding:.5rem .75rem}.faq-credit-table tr:last-child td{border-bottom:none}@keyframes faq-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.faq-section[style]{opacity:0;animation:.3s forwards faq-fade-in;animation-delay:var(--delay,0s)}@media (prefers-reduced-motion:reduce){.faq-section[style]{opacity:1;animation:none}}@media (width<=768px){.faq-question{padding:1rem 0;font-size:1rem}}@media (width<=480px){.faq-question{font-size:.9375rem}}.pricing-page__section{margin-bottom:2.5rem}.pricing-page__section:last-child{margin-bottom:0}.pricing-page__section-description{color:var(--gray-600);margin-bottom:1.5rem;font-size:.9375rem;line-height:1.6}.pricing-page__tiers{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.pricing-page__tier{border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);text-align:center;opacity:0;animation:.3s forwards pricing-fade-in;animation-delay:var(--tier-delay,0s);background:#fff;padding:1.5rem;transition:transform .3s,box-shadow .3s;position:relative}.pricing-page__tier:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.pricing-page__tier--recommended{border-color:var(--accent-purple);box-shadow:var(--shadow-lg);transform:scale(1.05)}.pricing-page__tier--recommended:hover{transform:scale(1.05)translateY(-4px)}.pricing-page__tier-badge{background:var(--gradient-primary);color:#fff;white-space:nowrap;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:-.75rem;left:50%;transform:translate(-50%)}.pricing-page__tier-name{font-family:var(--font-heading);color:var(--gray-800);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.pricing-page__tier-description{color:var(--gray-600);margin-bottom:1rem;font-size:.875rem;line-height:1.5}.pricing-page__tier-costs{border-top:1px solid var(--gray-100);padding-top:1rem}.pricing-page__tier-row{justify-content:space-between;align-items:center;padding:.375rem 0;display:flex}.pricing-page__tier-label{color:var(--gray-600);font-size:.875rem}.pricing-page__tier-value{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:700}.pricing-page__tier-note{text-align:center;color:var(--gray-500);margin-top:1.25rem;font-size:.875rem}.pricing-page__packs{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.pricing-page__packs-loading{justify-content:center;padding:2rem 0;display:flex}.pricing-page__pack{border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);text-align:center;opacity:0;animation:.3s forwards pricing-fade-in;animation-delay:var(--pack-delay,0s);background:#fff;flex-direction:column;align-items:center;gap:.375rem;padding:1.5rem;transition:transform .3s,box-shadow .3s;display:flex}.pricing-page__pack:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.pricing-page__pack-name{font-family:var(--font-heading);color:var(--gray-800);font-size:1.125rem;font-weight:600}.pricing-page__pack-credits{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.875rem;font-weight:600}.pricing-page__pack-price{color:var(--gray-900);margin:.25rem 0;font-size:1.5rem;font-weight:700}.pricing-page__pack-description{color:var(--gray-500);font-size:.8125rem}.pricing-page__pack-note{text-align:center;color:var(--gray-500);margin-top:1.25rem;font-size:.8125rem;line-height:1.6}@keyframes pricing-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pricing-page__tier--recommended{animation-name:pricing-fade-in-recommended}@keyframes pricing-fade-in-recommended{0%{opacity:0;transform:scale(1.05)translateY(8px)}to{opacity:1;transform:scale(1.05)translateY(0)}}@media (prefers-reduced-motion:reduce){.pricing-page__tier,.pricing-page__pack{opacity:1;animation:none}}@media (width<=768px){.pricing-page__tiers,.pricing-page__packs{grid-template-columns:1fr;max-width:320px;margin-left:auto;margin-right:auto}.pricing-page__tier--recommended{transform:none}.pricing-page__tier--recommended:hover{transform:translateY(-4px)}}.account-page{max-width:800px;margin:0 auto;padding:24px}.account-page h1{margin-bottom:32px;font-size:1.75rem}.account-card{padding:32px}.account-section{margin-bottom:32px}.account-section:last-child{margin-bottom:0}.account-section h2{margin:0 0 16px}.account-section-content{line-height:1.6}.consent-status{margin-bottom:8px}.status-granted{color:#059669}.status-not-granted{color:#6b7280}.consent-timestamp{color:#6b7280;margin-bottom:16px;font-size:.875rem}.consent-details{margin:16px 0}.consent-details p{margin:0 0 8px}.consent-details ul{margin:0;padding-left:20px}.consent-details li{margin:4px 0}.privacy-policy-link{color:#6b7280;margin:12px 0 0;font-size:.875rem}.privacy-policy-link a{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600;text-decoration:none;transition:all .2s}.privacy-policy-link a:hover{background:var(--gradient-primary-hover);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.consent-actions,.data-actions{align-items:center;gap:12px;margin-top:16px;display:flex}.export-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-top:12px;padding:12px 16px}.password-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;margin-bottom:12px;padding:12px 16px}.password-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-top:4px;padding:12px 16px}.password-actions{gap:12px;margin-top:16px;display:flex}.change-password-form{max-width:400px}.change-password-form .form-field{margin-bottom:16px}.change-password-form .form-field label{margin-bottom:6px;font-size:.875rem;font-weight:500;display:block}.change-password-form .auth-modal__input{border:1px solid var(--gray-300,#d1d5db);box-sizing:border-box;border-radius:6px;width:100%;padding:10px 2.5rem 10px 12px;font-size:.9375rem}.account-delete-page{max-width:600px;margin:0 auto;padding:24px}.account-delete-card{padding:32px}.account-delete-page h1{margin-bottom:24px}.warning-box{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:24px;padding:16px}.delete-info{margin-bottom:24px}.delete-info h2{color:#374151;margin:0 0 12px;font-size:1rem}.delete-info ul{color:#6b7280;margin:0;padding-left:20px}.delete-info li{margin:8px 0}.confirm-section{margin-bottom:24px}.confirm-section label{color:#374151;margin-bottom:8px;display:block}.confirm-section input{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:12px;font-size:1rem}.confirm-section input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.confirm-section input:disabled{cursor:not-allowed;background:#f3f4f6}.error-message{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:24px;padding:12px 16px}.action-buttons{justify-content:flex-end;gap:12px;display:flex}.btn-danger{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:12px 24px;font-weight:500;transition:background .2s}.btn-danger:disabled{cursor:not-allowed;background:#9ca3af}.consent-dialog__content.modal-content{max-width:480px}.consent-dialog__body{color:var(--gray-700);margin-bottom:1.5rem;line-height:1.6}.consent-dialog__body ul{margin:1rem 0;padding-left:1.5rem}.consent-dialog__body li{margin-bottom:.5rem}.consent-dialog__privacy-note{color:var(--gray-500);font-size:.875rem}.consent-dialog__link{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600;text-decoration:none;transition:all .2s}.consent-dialog__link:hover{background:var(--gradient-primary-hover);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.consent-dialog__error{margin-bottom:1rem}.consent-dialog__checkbox{cursor:pointer;color:var(--gray-700);align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;display:flex}.consent-dialog__checkbox input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:var(--primary-color);cursor:pointer;margin-top:.125rem}.consent-dialog__checkbox input:disabled{cursor:not-allowed}.consent-dialog__actions{justify-content:flex-end}body{font-family:var(--font-family);min-height:100vh;color:var(--gray-800);background-color:#0000;background-image:linear-gradient(#fff 20%,#0000 150%),linear-gradient(135deg,#fecdc9 0%,#fecaca 20%,#fed7aa 40%,#fce7f3 60%,#e9d5ff 80%,#dbeafe 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;line-height:1.6}.container{max-width:var(--container-max-width);flex-direction:column;min-height:100vh;margin:0 auto;padding:20px;display:flex}.header{text-align:center;margin-bottom:1rem;position:relative}.header__content{position:relative}.header__branding{text-align:center}.header__actions{z-index:100;position:fixed;top:1rem;right:1rem}.header__actions .btn,.header__actions .btn-primary{width:auto;min-width:0}.logo-link{cursor:pointer;width:fit-content;margin-left:auto;margin-right:auto;text-decoration:none;transition:transform .2s,filter .2s;display:block}.logo-link:hover{filter:brightness(1.1);transform:scale(1.02)}.logo-link:active{transform:scale(.98)}.logo{font-family:var(--logo-font-family);background:var(--gradient-hero);-webkit-text-fill-color:transparent;letter-spacing:.01em;-webkit-user-select:none;user-select:none;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:0;font-size:5rem;font-weight:700;animation:12s ease-in-out infinite gradientShift;position:relative}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.tagline{letter-spacing:.05em;-webkit-user-select:none;user-select:none;cursor:default;margin-bottom:.05rem;font-size:1rem;font-weight:500}.footer{text-align:center;color:var(--gray-500);margin-top:3rem;padding-top:2rem;font-size:.875rem}.footer__separator{color:var(--gray-400)}.footer__link{color:var(--gray-500);text-decoration:none;transition:color .2s}.footer__link:hover{color:var(--primary-color)}.text-link{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600;text-decoration:none;transition:all .2s}.text-link:hover{background:var(--gradient-primary-hover);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.upload-area{text-align:center;cursor:pointer;aspect-ratio:4/3;justify-content:center;align-items:center;max-width:500px;margin:2rem auto;padding:2.5rem 2rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.upload-area:hover,.upload-area.dragover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.upload-content h3{color:var(--gray-700);letter-spacing:-.01em;margin:1rem 0 .75rem;font-size:1.25rem;font-weight:700}.upload-text{margin:2rem 0;font-size:1.5rem;font-weight:700}.upload-content p{color:var(--gray-500);margin-bottom:.5rem}.browse-link{cursor:pointer;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600;text-decoration:none;transition:all .2s}.browse-link:hover{background:var(--gradient-primary-hover);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.file-info{color:var(--gray-400);font-size:.875rem}.upload-icon{justify-content:center;display:flex}.upload-icon-default{color:var(--gray-400)}.upload-icon-hover,.upload-area:hover .upload-icon-default,.upload-area.dragover .upload-icon-default{display:none}.upload-area:hover .upload-icon-hover,.upload-area.dragover .upload-icon-hover{display:flex}.preview-container{flex-direction:column;width:100%;max-width:85vw;min-height:fit-content;margin:1rem auto;padding:1.5rem;display:flex}.image-preview{text-align:center;justify-content:center;align-items:center;margin-bottom:0;display:flex}.image-preview img{border-radius:var(--border-radius);max-width:100%;max-height:60vh}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-group label{color:var(--gray-700);margin-bottom:.75rem;font-size:.9rem;font-weight:600;display:block}textarea.form-input{resize:vertical;background:#fff;min-height:80px;padding:.75rem 1rem;font-size:.9rem}.form-input::placeholder{color:var(--gray-400)}.toggle-container{justify-content:flex-start;align-items:center;margin-top:.25rem;display:flex}.toggle-text{color:var(--gray-700);align-items:center;height:26px;margin-right:.75rem;font-size:.85rem;font-weight:500;line-height:1;display:flex}label.switch{align-items:center;height:26px;margin-bottom:0;display:flex}label.switch>input[type=checkbox]{opacity:0;display:none}label.switch>div.switch-btn{background:var(--gray-300);cursor:pointer;border-radius:21px;width:42px;height:26px;position:relative}label.switch>div.switch-btn:before{content:"";cursor:pointer;background:#fff;border-radius:50%;width:22px;height:22px;transition:all .2s ease-out;position:absolute;top:50%;left:2px;transform:translateY(-50%)}label.switch>input[type=checkbox]:checked+div.switch-btn{background:var(--gradient-primary)}label.switch>input[type=checkbox]:checked+div.switch-btn:before{left:18px}label.switch:hover>div.switch-btn{background:var(--gray-400)}label.switch:hover>input[type=checkbox]:checked+div.switch-btn{background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%)}.preview-actions{flex-shrink:0;margin-top:1.5rem;padding:0}.controls-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 2rem;display:flex}.quality-selector{align-items:center;gap:.75rem;display:flex}.quality-label{color:var(--gray-700);font-size:.85rem;font-weight:500}.quality-segmented-control{border:1px solid var(--gray-200);background:#fff;border-radius:9999px;display:inline-flex;overflow:hidden}.quality-segment{color:var(--gray-700);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s;position:relative}.quality-segment:not(:last-child):after{content:"";background:var(--gray-200);width:1px;height:50%;transition:opacity .2s;position:absolute;top:25%;right:0}.quality-segment.active{background:var(--gradient-primary);color:#fff;font-weight:600}.quality-segment.active:after{opacity:0}.quality-segment.active+.quality-segment:before{content:"";background:0 0;width:1px;height:50%;position:absolute;top:25%;left:0}.quality-segment:hover:not(.active){background:var(--gray-50);color:var(--gray-900)}.quality-segment:disabled{cursor:not-allowed;opacity:.6}.quality-segment:disabled:hover{color:var(--gray-700);background:0 0}.button-group{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.results-container{flex-direction:column;max-width:min(95vw,1000px);margin:2rem auto;padding:1.5rem;display:flex}.results-container h3{text-align:center;background:var(--gradient-success);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:2rem;font-weight:700;animation:.8s ease-out slideInUp;position:relative}.results-container h3:after{content:"🎉";animation:2s ease-in-out infinite pulse;position:absolute;top:0;right:-2.5rem}.comparison-container{border-radius:var(--border-radius);border:1px solid var(--gray-300);--slider-position:50%;background:#fff;flex-shrink:0;width:100%;max-width:100%;margin-bottom:1.5rem;position:relative;overflow:hidden}.image-container{will-change:transform;width:100%;height:100%;position:relative;overflow:hidden;transform:translateZ(0)}.image-container.processing{cursor:not-allowed;-webkit-user-select:none;user-select:none}.comparison-image{object-fit:contain;width:100%;height:100%;max-height:inherit;position:absolute;top:0;left:0;transform:translateZ(0)}.comparison-image-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.comparison-image-wrapper.before-image{z-index:1}.comparison-image-wrapper .comparison-image{position:relative}.comparison-image-wrapper.processing:before{content:"";filter:blur(20px);z-index:10;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#3b82f64d 30%,#6b72f680 50%,#8b5cf64d 70%,#0000 100%);width:25%;height:100%;animation:3.5s ease-in-out infinite blur-wave;position:absolute;top:0;left:-30%}.before-image{z-index:1}.after-image{z-index:2;clip-path:inset(0 calc(100% - var(--slider-position)) 0 0);transition:none}.slider-line{top:0;bottom:0;left:var(--slider-position);z-index:10;pointer-events:none;will-change:left;background:#fff;width:2px;position:absolute;transform:translate(-50%)translateZ(0)}.comparison-label{color:#fff;z-index:15;text-transform:uppercase;letter-spacing:.05em;cursor:default;pointer-events:none;background:#0009;border:none;border-radius:4px;padding:4px 12px;font-size:.75rem;font-weight:600;position:absolute;bottom:12px}.comparison-label:disabled{cursor:default;opacity:.5}.comparison-label:focus-visible:before{outline-offset:2px;outline:2px solid #fff}.comparison-label--before{text-align:right;clip-path:inset(0 0 0 var(--slider-position));background:0 0;padding-right:12px;left:0;right:0}.comparison-label__text{pointer-events:auto;cursor:pointer;text-align:center;background:#0006;border-radius:4px;width:65px;padding:4px 0;transition:background-color .15s;display:inline-block}.comparison-label:hover:not(:disabled) .comparison-label__text{background:#0009}.comparison-label:disabled .comparison-label__text{pointer-events:none;cursor:default}.comparison-label--after{text-align:left;clip-path:inset(0 calc(100% - var(--slider-position)) 0 0);background:0 0;padding-left:12px;left:0;right:0}@media (width<=480px){.comparison-label{padding:3px 8px;font-size:.625rem;bottom:8px}.comparison-label--before{left:8px}.comparison-label--after{right:8px}}@media (prefers-reduced-motion:reduce){.slider-line,.after-image{transition:none!important}}.comparison-slider{cursor:ew-resize;appearance:none;z-index:12;opacity:0;pointer-events:none;background:0 0;outline:none;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0}.comparison-slider::-webkit-slider-track{background:0 0;border:none;height:100%}.comparison-slider::-moz-range-track{background:0 0;border:none;height:100%}.comparison-slider::-webkit-slider-thumb{appearance:none;background:0 0;border:none;width:0;height:0}.comparison-slider::-moz-range-thumb{appearance:none;background:0 0;border:none;width:0;height:0}.results-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.5rem}.results-actions .btn{flex:1;max-width:280px}.comparison-controls{width:100%}.btn-toggle-view{justify-content:center;width:150px}.session-history-backdrop{z-index:1100;background:#00000080;animation:.2s ease-out fadeInBackdrop;position:fixed;inset:0}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.session-history-sidebar{border-left:1px solid var(--gray-200);z-index:1101;background:#fff;flex-direction:column;width:100%;max-width:400px;animation:.3s ease-out slideInFromRight;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.session-history-header{flex-shrink:0;padding:1.5rem;position:relative}.session-history-close{top:1rem}.session-history-content{flex:1;padding:1rem;overflow-y:auto}.session-history-loading{flex-direction:column;gap:.75rem;display:flex}.session-item-skeleton{background:linear-gradient(90deg, var(--gray-100) 0%, var(--gray-200) 50%, var(--gray-100) 100%);border-radius:var(--border-radius);background-size:200% 100%;height:72px;animation:1.5s ease-in-out infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.session-history-error{text-align:center;padding:2rem 1rem}.session-history-error p{color:var(--error-color);margin-bottom:1rem;font-weight:500}.session-history-empty{padding:3rem 1rem}.session-history-empty p{margin:0;font-size:1rem}.session-history-list{flex-direction:column;gap:.75rem;display:flex}.session-item{border:1px solid var(--gray-200);border-radius:var(--border-radius);background:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.session-item--expired{border-color:var(--gray-200);cursor:default}.session-item--clickable{cursor:pointer}.session-item--clickable:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.session-item--clickable:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.session-item--active{background:linear-gradient(white, white) padding-box, var(--gradient-primary) border-box;border:1px solid #0000}.session-info{flex:1;min-width:0}.session-filename{color:var(--gray-800);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.375rem;font-size:.875rem;font-weight:600;overflow:hidden}.session-meta{align-items:center;gap:.5rem;font-size:.75rem;display:flex}.session-status{text-transform:uppercase;letter-spacing:.025em;border-radius:4px;padding:.125rem .5rem;font-size:.65rem;font-weight:600;display:inline-block}.session-status.status-uploaded{color:var(--primary-color);background:#3b82f61a}.session-status.status-processing{color:var(--warning-color);background:#f59e0b1a}.session-status.status-processed{color:var(--success-color);background:#14b8a61a}.session-status.status-error{color:var(--error-color);background:#f43f5e1a}.session-status.status-expired{color:var(--gray-500);background:#9ca3af26}.session-quality-label{color:var(--gray-500);font-weight:500}.session-date{color:var(--gray-500)}.session-download-btn{background:var(--gradient-primary);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1rem;transition:all .2s;display:flex}.session-download-btn:hover:not(:disabled){background:var(--gradient-primary-hover)}.session-download-btn:disabled{opacity:.6;cursor:not-allowed}.session-history-error-notification{border:1px solid var(--error-color);border-radius:var(--border-radius);color:var(--error-color);text-align:center;background:#f43f5e1a;margin-top:1rem;padding:.75rem;font-size:.875rem}.session-credits{color:var(--gray-600);font-weight:500}.session-version-buttons{flex-wrap:wrap;gap:.375rem;margin-top:.5rem;display:flex}.btn.session-version-pill{white-space:nowrap;min-width:auto;padding:.25rem .625rem;font-size:.75rem}.session-version-pill:hover:not(:disabled){transform:scale(1.05)}@media (width<=768px){.session-history-sidebar{max-width:100%}}.version-gallery{width:100%;margin-bottom:1.5rem}.version-gallery-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:1rem;padding:.5rem 0 1rem;display:flex;overflow-x:auto}.version-gallery-scroll::-webkit-scrollbar{height:6px}.version-gallery-scroll::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}.version-gallery-scroll::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.version-gallery-scroll::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.version-thumbnail{cursor:pointer;border-radius:var(--border-radius);background:var(--gray-100);border:1px solid #0000;flex-shrink:0;width:120px;transition:all .2s;position:relative;overflow:hidden}.version-thumbnail:hover:not(.pending):not(.selected){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.version-thumbnail:focus{border-color:var(--primary-color);outline:none}.version-thumbnail.selected{background:linear-gradient(var(--gray-100), var(--gray-100)) padding-box, var(--gradient-primary) border-box;border:1px solid #0000}.version-thumbnail.pending{cursor:not-allowed;opacity:.7}.version-thumbnail.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.version-thumbnail.failed{border-color:var(--error-color)}.version-thumbnail-content{aspect-ratio:1;background:var(--gray-200);justify-content:center;align-items:center;width:100%;display:flex;position:relative}.version-thumbnail-image{object-fit:cover;width:100%;height:100%}.version-thumbnail-spinner{background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.version-thumbnail-error{background:#f43f5e1a;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.error-icon{color:var(--error-color);font-size:2rem}.version-thumbnail-placeholder{width:100%;height:100%;color:var(--gray-500);text-align:center;justify-content:center;align-items:center;font-size:.75rem;display:flex}.version-badge{width:22px;height:22px;color:var(--gray-700);background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex;position:absolute;bottom:6px;right:6px;box-shadow:0 1px 3px #0003}.version-thumbnail.selected .version-badge{background:var(--gradient-primary);color:#fff}.version-gallery-empty{padding:2rem}@media (width<=640px){.version-thumbnail{width:100px}.version-badge{width:20px;height:20px;font-size:.7rem;bottom:4px;right:4px}}.reprocess-modal__header{margin-bottom:1.5rem}.reprocess-modal__form{flex-direction:column;gap:1rem;display:flex}.reprocess-modal__info{flex-direction:column;gap:.5rem;display:flex}.reprocess-modal__info p{color:var(--gray-700);margin:0;font-size:.875rem;line-height:1.5}.reprocess-modal__version-info{color:var(--primary-color);font-weight:600}.reprocess-modal__label{color:var(--gray-700);font-size:.875rem;font-weight:600}.reprocess-modal__textarea{resize:vertical;min-height:100px}.reprocess-modal__textarea:focus{border-color:var(--primary-color);background:#fff}.reprocess-modal__textarea::placeholder{color:var(--gray-400)}.reprocess-modal__actions{margin-top:.5rem}.reprocess-button{white-space:nowrap}@media (width<=640px){.reprocess-modal__content{max-width:95%;padding:1.5rem}.reprocess-modal__actions{flex-direction:column;gap:.5rem}.reprocess-modal__actions .btn{width:100%}}.reprocess-button-container{flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:1.5rem;display:flex}.btn{border-radius:var(--border-radius);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.4rem;min-width:100px;padding:8px 28px;font-size:.9rem;font-weight:500;line-height:1.5;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;border:1px solid #0000;border-radius:9999px}.btn-primary:hover:not(:disabled){background:var(--gradient-primary-hover)}.btn-primary:active:not(:disabled){background:linear-gradient(135deg,#1d4ed8 0%,#6d28d9 100%)}.btn-secondary{color:var(--gray-700);border:1px solid var(--gray-200);background:#fff;border-radius:9999px}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300)}.btn-secondary:active:not(:disabled){border-color:var(--primary-dark);color:var(--primary-dark)}.btn-danger{color:#fff;background:#dc2626;border:1px solid #0000;border-radius:9999px}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:active:not(:disabled){background:#991b1b}.btn-outline{color:var(--gray-600);border:1px dashed var(--gray-300);background:0 0;border-radius:9999px}.btn-outline:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);background:#3b82f60d}.btn-icon{width:1rem;height:1rem}.btn-restore{min-width:250px}.error-message{background:var(--error-color);color:#fff;border-radius:var(--border-radius);text-align:center;margin-top:1rem;padding:1rem;font-weight:500}.error-dialog-backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.error-dialog{text-align:left;width:90%;max-width:400px;padding:1.5rem;animation:.3s ease-out slideInUp}.error-dialog__title{background:var(--gradient-error);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.error-dialog__message{color:var(--gray-600);margin:0 0 1.5rem;font-size:.9rem;line-height:1.5}.error-dialog__actions{justify-content:flex-end}.error-dialog__button{cursor:pointer;background:var(--gradient-error);border-radius:9999px;font-weight:600}.error-dialog__button:hover:not(:disabled){background:linear-gradient(135deg,#db2777 0%,#d97706 100%);border-color:#0000}.error-dialog__button:active:not(:disabled){background:linear-gradient(135deg,#be185d 0%,#b45309 100%);border-color:#0000}.error-fallback{justify-content:center;align-items:center;padding:2rem;animation:.5s ease-in-out fadeIn;display:flex}.error-fallback--fullscreen{background:var(--gradient-bg);min-height:100vh}.error-fallback--inline{border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);background:#fff;min-height:300px}.error-fallback__content{text-align:center;max-width:600px;padding:2rem}.error-fallback__icon{margin-bottom:1.5rem;font-size:4rem;animation:2s ease-in-out infinite pulse}.error-fallback__title{color:var(--gray-800);margin-bottom:1rem;font-size:2rem;font-weight:700}.error-fallback__message{color:var(--gray-600);margin-bottom:2rem;font-size:1.125rem;line-height:1.6}.error-fallback__details{text-align:left;border-radius:var(--border-radius);background:#0000000d;margin:2rem 0;padding:1rem}.error-fallback__details summary{cursor:pointer;color:var(--gray-700);margin-bottom:.5rem;font-weight:600}.error-fallback__stack{border-radius:var(--border-radius);color:var(--gray-700);white-space:pre-wrap;word-break:break-all;background:#0000000d;margin-top:1rem;padding:1rem;font-size:.875rem;overflow-x:auto}.error-fallback__actions{flex-wrap:wrap;gap:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border-radius:50%;animation:1.2s cubic-bezier(.68,-.55,.265,1.55) infinite spin;position:relative}.spinner-small{border:3px solid #3b82f61a;border-top-color:#0000;border-right:3px solid var(--primary-color);width:1.5rem;height:1.5rem}.spinner-medium{border:4px solid #3b82f61a;border-top-color:#0000;border-right:4px solid var(--primary-color);width:3rem;height:3rem}.spinner-large{border:4px solid #3b82f61a;border-top-color:#0000;border-right:4px solid var(--primary-color);width:4rem;height:4rem}.spinner-medium:before,.spinner-large:before{content:"";border:4px solid #0000;border-top:4px solid var(--accent-purple);border-radius:50%;animation:2s linear infinite reverse spin;position:absolute;inset:-4px}.spinner-primary{border-right-color:var(--primary-color)}.spinner-secondary{border-right-color:var(--secondary-color)}.spinner-white{border:4px solid #fff3;border-right-color:#fff}.spinner-white:before{border-top-color:#ffffff80}.progress-bar-container{width:100%}.progress-bar-label{color:var(--gray-600);justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:flex}.progress-bar-percentage{color:var(--primary-color);font-weight:600}.progress-bar-track{background:#3b82f61a;border-radius:4px;width:100%;height:8px;position:relative;overflow:hidden}.progress-bar-fill{background:var(--gradient-primary);border-radius:4px;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1);position:relative}.progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);animation:2s infinite shimmer;position:absolute;inset:0}.progress-bar-fill.indeterminate{width:40%;animation:1.5s cubic-bezier(.65,.05,.36,1) infinite indeterminateProgress}@keyframes indeterminateProgress{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{background:var(--gray-200);position:relative;overflow:hidden}.skeleton-rectangle{border-radius:var(--border-radius)}.skeleton-circle{border-radius:50%}.skeleton-text{border-radius:4px;height:1em}.skeleton-pulse{animation:1.5s ease-in-out infinite skeletonPulse}.skeleton-wave:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff80 50%,#0000 100%);animation:1.5s linear infinite skeletonWave;position:absolute;inset:0}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes skeletonWave{0%{transform:translate(-100%)}to{transform:translate(100%)}}.image-preview-skeleton{justify-content:center;align-items:center;width:100%;display:flex}.image-skeleton{border-radius:var(--border-radius);max-width:100%;box-shadow:0 10px 25px #00000026}.upload-icon.uploading{animation:1.5s ease-in-out infinite uploadPulse}@keyframes uploadPulse{0%,to{opacity:1;transform:translateY(0)scale(1)}50%{opacity:.8;transform:translateY(-8px)scale(1.1)}}.loading-timeout-warning{border:1px solid var(--warning-color);border-radius:var(--border-radius);color:var(--warning-color);background:#f59e0b1a;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;font-size:.875rem;animation:.3s fadeIn;display:flex}.loading-timeout-warning svg{width:1.25rem;height:1.25rem}.processing-message{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.processing-spinner{margin-bottom:.5rem}.processing-progress{width:100%;max-width:300px;margin-top:.5rem}.upload-progress{width:80%;max-width:400px;margin-top:1rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.spinner,.spinner:before,.progress-bar-fill,.skeleton-pulse,.skeleton-wave:after,.upload-icon.uploading{animation:none}.progress-bar-fill{transition:none}.skeleton-pulse{opacity:.8}}@media (width<=768px){.spinner-large{width:3.5rem;height:3.5rem}.spinner-medium{width:2.5rem;height:2.5rem}.progress-bar-track{height:6px}}@media (width<=480px){.spinner-large{width:3rem;height:3rem}.spinner-medium{width:2rem;height:2rem}.progress-bar-label{font-size:.8rem}}.loading-from-history{text-align:center;min-height:300px;color:var(--gray-600);flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-from-history p{margin:0;font-size:1.125rem;animation:1.5s ease-in-out infinite skeletonPulse}.auth-guard{justify-content:center;align-items:center;min-height:60vh;padding:2rem;display:flex}.auth-guard__loading{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.auth-guard__loading .spinner{border:4px solid #3b82f61a;border-top-color:#0000;border-right:4px solid var(--primary-color);width:3rem;height:3rem}.auth-guard__loading p{color:var(--gray-600);margin:0;font-size:1rem}.auth-guard__prompt{text-align:center;max-width:400px;padding:2rem;box-shadow:0 10px 40px #0000001a}.auth-guard__prompt h2{color:var(--gray-900);margin:0 0 .5rem;font-size:1.75rem;font-weight:600}.auth-guard__prompt p{color:var(--gray-600);margin:0 0 1.5rem;font-size:1rem;line-height:1.5}.auth-guard__prompt .btn-primary{width:100%;max-width:none;font-size:1rem}@media (width<=768px){.auth-guard{min-height:50vh;padding:1.5rem}.auth-guard__prompt{padding:1.5rem}.auth-guard__prompt h2{font-size:1.5rem}}@media (width<=480px){.auth-guard{padding:1rem}.auth-guard__prompt{padding:1.25rem}.auth-guard__prompt h2{font-size:1.25rem}.auth-guard__prompt p{font-size:.9rem}}.auth-button--menu{cursor:pointer;z-index:1000;background:0 0;border:none;padding:.5rem;position:relative}.auth-button--menu:hover:not(:disabled){background:0 0}.hamburger-icon{cursor:pointer;flex-direction:column;gap:5px;width:35px;transition:transform .2s;display:flex}.hamburger-icon--open{transform:scale(.8)}.auth-button--menu:hover .hamburger-icon:not(.hamburger-icon--open){transform:scale(1.1)}.hamburger-bar{background:var(--gradient-primary);border-radius:2px;width:100%;height:4px;transition:transform .1s,opacity .1s,background .2s}.hamburger-icon--open .hamburger-bar:first-child{background:#3b82f6;transform:translateY(9px)rotate(45deg)}.hamburger-icon--open .hamburger-bar:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-icon--open .hamburger-bar:nth-child(3){background:#8b5cf6;transform:translateY(-9px)rotate(135deg)}.hamburger-bar:first-child{background:#60a5fa}.hamburger-bar:nth-child(2){background:#8b8bf9}.hamburger-bar:nth-child(3){background:#a78bfa}.auth-button--menu:hover .hamburger-icon:not(.hamburger-icon--open) .hamburger-bar:first-child{background:#3b82f6}.auth-button--menu:hover .hamburger-icon:not(.hamburger-icon--open) .hamburger-bar:nth-child(2){background:#6369f6}.auth-button--menu:hover .hamburger-icon:not(.hamburger-icon--open) .hamburger-bar:nth-child(3){background:#8b5cf6}.auth-modal__content.modal-content{max-width:400px}.auth-modal__header{margin-bottom:1.5rem}.auth-modal__form{flex-direction:column;gap:1rem;display:flex}.auth-modal__label{color:var(--gray-600);text-align:left;font-size:.875rem;font-weight:400}.auth-modal__error,.auth-modal__success{margin-bottom:.5rem}.auth-modal__submit{margin-top:.5rem}.auth-modal__toggle{text-align:center;color:var(--gray-600);margin-top:1rem;font-size:.875rem}.auth-modal__link{cursor:pointer;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;border:none;padding:0;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.auth-modal__link:hover{background:var(--gradient-primary-hover);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-modal__requirements{color:var(--gray-500);margin:.25rem 0 0;font-size:.75rem}.auth-modal__requirement{font-weight:500;transition:color .2s}.auth-modal__requirement--met{color:var(--success-color,#22c55e)}.auth-modal__requirement--unmet{color:var(--gray-500)}.auth-modal__magic-link-toggle{text-align:center;margin-top:.25rem}.auth-modal__forgot-link{text-align:right;margin-top:.25rem}.auth-modal__forgot-button{cursor:pointer;color:var(--gray-500);background:0 0;border:none;padding:0;font-size:.75rem;transition:color .2s}.auth-modal__forgot-button:hover{color:var(--gray-700)}.auth-modal__password-wrapper{align-items:center;display:flex;position:relative}.auth-modal__password-wrapper .auth-modal__input{flex:1;padding-right:2.5rem}.auth-modal__password-toggle{cursor:pointer;color:var(--gray-500);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;font-size:1.25rem;line-height:1;transition:color .2s;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.auth-modal__password-toggle:hover{color:var(--gray-700)}.auth-modal__password-toggle:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:4px}.user-menu-backdrop{z-index:999;position:fixed;inset:0}.user-menu{top:calc(var(--header-height) + .5rem);z-index:1000;min-width:200px;padding:0;animation:.2s ease-out slideInUp;position:fixed;right:1rem}.user-menu__header{word-break:break-word;padding:1rem 1rem .25rem;font-size:.875rem;font-weight:700}.user-menu__email-link{font:inherit;font-weight:inherit;cursor:pointer;background:var(--gradient-primary);-webkit-text-fill-color:transparent;background-size:100% 100%;-webkit-background-clip:text;background-clip:text;border:none;padding:0;text-decoration:none;transition:background .2s,filter .2s}.user-menu__email-link:hover{background:var(--gradient-hero);-webkit-text-fill-color:transparent;filter:brightness(1.1);background-size:100% 100%;-webkit-background-clip:text;background-clip:text}.user-menu__email-link:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:4px}.user-menu__error{border-bottom:1px solid var(--error-color);padding:.75rem 1rem}.user-menu__item{text-align:left;width:100%;color:var(--gray-700);cursor:pointer;background:0 0;border:none;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:block}.user-menu__item:last-child{border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg)}.user-menu__item:hover:not(:disabled){background:var(--gradient-primary);color:#fff}.user-menu__item:disabled{opacity:.6;cursor:not-allowed}.user-menu__credits{color:var(--gray-500);border-bottom:1px solid var(--gray-100);padding:.25rem 1rem .75rem;font-size:.8rem}.confirm-dialog-backdrop{z-index:1001;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.confirm-dialog{text-align:left;width:90%;max-width:360px;padding:1.5rem;animation:.3s ease-out slideInUp}.confirm-dialog__message{color:var(--gray-600);margin:0 0 1.5rem;font-size:.9rem;line-height:1.5}.confirm-dialog__actions{justify-content:flex-end}.landing-page{width:100%;min-height:100vh;font-family:var(--font-body)}.hero-section{min-height:calc(100vh - var(--landing-hero-offset));justify-content:center;align-items:center;padding:2rem;display:flex;position:relative}.hero-content{max-width:var(--container-max-width);text-align:center;width:100%}.hero-headline{font-family:var(--font-heading);background:var(--gradient-hero);-webkit-text-fill-color:transparent;letter-spacing:-.02em;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem;font-weight:800;animation:12s ease-in-out infinite gradientShift}.hero-subheadline{color:var(--gray-600);max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.25rem}.hero-comparison{max-width:90%;margin:0 auto 2rem}.hero-tagline{color:var(--gray-500);font-size:.9375rem}.info-section{max-width:var(--container-max-width);margin:0 auto;padding:5rem 2rem}.section-heading{font-family:var(--font-heading);text-align:center;color:var(--gray-900);margin-bottom:1rem;font-size:2rem;font-weight:700}.section-subheading{text-align:center;color:var(--gray-600);margin-bottom:2rem;font-size:1.125rem}.steps-timeline{grid-template-columns:repeat(3,1fr);max-width:700px;margin-top:2rem;margin-left:auto;margin-right:auto;display:grid}.timeline-step{text-align:center;position:relative}.timeline-header{justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex;position:relative}.timeline-number{background:var(--gradient-primary);color:#fff;z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:.875rem;font-weight:700;display:flex;position:relative}.timeline-line{background:var(--gray-200);width:calc(100% - 2.5rem);height:2px;position:absolute;top:50%;left:calc(50% + 1.25rem);transform:translateY(-50%)}.timeline-step:not(:last-child) .timeline-line{width:calc(100% - 4rem);left:calc(50% + 2rem)}.timeline-icon{justify-content:center;margin-bottom:.75rem;display:flex}.timeline-title{font-family:var(--font-heading);color:var(--gray-800);margin-bottom:.25rem;font-size:1.25rem;font-weight:600}.timeline-description{color:var(--gray-600);font-size:.875rem;line-height:1.5}.features-grid{grid-template-columns:repeat(2,1fr);gap:2rem 3rem;max-width:800px;margin-top:2rem;margin-left:auto;margin-right:auto;display:grid}.feature-item{align-items:flex-start;gap:1rem;display:flex}.feature-icon{flex-shrink:0}.feature-title{font-family:var(--font-heading);color:var(--gray-800);margin-bottom:.25rem;font-size:1.25rem;font-weight:600}.feature-description{color:var(--gray-600);font-size:.875rem;line-height:1.5}.examples-grid{grid-template-columns:repeat(6,1fr);gap:1.5rem;margin-top:2rem;display:grid}.examples-grid__item{border-radius:var(--border-radius-lg);overflow:hidden}.examples-grid__item--1,.examples-grid__item--2{aspect-ratio:4/3;grid-column:span 3}.examples-grid__item--1 .comparison-container,.examples-grid__item--2 .comparison-container,.examples-grid__item--4 .comparison-container,.examples-grid__item--5 .comparison-container,.examples-grid__item--6 .comparison-container{height:100%}.examples-grid__item--1 .image-container,.examples-grid__item--2 .image-container,.examples-grid__item--4 .image-container,.examples-grid__item--5 .image-container,.examples-grid__item--6 .image-container{aspect-ratio:4/3!important;height:100%!important}.examples-grid__item--1 .comparison-image,.examples-grid__item--2 .comparison-image,.examples-grid__item--4 .comparison-image,.examples-grid__item--5 .comparison-image,.examples-grid__item--6 .comparison-image{object-fit:cover}.examples-grid__item--3{grid-column:span 6}.examples-grid__item--4,.examples-grid__item--5,.examples-grid__item--6{aspect-ratio:4/3;grid-column:span 2}.pricing-cards{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:800px;margin-top:2rem;margin-left:auto;margin-right:auto;display:grid}.pricing-card{border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);text-align:center;background:#fff;padding:1.5rem;transition:all .3s;position:relative}.pricing-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.pricing-card--recommended{border-color:var(--accent-purple);box-shadow:var(--shadow-lg);transform:scale(1.05)}.pricing-card--recommended:hover{transform:scale(1.05)translateY(-4px)}.pricing-badge{background:var(--gradient-primary);color:#fff;white-space:nowrap;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:-.75rem;left:50%;transform:translate(-50%)}.pricing-title{font-family:var(--font-heading);color:var(--gray-800);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.pricing-description{color:var(--gray-600);margin-bottom:1rem;font-size:.875rem;line-height:1.5}.pricing-costs{border-top:1px solid var(--gray-100);padding-top:1rem}.pricing-row{justify-content:space-between;align-items:center;padding:.375rem 0;display:flex}.pricing-label{color:var(--gray-600);font-size:.875rem}.pricing-credits{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:700}.pricing-note{text-align:center;color:var(--gray-500);margin-top:1.5rem;font-size:.875rem}.pricing-note+.pricing-note{margin-top:.5rem}.pricing-note__link{color:var(--primary-color);font-weight:600;text-decoration:none}.pricing-note__link:hover{text-decoration:underline}.cta-section{text-align:center;background:0 0;padding:5rem 2rem}.cta-content{max-width:600px;margin:0 auto}.cta-heading{font-family:var(--font-heading);color:var(--gray-900);margin-bottom:.75rem;font-size:2.5rem;font-weight:700}.cta-subheading{color:var(--gray-500);margin-bottom:2rem;font-size:1.0625rem}.cta-button{justify-content:center;display:flex}.cta-button .btn{padding:1rem 2.5rem;font-size:1.1rem}@media (width<=768px){.hero-headline{font-size:2.5rem}.hero-subheadline{font-size:1rem}.hero-comparison{max-width:95%}.section-heading{font-size:1.5rem}.examples-grid{grid-template-columns:repeat(2,1fr)}.examples-grid__item--1,.examples-grid__item--2{grid-column:span 1}.examples-grid__item--3{grid-column:span 2}.examples-grid__item--4,.examples-grid__item--5{grid-column:span 1}.examples-grid__item--6{grid-column:span 2}.info-section{padding:3rem 1rem}.cta-heading{font-size:1.75rem}}@media (width<=480px){.hero-section{padding:2rem .75rem}.hero-comparison{max-width:100%}.hero-headline{font-size:2rem}.hero-subheadline{font-size:.875rem}.section-heading{font-size:1.25rem}.cta-heading{font-size:1.5rem}.steps-timeline{grid-template-columns:1fr;gap:2rem;max-width:300px}.timeline-header{justify-content:flex-start;gap:1rem}.timeline-step{text-align:left}.timeline-line{display:none}.timeline-icon{justify-content:flex-start}.features-grid,.pricing-cards{grid-template-columns:1fr}.info-section{padding:2rem 1rem}.examples-grid{grid-template-columns:1fr}.examples-grid__item--1,.examples-grid__item--2,.examples-grid__item--3,.examples-grid__item--4,.examples-grid__item--5,.examples-grid__item--6{grid-column:span 1}}.modal{max-width:500px}.modal.credit-purchase-modal{max-width:800px}.credit-purchase-modal__waiver{cursor:pointer;align-items:flex-start;gap:.5rem;margin-bottom:1.5rem;display:flex}.credit-purchase-modal__waiver input[type=checkbox]{flex-shrink:0;margin-top:.35rem}.credit-purchase-modal__waiver a{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s}.credit-purchase-modal__waiver a:hover{background:var(--gradient-primary-hover);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.credit-purchase-modal__packages{flex-direction:row;gap:1rem;display:flex}.credit-package{border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);cursor:pointer;background:#fff;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:.75rem;min-width:0;padding:1.5rem 1rem;transition:all .2s;display:flex}.credit-package:hover:not(:disabled){box-shadow:var(--shadow-xl);transform:translateY(-4px)}.credit-package:disabled{opacity:.6;cursor:default}.credit-package__name{text-align:center;flex-direction:column;align-items:center;gap:.25rem;font-size:1.1rem;font-weight:700;display:flex}.credit-package__credits{font-size:1.25rem}.credit-package__price{color:var(--gray-600);font-size:1.1rem;font-weight:600}.credit-package__description{color:var(--gray-500);text-align:center;font-size:.95rem;line-height:1.4}.credit-purchase-modal__tax-note{text-align:center;color:var(--gray-400);margin-top:.75rem;font-size:.8125rem}.credit-purchase-modal__hint{text-align:center;color:var(--gray-500);margin-top:.5rem;font-size:.875rem}.credit-purchase-modal__hint--hidden{visibility:hidden}.credit-purchase-modal__promo-link{cursor:pointer;background:0 0;background-image:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;border:none;padding:0;font-size:1rem;font-weight:600;transition:all .2s}.credit-purchase-modal__promo-link:hover{background-image:var(--gradient-primary-hover);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.credit-purchase-modal__promo{flex-direction:column;flex:1;align-items:center;gap:1rem;padding:2rem 0;display:flex}.credit-purchase-modal__promo-input{gap:.5rem;width:100%;max-width:360px;display:flex}.credit-purchase-modal__promo-input input{flex:1;min-width:0}.credit-purchase-modal__promo-back{cursor:pointer;background:0 0;background-image:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;border:none;align-self:flex-start;padding:0;font-size:.875rem;font-weight:600;transition:all .2s}.credit-purchase-modal__promo-back:hover{background-image:var(--gradient-primary-hover);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.credit-purchase-modal__promo-back:disabled{opacity:.6;cursor:default}.credit-purchase-modal__status{text-align:center;color:var(--gray-700);padding:2rem;font-size:1rem}.credit-purchase-modal__status p{margin:.5rem 0}.credit-purchase-modal__status--success{color:var(--success-color)}.credit-purchase-modal__status--success p:first-child{background:var(--gradient-success);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.credit-purchase-modal__error{text-align:center;padding:1.5rem}.credit-purchase-modal__error p{margin:0 0 1rem;font-size:.875rem}.user-menu__credits{border-bottom:1px solid var(--gray-200);padding:.75rem 1rem;font-size:.875rem;font-weight:600}.user-menu__credits div{justify-content:center;align-items:center;gap:.25rem;display:flex}@media (width<=768px){.modal.credit-purchase-modal{max-width:95%}}@media (width<=640px){.modal{max-width:95%;padding:1.5rem}.credit-purchase-modal__packages{flex-direction:column}.credit-package{padding:1.25rem}.credit-package__name{font-size:1rem}.credit-package__credits{font-size:1.1rem}.credit-package__price{font-size:1rem}.credit-package__description{font-size:.875rem}.credit-purchase-modal__status{padding:1.5rem}}.legal-page{flex-direction:column;display:flex}.legal-page__content{flex:1;width:100%;max-width:800px;margin:2rem auto 0;padding:2rem}.legal-page__back-link{text-align:center;background:var(--gradient-primary);-webkit-text-fill-color:transparent;cursor:pointer;-webkit-background-clip:text;background-clip:text;border:none;margin:1.5rem auto;padding:0;font-size:.875rem;font-weight:500;text-decoration:none;transition:opacity .2s;display:block}.legal-page__back-link:hover{background:var(--gradient-primary-hover);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.legal-page__content article{font-family:var(--font-family);color:var(--gray-700);font-size:.875rem;line-height:1.7}.legal-page__content h1{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:700}.legal-page__content h2{color:var(--gray-800);border-bottom:1px solid var(--gray-200);margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.25rem;font-weight:600}.legal-page__content h1+*+h2,.legal-page__content h1+h2{margin-top:1.5rem}.legal-page__content h3{color:var(--gray-700);margin-top:1.5rem;margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.legal-page__content p{margin-bottom:1rem}.legal-page__content .subtitle,.legal-page__content h1+p,.legal-page__content h1+strong>p{color:var(--gray-500);margin-bottom:2rem;font-size:.875rem}.legal-page__content strong{color:var(--gray-800);font-weight:600}.legal-page__content em{color:var(--gray-600)}.legal-page__content ul,.legal-page__content ol{margin:1rem 0 1rem 1.5rem;padding-left:1rem}.legal-page__content li{margin-bottom:.5rem;padding-left:.25rem}.legal-page__content ul{list-style-type:disc}.legal-page__content ul ul{margin-top:.5rem;list-style-type:circle}.legal-page__content ul ul ul{list-style-type:square}.legal-page__content ol{list-style-type:decimal}.legal-page__content a{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600;text-decoration:none;transition:all .2s}.legal-page__content a:hover{background:var(--gradient-primary-hover);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.legal-page__content>article>div>a[href^=\#],.legal-page__content article>a[href^=\#]{border-radius:0 var(--border-radius) var(--border-radius) 0;-webkit-text-fill-color:var(--primary-color);color:var(--primary-color);background:0 0;-webkit-background-clip:border-box;background-clip:border-box;border-left:1px solid #0000;margin:.125rem 0;padding:.375rem .75rem;transition:all .15s;display:block}.legal-page__content>article>div>a[href^=\#]:hover,.legal-page__content article>a[href^=\#]:hover{border-left-color:var(--primary-color);background:var(--gray-50);color:var(--primary-color)}.legal-page__content table{border-collapse:collapse;border-radius:var(--border-radius);border:1px solid var(--gray-200);width:100%;margin:1.5rem 0;font-size:.875rem;overflow:hidden}.legal-page__content th{background:var(--gray-100);text-align:left;border-bottom:1px solid var(--gray-200);color:var(--gray-800);padding:.75rem 1rem;font-weight:600}.legal-page__content td{border-bottom:1px solid var(--gray-100);vertical-align:top;padding:.75rem 1rem}.legal-page__content tr:last-child td{border-bottom:none}.legal-page__content tbody tr:hover{background:var(--gray-50)}.legal-page__content>article>div{margin-bottom:1rem}@media (width<=768px){.legal-page__content{margin:0;padding:24px 20px}.legal-page__content h1{font-size:1.5rem}.legal-page__content h2{margin-top:2rem;font-size:1.125rem}.legal-page__content h3{font-size:1rem}.legal-page__content table{font-size:.8rem}.legal-page__content th,.legal-page__content td{padding:.5rem .75rem}}@media (width<=480px){.legal-page__content h1{font-size:1.25rem}.legal-page__content h2{font-size:1rem}}@media (width<=768px){.container{padding:1rem}.logo{letter-spacing:.02em;font-size:3.5rem}.tagline{font-size:.8rem}.upload-area{margin:0 auto;padding:2rem 1.5rem}.upload-content h3{font-size:1.125rem}.upload-icon{width:2.5rem;height:2.5rem}.preview-container,.results-container,.processing-container{max-width:95vw;margin:0 .5rem;padding:1.25rem}textarea.form-input{min-height:70px;font-size:.85rem}.controls-row{flex-wrap:wrap;gap:1rem}.btn-restore{width:100%}.button-group,.results-actions{flex-direction:column;gap:.75rem}.btn:not(.session-version-pill){width:100%;padding:.875rem 1.75rem;font-size:.875rem}.results-container h3{font-size:1.75rem}.results-container h3:after{right:-2rem}.spinner{width:3.5rem;height:3.5rem}.header__content{justify-content:center;align-items:center;display:flex}.header__actions{position:absolute;top:50%;right:0;transform:translateY(-50%)}.auth-button{padding:.4rem .8rem;font-size:.8rem}.auth-modal__content{max-width:95%;padding:1.5rem}.user-menu{right:.5rem}.account-page h1,.account-delete-page h1{font-size:1.5rem}.account-page{padding:16px 12px}.account-card{padding:24px 20px}}@media (width<=768px) and (orientation:landscape){.results-actions{flex-direction:row}.results-actions .btn{width:auto}}@media (width<=480px){.logo{letter-spacing:.03em;font-size:2.8rem}.tagline{font-size:.75rem}.upload-area{margin:0 auto;padding:1.5rem 1rem}.upload-content h3{font-size:1rem}.upload-icon{width:2rem;height:2rem}.preview-container,.results-container,.processing-container{margin:0 .25rem;padding:.875rem}textarea.form-input{min-height:60px;font-size:.8rem}.toggle-container,.quality-selector{flex-direction:column;gap:.375rem}.toggle-text{margin-right:0}.btn:not(.session-version-pill){min-width:100px;padding:.75rem 1.25rem;font-size:.8rem}.results-container h3{font-size:1.5rem}.results-container h3:after{right:-1.5rem}.processing-container h3{font-size:1.5rem}.spinner{width:3rem;height:3rem}.image-labels{font-size:.8rem}.auth-button{padding:.35rem .7rem;font-size:.75rem}.auth-modal__content{max-width:95%;padding:1.25rem}.account-page h1,.account-delete-page h1{font-size:1.25rem}.user-menu{min-width:180px;right:.25rem}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#3b82f6;--primary-hover:#2563eb;--primary-light:#60a5fa;--primary-dark:#1d4ed8;--secondary-color:#64748b;--success-color:#14b8a6;--success-light:#5eead4;--error-color:#f43f5e;--warning-color:#f59e0b;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--accent-teal:#14b8a6;--accent-orange:#f97316;--gradient-primary:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--gradient-primary-hover:linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--gradient-secondary:linear-gradient(135deg, #64748b 0%, #475569 100%);--gradient-success:linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);--gradient-error:linear-gradient(135deg, #ec4899 0%, #f59e0b 100%);--gradient-rainbow:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 25%, #ec4899 50%, #f97316 75%, #3b82f6 100%);--gradient-hero:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 25%, #ec4899 50%, #f59e0b 75%, #14b8a6 100%);--gradient-bg:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--gradient-card:linear-gradient(145deg, #ffffffe6 0%, #ffffffb3 100%);--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--container-max-width:1200px;--header-height:4.5rem;--landing-hero-offset:200px;--border-radius:12px;--border-radius-lg:16px;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--font-family:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--logo-font-family:"Covered By Your Grace", cursive, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.main-content{flex-direction:column;flex:1;justify-content:center;display:flex}.section{animation:.5s ease-in-out fadeIn;display:none}.section.active{display:block}@keyframes fadeIn{0%{opacity:0;filter:blur(4px);transform:translateY(20px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.processing-container{flex-direction:column;align-items:center;width:100%;max-width:85vw;margin:1rem auto;padding:1.5rem;display:flex}.image-preview-wrapper{margin-bottom:1.5rem;display:inline-block;position:relative}.image-preview.processing{background:0 0;display:inline-block;position:relative;overflow:hidden}.image-preview.processing:before{content:"";filter:blur(20px);will-change:transform;z-index:10;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#3b82f64d 30%,#6b72f680 50%,#8b5cf64d 70%,#0000 100%);width:25%;height:100%;animation:3.5s ease-in-out infinite blur-wave;position:absolute;top:0;left:0;transform:translate(-100%)}.image-preview.processing:after{content:"";border-radius:var(--border-radius);border:2px solid var(--primary-color);z-index:0;pointer-events:none;animation:1s ease-in-out infinite alternate framePulse;position:absolute;inset:0}.image-preview.processing img{border-radius:var(--border-radius);z-index:2;max-width:100%;max-height:60vh;display:block;position:relative}@keyframes framePulse{0%{opacity:.4}to{opacity:1}}@keyframes blur-wave{0%{transform:translate(-100%)}to{transform:translate(500%)}}.processing-message{text-align:center}.processing-message h3{margin-bottom:1rem;font-size:1.5rem;font-weight:700}.processing-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.spinner{border:4px solid #3b82f61a;border-top-color:#0000;border-right:4px solid var(--primary-color);border-radius:50%;width:4rem;height:4rem;margin:0 auto 2rem;animation:1.2s cubic-bezier(.68,-.55,.265,1.55) infinite spin;position:relative}.spinner:before{content:"";border:4px solid #0000;border-top:4px solid var(--accent-purple);border-radius:50%;animation:2s linear infinite reverse spin;position:absolute;inset:-4px}.processing-container h3{color:var(--gray-700);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.processing-container p{color:var(--gray-500);font-size:.875rem;animation:1s ease-in-out .5s both fadeIn}.ui-controls{transition:all .3s ease-in-out}.ui-controls.preview .preview-actions{opacity:1;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transform:translateY(0)}.ui-controls.processing .preview-actions{opacity:0;pointer-events:none;transform:translateY(-10px)}.ui-controls.processing .processing-message{opacity:1;transition:opacity .3s ease-in-out .1s,transform .3s ease-in-out .1s;transform:translateY(0)}.ui-controls.preview .processing-message{opacity:0;pointer-events:none;transform:translateY(10px)}.hidden{display:none!important}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;width:fit-content;margin-left:auto;margin-right:auto}.card{border-radius:var(--border-radius-lg)}.card-glass{-webkit-backdrop-filter:blur(24px);background:#ffffff59;border:1px solid #ffffff59;box-shadow:0 4px 24px #0000000d,inset 0 1px #fff9}.card-solid{border:1px solid var(--gray-200);background:#fff}.modal-backdrop{z-index:1000;background:#00000080;justify-content:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{width:90%;max-width:500px;margin:auto 0;padding:2rem;animation:.3s ease-out slideInUp;position:relative}.modal-close{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;font-size:2rem;line-height:.8;transition:all .2s;display:flex;position:absolute;top:.5rem;right:.5rem}.modal-close:hover{transform:scale(1.2)}.modal-close:disabled{opacity:.6;cursor:not-allowed}.modal-close.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;width:2.5rem;margin:0}.modal-title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}@media (width<=768px){.modal-title{font-size:1.25rem}}@media (width<=480px){.modal-title{font-size:1.125rem}}.form-input{border:1px solid var(--gray-200);border-radius:var(--border-radius);color:var(--gray-700);background:#ffffffe6;width:100%;padding:.75rem;font-size:.875rem;transition:all .2s}.form-input:focus{background:linear-gradient(white, white) padding-box, var(--gradient-primary) border-box;border:1px solid #0000;outline:none}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-field{flex-direction:column;gap:.5rem;display:flex}.button-actions{justify-content:center;gap:.75rem;display:flex}.btn-pill{border-radius:9999px}.alert{border-radius:var(--border-radius);padding:.75rem;font-size:.875rem}.alert-error{border:1px solid var(--error-color);color:var(--error-color);background:#f43f5e1a}.alert-success{border:1px solid var(--success-color);color:var(--success-color);background:#14b8a61a}.empty-state{text-align:center;color:var(--gray-500);font-size:.875rem}