@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.recCard{text-align:center;background:#fff;border:1px solid #e9ecef;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;padding:20px;transition:border-color .15s,box-shadow .15s;display:flex}.recCard:hover{box-shadow:0 8px 16px #5dcbfc40}.recCard--thumbnail{border-top:3px solid #17a2b8}.recCard--thumbnail .recCard__icon{color:#17a2b8}.recCard--thumbnail .recCard__format{color:#17a2b8;background:#17a2b81a}.recCard--balanced{border-top:3px solid #0090e1}.recCard--balanced .recCard__icon{color:#0090e1}.recCard--balanced .recCard__format{color:#0090e1;background:#5dcbfc1f}.recCard--highQuality{border-top:3px solid #ffb12b}.recCard--highQuality .recCard__icon{color:#ffb12b}.recCard--highQuality .recCard__format{color:#f79c00;background:#ffb12b1f}.recCard__icon{margin-bottom:4px}.recCard__label{color:#212529;font-size:1rem;font-weight:700}.recCard__sublabel{color:#adb5bd;font-size:.75rem}.recCard__format{border-radius:9999px;margin:8px 0;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.recCard__stats{border-top:1px solid #f8f9fa;border-bottom:1px solid #f8f9fa;justify-content:center;align-items:center;gap:12px;width:100%;padding:12px 0;display:flex}.recCard__stat{flex-direction:column;align-items:center;gap:2px;display:flex}.recCard__statValue{color:#212529;font-size:1rem;font-weight:700}.recCard__statLabel{color:#adb5bd;text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem}.recCard__divider{background:#e9ecef;width:1px;height:28px}.recCard__reason{color:#6c757d;margin-top:4px;font-size:.75rem;line-height:1.65}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.qualityChart{width:100%}.qualityChart__title{color:#212529;margin-bottom:16px;font-size:1.125rem;font-weight:700}.qualityChart__canvas{background:#fff;border:1px solid #e9ecef;border-radius:12px;width:100%;padding:12px;overflow-x:auto}.qualityChart__canvas canvas{max-width:100%;height:auto;display:block}.qualityChart__legend{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:12px;display:flex}.qualityChart__legendItem{color:#6c757d;align-items:center;gap:8px;font-size:.75rem;display:flex}.qualityChart__legendDot{border-radius:50%;width:10px;height:10px;display:inline-block}.qualityChart__legendLine{background:#adb5bd;width:20px;height:2px;display:inline-block}.qualityChart__legendDash{border-top:2px dashed #adb5bd;width:20px;height:0;display:inline-block}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.variantGrid{width:100%}.variantGrid__title{color:#212529;margin-bottom:16px;font-size:1.125rem;font-weight:700}.variantGrid__header{grid-template-columns:60px repeat(3,1fr);gap:8px;margin-bottom:8px;display:grid}.variantGrid__qLabel{color:#adb5bd;align-items:center;font-size:.75rem;font-weight:500;display:flex}.variantGrid__fmtLabel{color:#495057;text-align:center;background:#fafbfc;border-radius:8px;padding:8px;font-size:.75rem;font-weight:700}.variantGrid__row{grid-template-columns:60px repeat(3,1fr);gap:8px;margin-bottom:8px;display:grid}.variantGrid__quality{color:#6c757d;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.variantGrid__card{cursor:pointer;text-align:left;background:#fff;border:2px solid #e9ecef;border-radius:8px;flex-direction:column;padding:0;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.variantGrid__card:hover{box-shadow:0 2px 4px #0000001a}.variantGrid__card--selected{border-color:#0090e1!important;box-shadow:0 0 0 2px #5dcbfc1f,0 4px 8px #0000001f!important}.variantGrid__card--excellent{border-color:#28a74566}.variantGrid__card--good{border-color:#0090e166}.variantGrid__card--fair{border-color:#ffc10766}.variantGrid__card--poor{border-color:#dc35454d}.variantGrid__card--empty{border:1px dashed #dee2e6}.variantGrid__thumb{aspect-ratio:16/10;object-fit:cover;background:#fafbfc;width:100%}.variantGrid__meta{grid-template-columns:1fr 1fr;gap:2px 8px;padding:8px;font-size:.6875rem;display:grid}.variantGrid__size{color:#343a40;font-weight:600}.variantGrid__ratio{text-align:right;color:#28a745;font-weight:700}.variantGrid__ssim{font-weight:500}.variantGrid__ssim--excellent{color:#28a745}.variantGrid__ssim--good{color:#0090e1}.variantGrid__ssim--fair{color:#ba8b00}.variantGrid__ssim--poor{color:#dc3545}.variantGrid__psnr{text-align:right;color:#adb5bd}.variantGrid__legend{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.variantGrid__legendItem{border:1px solid;border-radius:4px;padding:4px 8px;font-size:.6875rem}.variantGrid__legendItem--excellent{color:#28a745;background:#28a7450d;border-color:#28a745}.variantGrid__legendItem--good{color:#0090e1;background:#5dcbfc1f;border-color:#0090e1}.variantGrid__legendItem--fair{color:#ba8b00;background:#ffc10714;border-color:#ffc107}.variantGrid__legendItem--poor{color:#dc3545;background:#dc35450d;border-color:#dc3545}@media (max-width:975px){.variantGrid__header,.variantGrid__row{grid-template-columns:40px repeat(3,1fr);gap:4px}.variantGrid__meta{padding:4px;font-size:10px}}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.zoomCompare{width:100%}.zoomCompare__title{color:#212529;margin-bottom:4px;font-size:1.125rem;font-weight:700}.zoomCompare__hint{color:#adb5bd;margin-bottom:16px;font-size:.75rem}.zoomCompare__layout{align-items:flex-start;gap:20px;display:flex}@media (max-width:975px){.zoomCompare__layout{flex-direction:column}}.zoomCompare__source{cursor:crosshair;border:1px solid #e9ecef;border-radius:8px;flex:1;min-width:0;position:relative;overflow:hidden}.zoomCompare__source img{width:100%;height:auto;display:block}.zoomCompare__indicator{pointer-events:none;border:2px solid #0090e1;border-radius:4px;width:40px;height:40px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2000px #00000026}.zoomCompare__panels{flex-shrink:0;align-items:center;gap:12px;display:flex}@media (max-width:975px){.zoomCompare__panels{justify-content:center;width:100%}}.zoomCompare__panel{flex-direction:column;align-items:center;gap:8px;display:flex}.zoomCompare__panel select{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:8px;width:100%;padding:8px 12px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.75rem}.zoomCompare__panel select:focus{border-color:#0090e1;outline:none}.zoomCompare__panel canvas{image-rendering:pixelated;border:1px solid #e9ecef;border-radius:8px}@media (max-width:975px){.zoomCompare__panel canvas{width:140px;height:140px}}.zoomCompare__panelLabel{color:#adb5bd;font-size:.6875rem;font-weight:500}.zoomCompare__vs{color:#ced4da;padding:40px 0;font-size:.75rem;font-weight:700}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.analyzeReport{flex-direction:column;gap:24px;width:100%;display:flex}.analyzeReport__header{background:#fafbfc;border:1px solid #e9ecef;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}@media (max-width:975px){.analyzeReport__header{flex-direction:column;align-items:flex-start}}.analyzeReport__original{align-items:center;gap:16px;min-width:0;display:flex}.analyzeReport__originalThumb{object-fit:cover;border:1px solid #e9ecef;border-radius:8px;flex-shrink:0;width:64px;height:64px}.analyzeReport__originalInfo{min-width:0}.analyzeReport__filename{color:#212529;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.125rem;font-weight:700;overflow:hidden}.analyzeReport__meta{color:#adb5bd;margin-top:2px;font-size:.75rem}.analyzeReport__resetBtn{color:#495057;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:8px 16px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-weight:500;transition:background .15s,border-color .15s}.analyzeReport__resetBtn:hover{background:#fafbfc;border-color:#ced4da}.analyzeReport__recommendations{gap:16px;display:flex}@media (max-width:975px){.analyzeReport__recommendations{flex-direction:column}}.analyzeReport__tabs{border-bottom:1px solid #e9ecef;gap:4px;padding-bottom:0;display:flex}.analyzeReport__tab{color:#adb5bd;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:12px 16px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-weight:500;transition:color .15s,border-color .15s;display:flex}.analyzeReport__tab:hover{color:#495057}.analyzeReport__tab--active{color:#0090e1;border-bottom-color:#0090e1}.analyzeReport__content{padding-top:16px}.analyzeReport__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.analyzeReport__downloadBtn{color:#fff;background:#0090e1;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s,box-shadow .15s;display:inline-flex}.analyzeReport__downloadBtn:hover{background:#0077b8;box-shadow:0 4px 8px #5dcbfc40}.analyzeReport__pdfBtn{color:#495057;background:#fff;border:1px solid #dee2e6;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.analyzeReport__pdfBtn:hover{background:#fafbfc;border-color:#ced4da}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.analyzeEditor{flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}.analyzeEditor__hero{text-align:center;margin-bottom:16px}.analyzeEditor__title{color:#212529;letter-spacing:-.03em;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2.25rem;font-weight:800;line-height:1.2}@media (max-width:975px){.analyzeEditor__title{font-size:1.5rem}}.analyzeEditor__subtitle{color:#6c757d;margin-top:12px;font-size:1.125rem;line-height:1.5}@media (max-width:975px){.analyzeEditor__subtitle{font-size:.875rem}}.analyzeEditor__preview{background:#fafbfc;border:1px solid #e9ecef;border-radius:12px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:480px;padding:20px;display:flex}.analyzeEditor__previewImage{background:#fff;border-radius:8px;justify-content:center;align-items:center;width:100%;max-height:240px;display:flex;overflow:hidden}.analyzeEditor__previewImage img{object-fit:contain;max-width:100%;max-height:240px}.analyzeEditor__previewInfo{align-items:center;gap:12px;width:100%;display:flex}.analyzeEditor__filename{color:#343a40;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.875rem;font-weight:500;overflow:hidden}.analyzeEditor__filesize{color:#adb5bd;white-space:nowrap;font-size:.75rem}.analyzeEditor__startBtn{color:#fff;cursor:pointer;background:#0090e1;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:600;transition:background .15s,box-shadow .15s;display:flex}.analyzeEditor__startBtn:hover{background:#0077b8;box-shadow:0 4px 8px #5dcbfc40}.analyzeEditor__error{color:#dc3545;background:#dc354514;border-radius:8px;align-items:center;gap:8px;width:100%;max-width:480px;padding:12px 16px;font-size:.875rem;display:flex}