.fav-page{min-height:100vh;background:var(--bg-base)}.fav-hero{padding:var(--space-8) var(--space-6) var(--space-6);text-align:center;background:var(--bg-surface);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.fav-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,transparent 0,rgba(99,102,241,.03) 20%,transparent 40%),linear-gradient(90deg,transparent 60%,rgba(99,102,241,.03) 80%,transparent);pointer-events:none}.fav-hero>*{position:relative;z-index:1}.fav-hero h1{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-2)}.fav-hero p{font-size:var(--text-sm);color:var(--text-secondary);max-width:420px;margin:0 auto}.fav-content{max-width:1000px;margin:0 auto;padding:var(--space-8) var(--space-6)}.fav-tabs{display:inline-flex;gap:var(--space-1);padding:var(--space-1);background:var(--color-slate-100);border-radius:var(--radius-xl)}.fav-tab{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;white-space:nowrap}.fav-tab svg{width:18px;height:18px}.fav-tab:hover{color:var(--text-primary);background:hsla(0,0%,100%,.5)}.fav-tab.active{color:var(--color-primary-700);background:#fff;box-shadow:var(--shadow-sm)}.fav-tabs-wrapper{display:flex;justify-content:center;margin-bottom:var(--space-8)}.fav-form{display:flex;gap:var(--space-3);max-width:640px;margin:0 auto var(--space-8)}.fav-input{flex:1 1;position:relative}.fav-input svg{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-slate-400);pointer-events:none}.fav-input input{width:100%;height:50px;padding:0 var(--space-4) 0 var(--space-12);font-size:var(--text-base);border:1px solid var(--color-primary-500);border-radius:var(--radius-xl);background:#fff;color:var(--text-primary);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.fav-input input:focus{outline:none;border-color:var(--color-primary-600);box-shadow:0 0 0 3px rgba(99,102,241,.15)}.fav-input input::placeholder{color:var(--color-slate-400)}.fav-form button{height:50px;padding:0 var(--space-6);font-size:var(--text-sm);font-weight:var(--font-semibold);color:#fff;background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-700) 100%);border:none;border-radius:var(--radius-xl);cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:all .15s;white-space:nowrap;box-shadow:0 2px 8px rgba(79,70,229,.3);flex-shrink:0}.fav-form button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-700) 0,var(--color-primary-800) 100%);box-shadow:0 4px 12px rgba(79,70,229,.4);transform:translateY(-1px)}.fav-form button:disabled{opacity:.6;cursor:not-allowed}.fav-form button svg,.fav-spinner{width:18px;height:18px}.fav-spinner{border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:favSpin .6s linear infinite}@keyframes favSpin{to{transform:rotate(1turn)}}.fav-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.fav-alert--error{background:var(--color-error-50);border:2px solid var(--color-error-200)}.fav-alert--error svg{width:24px;height:24px;color:var(--color-error-600);flex-shrink:0}.fav-alert--success{background:var(--color-success-50);border:2px solid var(--color-success-300)}.fav-alert--success svg{width:24px;height:24px;color:var(--color-success-600);flex-shrink:0}.fav-alert--warning{background:var(--color-warning-50);border:2px solid var(--color-warning-300)}.fav-alert--warning svg{width:24px;height:24px;color:var(--color-warning-600);flex-shrink:0}.fav-alert--warning strong{color:var(--color-warning-800)}.fav-alert--warning p{color:var(--color-warning-700)}.fav-alert__action{margin-left:auto;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-success-600);background:#fff;border:1px solid var(--color-success-300);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:all .15s}.fav-alert__action:hover{background:var(--color-success-50);border-color:var(--color-success-500)}.fav-alert--success p,.fav-alert--success strong{color:var(--color-success-700)}.fav-alert strong{display:block;font-size:var(--text-base);color:var(--color-error-800);margin-bottom:var(--space-1)}.fav-alert p{font-size:var(--text-sm);color:var(--color-error-700);margin:0}.fav-loading{display:flex;flex-direction:column;align-items:center;padding:var(--space-16) var(--space-6);gap:var(--space-4)}.fav-loading__spinner{width:40px;height:40px;border:3px solid var(--color-primary-100);border-top-color:var(--color-primary-600);border-radius:50%;animation:favSpin .8s linear infinite}.fav-loading p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.fav-results{animation:favFadeIn .4s ease-out}@keyframes favFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fav-overview{display:grid;grid-template-columns:280px 1fr;grid-gap:var(--space-6);gap:var(--space-6);margin-bottom:var(--space-6)}.fav-overview__score{background:#fff;border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-7);text-align:center}.fav-overview__score h3{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin:0 0 var(--space-5);text-transform:uppercase;letter-spacing:.05em}.fav-overview__score p{font-size:var(--text-base);font-weight:var(--font-bold);margin:var(--space-5) 0 0}.fav-overview__score p.good{color:var(--color-success-600)}.fav-overview__score p.warning{color:var(--color-warning-600)}.fav-overview__score p.error{color:var(--color-error-600)}.fav-overview__summary{background:#fff;border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-6)}.fav-overview__summary h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-4)}.fav-score{width:120px;height:120px;margin:0 auto;position:relative}.fav-score svg{width:100%;height:100%}.fav-score__value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.fav-score__value span{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1}.fav-score__value small{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--font-medium)}.fav-summary-stats{display:flex;gap:var(--space-3);margin-bottom:var(--space-5)}.fav-summary-stat{flex:1 1;background:var(--color-slate-50);border-radius:var(--radius-lg);padding:var(--space-3);text-align:center}.fav-summary-stat__value{display:block;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.fav-summary-stat__label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.fav-checklist{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-2);gap:var(--space-2)}.fav-checklist-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium)}.fav-checklist-item svg{width:18px;height:18px;flex-shrink:0}.fav-checklist-item.found{background:var(--color-success-50);color:var(--color-success-700)}.fav-checklist-item.missing{background:var(--color-error-50);color:var(--color-error-600)}.fav-list-section{background:#fff;border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-6);margin-bottom:var(--space-6)}.fav-list-section h3{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-4)}.fav-list-section h3 svg{width:20px;height:20px;color:var(--color-primary-600)}.fav-list{display:flex;flex-direction:column;gap:var(--space-2)}.fav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-slate-50);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .15s}.fav-item:hover{border-color:var(--color-slate-300)}.fav-item--found{border-left:3px solid var(--color-success-500)}.fav-item--missing{border-left:3px solid var(--color-error-500)}.fav-item--error{border-left:3px solid var(--color-warning-500)}.fav-status{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;flex-shrink:0}.fav-status svg{width:18px;height:18px}.fav-status--found{background:var(--color-success-100);color:var(--color-success-600)}.fav-status--missing{background:var(--color-error-100);color:var(--color-error-600)}.fav-status--error{background:var(--color-warning-100);color:var(--color-warning-600)}.fav-item__info{flex:1 1;min-width:0}.fav-item__type{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:2px}.fav-item__preview{width:36px;height:36px;min-width:36px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.fav-item__preview img{max-width:28px;max-height:28px;object-fit:contain}.fav-item__preview-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--color-slate-50)}.fav-item__preview-placeholder.hidden{display:none}.fav-item__preview-placeholder svg{width:18px;height:18px;color:var(--color-slate-300)}.fav-item--missing .fav-item__preview-placeholder svg{color:var(--color-error-400)}.fav-item--error .fav-item__preview-placeholder svg{color:var(--color-warning-400)}.fav-badge{font-size:10px;font-weight:var(--font-semibold);padding:2px var(--space-1);background:var(--color-primary-100);color:var(--color-primary-700);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em}.fav-badge--missing{background:var(--color-error-100);color:var(--color-error-600)}.fav-badge--error{background:var(--color-warning-100);color:var(--color-warning-600)}.fav-item__message{color:var(--text-tertiary);font-style:italic}.fav-item__details{gap:var(--space-3);font-size:var(--text-xs)}.fav-item__details,.fav-item__link{display:flex;color:var(--text-secondary)}.fav-item__link{align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);transition:all .15s}.fav-item__link:hover{border-color:var(--color-primary-500);color:var(--color-primary-600)}.fav-item__link svg{width:16px;height:16px}.fav-recommendations{background:#fff;border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-6);margin-bottom:var(--space-6)}.fav-recommendations h3{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-4)}.fav-recommendations h3 svg{width:20px;height:20px;color:var(--color-warning-500)}.fav-recommendations ul{list-style:none;padding:0;margin:0}.fav-recommendations li{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--color-warning-50);border-radius:var(--radius-md);margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--color-warning-800);line-height:var(--leading-relaxed)}.fav-recommendations li:last-child{margin-bottom:0}.fav-recommendations li svg{width:16px;height:16px;color:var(--color-warning-500);flex-shrink:0;margin-top:2px}.fav-empty{max-width:100%}.fav-demo{display:grid;grid-template-columns:380px 1fr;grid-gap:var(--space-10);gap:var(--space-10);align-items:center;padding:var(--space-10);background:#fff;border:1px solid var(--border);border-radius:var(--radius-2xl);margin-bottom:var(--space-6)}.fav-demo-visual{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.fav-demo-browser{background:var(--color-slate-100);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6)}.fav-demo-tab{display:inline-flex;align-items:center;gap:var(--space-2);background:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md) var(--radius-md) 0 0;font-size:var(--text-sm);color:var(--text-secondary);box-shadow:0 -1px 3px rgba(0,0,0,.05)}.fav-demo-favicon{width:16px;height:16px;background:linear-gradient(135deg,var(--color-primary-400) 0,var(--color-primary-600) 100%);border-radius:3px}.fav-demo-icons{align-items:flex-end;gap:var(--space-3);width:100%}.fav-demo-icon,.fav-demo-icons{display:flex;justify-content:center}.fav-demo-icon{align-items:center;background:var(--color-slate-50);border:2px dashed var(--color-slate-300);border-radius:var(--radius-lg);font-size:10px;color:var(--text-secondary);font-weight:var(--font-semibold);flex-shrink:0}.fav-demo-icon:first-child{width:36px;height:36px;font-size:9px}.fav-demo-icon:nth-child(2){width:48px;height:48px}.fav-demo-icon:nth-child(3){width:64px;height:64px;border-color:var(--color-slate-400)}.fav-demo-icon:nth-child(4){width:80px;height:80px;border-color:var(--color-primary-500)}.fav-demo-info{padding:var(--space-2) 0}.fav-demo-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-primary-700);background:var(--color-primary-100);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.fav-demo-badge svg{width:14px;height:14px}.fav-demo-info h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-3);line-height:var(--leading-tight)}.fav-demo-info>p{font-size:var(--text-base);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--space-6)}.fav-demo-features{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3)}.fav-demo-feature{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.fav-demo-feature svg{width:18px;height:18px;color:var(--color-success-500);flex-shrink:0}.fav-features{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-6)}.fav-feature{background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;transition:all .15s}.fav-feature:hover{border-color:var(--color-primary-300);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.fav-feature svg{width:32px;height:32px;color:var(--color-primary-600);margin-bottom:var(--space-3)}.fav-feature h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2)}.fav-feature p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.fav-why{background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-2xl);padding:var(--space-8);margin-bottom:var(--space-6)}.fav-why h2{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary-800);margin:0 0 var(--space-5);text-align:center}.fav-why-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.fav-why-item{background:#fff;border-radius:var(--radius-xl);padding:var(--space-5)}.fav-why-item h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2)}.fav-why-item p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.fav-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-8) var(--space-6);background:linear-gradient(135deg,rgba(99,102,241,.06),rgba(139,92,246,.04));border-top:1px solid rgba(99,102,241,.15);border-radius:var(--radius-2xl);margin-top:var(--space-6)}.fav-cta h3{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-1)}.fav-cta p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.fav-cta__btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-semibold);color:#fff;background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-700) 100%);border-radius:var(--radius-lg);text-decoration:none;white-space:nowrap;transition:all .15s;box-shadow:0 2px 8px rgba(79,70,229,.3)}.fav-cta__btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(79,70,229,.4)}.fav-cta__btn svg{width:18px;height:18px}.fav-generate{max-width:640px;margin:0 auto}.fav-upload{background:#fff;border:2px dashed var(--color-slate-300);border-radius:var(--radius-2xl);padding:var(--space-12) var(--space-8);text-align:center;cursor:pointer;transition:all .2s ease;margin-bottom:var(--space-6)}.fav-upload:hover{border-color:var(--color-primary-500);background:var(--color-primary-50)}.fav-upload.dragging{border-color:var(--color-primary-500);border-style:solid;background:var(--color-primary-100)}.fav-upload.has-file{cursor:default;border-style:solid;border-color:var(--color-success-500);background:var(--color-success-50)}.fav-upload__input{display:none}.fav-upload__placeholder svg{width:48px;height:48px;color:var(--color-slate-400);margin-bottom:var(--space-4)}.fav-upload:hover .fav-upload__placeholder svg{color:var(--color-primary-600)}.fav-upload__placeholder h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-1)}.fav-upload__placeholder p{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-3)}.fav-upload__formats{font-size:var(--text-xs);color:var(--text-tertiary)}.fav-upload__preview{display:flex;align-items:center;gap:var(--space-4);justify-content:center;position:relative}.fav-upload__image{width:80px;height:80px;object-fit:contain;border-radius:var(--radius-xl);background:#fff;border:1px solid var(--border)}.fav-upload__info{text-align:left}.fav-upload__filename{display:block;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav-upload__size{font-size:var(--text-sm);color:var(--text-secondary)}.fav-upload__clear{position:absolute;top:-8px;right:-8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .15s}.fav-upload__clear:hover{background:var(--color-error-100);border-color:var(--color-error-200);color:var(--color-error-600)}.fav-upload__clear svg{width:16px;height:16px}.fav-preview-sizes{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5);background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.fav-preview-sizes__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.fav-preview-sizes__items{display:flex;align-items:flex-end;gap:var(--space-5)}.fav-preview-sizes__item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.fav-preview-sizes__item img{border-radius:var(--radius-sm);background:var(--color-slate-50);border:1px solid var(--border)}.fav-preview-sizes__item span{font-size:11px;font-weight:var(--font-semibold);color:var(--text-tertiary)}.fav-generate__btn{width:100%;height:56px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold);color:#fff;background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-700) 100%);border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all .15s;box-shadow:0 4px 12px rgba(79,70,229,.3);margin-bottom:var(--space-8)}.fav-generate__btn:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-700) 0,var(--color-primary-800) 100%);box-shadow:0 6px 16px rgba(79,70,229,.4);transform:translateY(-2px)}.fav-generate__btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.fav-generate__btn svg{width:20px;height:20px}.fav-generate__info{background:#fff;border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-6);margin-bottom:var(--space-6)}.fav-generate__info h3{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-5)}.fav-generate__info h3 svg{width:20px;height:20px;color:var(--color-primary-600)}.fav-generate__files{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-4)}.fav-generate__file{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-slate-50);border-radius:var(--radius-lg)}.fav-generate__file-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:var(--font-bold);color:var(--color-primary-700);background:var(--color-primary-100);border-radius:var(--radius-md);flex-shrink:0}.fav-generate__file strong{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:2px}.fav-generate__file span{font-size:11px;color:var(--text-secondary)}.fav-generate__bonus{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-primary-100);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary-800);margin:0}.fav-generate__bonus svg{width:18px;height:18px;flex-shrink:0}.fav-generate__tips{background:var(--color-slate-50);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-6)}.fav-generate__tips h3{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-4)}.fav-generate__tips h3 svg{width:20px;height:20px;color:var(--color-primary-600)}.fav-generate__tips ul{list-style:none;padding:0;margin:0}.fav-generate__tips li{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.fav-generate__tips li:last-child{border-bottom:none;padding-bottom:0}.fav-generate__tips li:before{content:"✓";color:var(--color-success-500);font-weight:var(--font-semibold);flex-shrink:0}@media (max-width:1024px){.fav-overview{grid-template-columns:1fr}.fav-demo{grid-template-columns:1fr 1fr;gap:var(--space-8);padding:var(--space-7)}.fav-features{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.fav-demo{grid-template-columns:1fr;gap:var(--space-6);padding:var(--space-6)}.fav-demo-visual{order:1}.fav-demo-info{order:0;text-align:center}.fav-demo-badge,.fav-demo-features{margin-left:auto;margin-right:auto}.fav-demo-features{max-width:300px}}@media (max-width:768px){.fav-tabs-wrapper{padding:0 var(--space-4)}.fav-tabs{flex-direction:column;gap:var(--space-1);width:100%;max-width:400px}.fav-tab{padding:var(--space-3) var(--space-5)}.fav-preview-sizes{padding:var(--space-4)}.fav-preview-sizes__items{gap:var(--space-3)}.fav-upload{padding:var(--space-8) var(--space-5)}.fav-upload__placeholder svg{width:40px;height:40px}.fav-upload__placeholder h3{font-size:var(--text-base)}.fav-generate__files{grid-template-columns:1fr}.fav-generate__info,.fav-generate__tips{padding:var(--space-5)}.fav-hero{padding:var(--space-8) var(--space-4) var(--space-6)}.fav-hero h1{font-size:var(--text-2xl)}.fav-hero p{font-size:var(--text-sm)}.fav-content{padding:var(--space-6) var(--space-4)}.fav-form{flex-direction:column;gap:var(--space-3)}.fav-form button{width:100%;justify-content:center}.fav-summary-stats{flex-direction:row;gap:var(--space-2)}.fav-checklist{grid-template-columns:1fr}.fav-list-section{padding:var(--space-4)}.fav-item{padding:var(--space-3)}.fav-item__preview{width:32px;height:32px;min-width:32px}.fav-item__preview img{max-width:24px;max-height:24px}.fav-recommendations{padding:var(--space-4)}.fav-demo{padding:var(--space-6) var(--space-5)}.fav-demo-info h2{font-size:var(--text-xl)}.fav-demo-features{grid-template-columns:1fr;text-align:left;max-width:100%}.fav-demo-feature{justify-content:flex-start}.fav-features{grid-template-columns:1fr;gap:var(--space-3)}.fav-feature{display:flex;align-items:center;gap:var(--space-4);text-align:left;padding:var(--space-4)}.fav-feature svg{margin-bottom:0;flex-shrink:0}.fav-why{padding:var(--space-6) var(--space-5)}.fav-why-grid{grid-template-columns:1fr;gap:var(--space-3)}.fav-cta{flex-direction:column;text-align:center;padding:var(--space-6) var(--space-5);gap:var(--space-4)}.fav-cta__btn{width:100%;justify-content:center}}@media (max-width:480px){.fav-hero{padding:var(--space-7) var(--space-3) var(--space-5)}.fav-hero h1{font-size:var(--text-xl)}.fav-content{padding:var(--space-5) var(--space-3)}.fav-tabs-wrapper{padding:0 var(--space-2)}.fav-form button,.fav-input input{height:48px;font-size:var(--text-sm)}.fav-overview__score{padding:var(--space-5)}.fav-score{width:100px;height:100px}.fav-score__value span{font-size:28px}.fav-summary-stat__value{font-size:var(--text-xl)}.fav-list-section,.fav-recommendations{padding:var(--space-3)}.fav-demo{padding:var(--space-5) var(--space-4)}.fav-demo-icons{gap:var(--space-2)}.fav-demo-icon:first-child{width:32px;height:32px;font-size:9px}.fav-demo-icon:nth-child(2){width:44px;height:44px;font-size:10px}.fav-demo-icon:nth-child(3){width:56px;height:56px}.fav-demo-icon:nth-child(4){width:68px;height:68px}.fav-cta,.fav-why{padding:var(--space-5) var(--space-4)}}