.skin-disease-test[data-v-d3c277dd]{padding:20px;max-width:1000px;margin:0 auto}.form-section[data-v-d3c277dd]{margin-bottom:30px;background-color:#f9f9f9;padding:20px;border-radius:5px}.form-group[data-v-d3c277dd]{margin-bottom:15px}.form-group label[data-v-d3c277dd]{display:block;margin-bottom:5px;font-weight:700}.form-control[data-v-d3c277dd]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.btn[data-v-d3c277dd]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;margin-right:10px}.btn-primary[data-v-d3c277dd]{background-color:#007bff;color:#fff}.btn-primary[data-v-d3c277dd]:hover:not(:disabled){background-color:#0056b3}.btn-primary[data-v-d3c277dd]:disabled{background-color:#6c757d;cursor:not-allowed}.btn-secondary[data-v-d3c277dd]{background-color:#6c757d;color:#fff}.btn-secondary[data-v-d3c277dd]:hover{background-color:#545b62}.image-section[data-v-d3c277dd]{margin-bottom:30px}.image-section h3[data-v-d3c277dd]{margin-bottom:15px;color:#333}.image-container[data-v-d3c277dd]{text-align:center;border:1px solid #ddd;border-radius:8px;padding:20px;background-color:#f9f9f9}.detect-image[data-v-d3c277dd]{max-width:100%;max-height:400px;border-radius:4px;box-shadow:0 2px 8px #0000001a}.image-error[data-v-d3c277dd]{color:#e74c3c;font-size:16px;padding:20px}.result-section[data-v-d3c277dd]{margin-top:30px}.result-section h3[data-v-d3c277dd]{margin-bottom:15px;color:#333}.basic-info[data-v-d3c277dd]{background-color:#f8f9fa;padding:15px;border-radius:4px;margin-bottom:20px}.info-item[data-v-d3c277dd]{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}.info-item[data-v-d3c277dd]:last-child{border-bottom:none}.label[data-v-d3c277dd]{font-weight:700;color:#555}.value[data-v-d3c277dd]{color:#333}.info-grid[data-v-d3c277dd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:25px}.detection-results h4[data-v-d3c277dd]{margin-bottom:15px;color:#333}.results-list[data-v-d3c277dd]{display:flex;flex-direction:column;gap:12px}.result-item[data-v-d3c277dd]{padding:15px;border:1px solid #ddd;border-radius:6px;background-color:#fff;transition:all .3s ease}.result-item.highest-probability[data-v-d3c277dd]{border-color:#007bff;background-color:#e3f2fd;box-shadow:0 2px 6px #007bff26}.disease-info[data-v-d3c277dd]{display:flex;justify-content:space-between;margin-bottom:10px;font-weight:500}.disease-name[data-v-d3c277dd]{font-size:16px;color:#333}.disease-english[data-v-d3c277dd]{color:#666;font-size:14px}.probability-bar[data-v-d3c277dd]{position:relative;height:24px;background-color:#f0f0f0;border-radius:12px;overflow:hidden}.probability-fill[data-v-d3c277dd]{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:12px;transition:width .5s ease}.probability-text[data-v-d3c277dd]{position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:12px;font-weight:700;color:#333;z-index:1}.json-result-section[data-v-d3c277dd]{margin-top:30px}.json-result-section h4[data-v-d3c277dd]{margin-bottom:15px;color:#333}.json-result-card[data-v-d3c277dd]{background-color:#f5f5f5;padding:15px;border-radius:4px;border:1px solid #ddd;max-height:300px;overflow-y:auto}.json-result-card pre[data-v-d3c277dd]{white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:monospace;font-size:12px;line-height:1.4}.alert-error[data-v-d3c277dd]{background-color:#f8d7da;color:#721c24;padding:15px;border-radius:4px;border:1px solid #f5c6cb}.alert-warning[data-v-d3c277dd]{background-color:#fff3cd;color:#856404;padding:15px;border-radius:4px;border:1px solid #ffeaa7;margin-bottom:20px}.skin-analysis-page[data-v-ad4f217f]{max-width:800px;margin:0 auto;padding:20px}.upload-section[data-v-ad4f217f]{margin-bottom:30px}.upload-area[data-v-ad4f217f]{border:2px dashed #ccc;border-radius:8px;padding:40px;text-align:center;margin-bottom:20px}.upload-btn[data-v-ad4f217f]{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;margin-bottom:15px}.upload-btn[data-v-ad4f217f]:hover{background-color:#0056b3}.image-preview[data-v-ad4f217f]{text-align:center}.image-preview img[data-v-ad4f217f]{max-width:100%;max-height:400px;border-radius:8px;margin-bottom:15px}.analyze-btn[data-v-ad4f217f],.reset-btn[data-v-ad4f217f]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;margin:0 10px}.analyze-btn[data-v-ad4f217f]{background-color:#28a745;color:#fff}.analyze-btn[data-v-ad4f217f]:hover:not(:disabled){background-color:#218838}.analyze-btn[data-v-ad4f217f]:disabled{background-color:#6c757d;cursor:not-allowed}.reset-btn[data-v-ad4f217f]{background-color:#6c757d;color:#fff}.reset-btn[data-v-ad4f217f]:hover{background-color:#5a6268}.error-message[data-v-ad4f217f]{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;padding:10px;border-radius:4px;margin-bottom:20px}.result-section[data-v-ad4f217f]{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px}.result-section h2[data-v-ad4f217f]{margin-top:0}.result-content pre[data-v-ad4f217f]{background-color:#fff;padding:15px;border-radius:4px;overflow-x:auto;white-space:pre-wrap}.result-category[data-v-ad4f217f]{margin-bottom:30px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.result-category h3[data-v-ad4f217f]{margin-top:0;border-bottom:1px solid #dee2e6;padding-bottom:10px;color:#495057}.info-grid[data-v-ad4f217f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.info-item[data-v-ad4f217f]{display:flex;justify-content:space-between;padding:10px;background-color:#f8f9fa;border-radius:4px}.info-item .label[data-v-ad4f217f]{font-weight:700;color:#495057}.info-item .value[data-v-ad4f217f]{color:#212529}.score-summary[data-v-ad4f217f]{text-align:center;padding:20px;background-color:#f8f9fa;border-radius:8px}.total-score[data-v-ad4f217f]{font-size:24px;margin-bottom:10px}.total-score .label[data-v-ad4f217f]{margin-right:10px}.total-score .value[data-v-ad4f217f]{font-weight:700;font-size:32px}.total-score .value.excellent[data-v-ad4f217f]{color:#28a745}.total-score .value.good[data-v-ad4f217f]{color:#20c997}.total-score .value.average[data-v-ad4f217f]{color:#ffc107}.total-score .value.poor[data-v-ad4f217f]{color:#dc3545}.score-description[data-v-ad4f217f]{font-size:18px;color:#6c757d;margin-top:10px}.metrics-grid[data-v-ad4f217f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}.metric-card[data-v-ad4f217f]{text-align:center;padding:15px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a}.metric-name[data-v-ad4f217f]{font-weight:700;margin-bottom:10px;color:#495057}.metric-score[data-v-ad4f217f]{font-size:24px;font-weight:700;margin-bottom:5px}.metric-score.excellent[data-v-ad4f217f]{color:#28a745}.metric-score.good[data-v-ad4f217f]{color:#20c997}.metric-score.average[data-v-ad4f217f]{color:#ffc107}.metric-score.poor[data-v-ad4f217f]{color:#dc3545}.metric-detail[data-v-ad4f217f]{font-size:14px;color:#6c757d}.detail-section[data-v-ad4f217f]{margin-bottom:20px}.detail-section h4[data-v-ad4f217f]{margin-top:0;color:#495057}.detail-content p[data-v-ad4f217f]{margin:5px 0;padding:5px 0}.images-grid[data-v-ad4f217f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.image-item[data-v-ad4f217f]{text-align:center}.result-image[data-v-ad4f217f]{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:10px}.image-label[data-v-ad4f217f]{font-weight:700;color:#495057}@media(max-width:768px){.info-grid[data-v-ad4f217f],.metrics-grid[data-v-ad4f217f],.images-grid[data-v-ad4f217f]{grid-template-columns:1fr}.skin-analysis-page[data-v-ad4f217f]{padding:10px}}.skin-analysis-page[data-v-c2ae14e9]{max-width:800px;margin:0 auto;padding:20px}.upload-section[data-v-c2ae14e9]{margin-bottom:30px}.upload-area[data-v-c2ae14e9]{border:2px dashed #ccc;border-radius:8px;padding:40px;text-align:center;margin-bottom:20px}.upload-btn[data-v-c2ae14e9]{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;margin-bottom:15px}.upload-btn[data-v-c2ae14e9]:hover{background-color:#0056b3}.image-preview[data-v-c2ae14e9]{text-align:center}.image-preview img[data-v-c2ae14e9]{max-width:100%;max-height:400px;border-radius:8px;margin-bottom:15px}.analyze-btn[data-v-c2ae14e9],.reset-btn[data-v-c2ae14e9]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;margin:0 10px}.analyze-btn[data-v-c2ae14e9]{background-color:#28a745;color:#fff}.analyze-btn[data-v-c2ae14e9]:hover:not(:disabled){background-color:#218838}.analyze-btn[data-v-c2ae14e9]:disabled{background-color:#6c757d;cursor:not-allowed}.reset-btn[data-v-c2ae14e9]{background-color:#6c757d;color:#fff}.reset-btn[data-v-c2ae14e9]:hover{background-color:#5a6268}.error-message[data-v-c2ae14e9]{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;padding:15px;border-radius:4px;margin-bottom:20px}.error-message h3[data-v-c2ae14e9]{margin-top:0;color:#721c24}.error-message ul[data-v-c2ae14e9]{margin-bottom:0;padding-left:20px}.result-section[data-v-c2ae14e9]{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px}.result-section h2[data-v-c2ae14e9]{margin-top:0}.result-content pre[data-v-c2ae14e9]{background-color:#fff;padding:15px;border-radius:4px;overflow-x:auto;white-space:pre-wrap}.skin-analysis-results[data-v-c2ae14e9]{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.results-section[data-v-c2ae14e9]{margin-bottom:30px}.results-section h2[data-v-c2ae14e9]{border-bottom:2px solid #409EFF;padding-bottom:10px;margin-bottom:20px;color:#333}.grid-container[data-v-c2ae14e9]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.card[data-v-c2ae14e9]{border:1px solid #ddd;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between}.card h3[data-v-c2ae14e9]{margin-top:0;color:#409eff;border-bottom:1px solid #eee;padding-bottom:10px}.large-text[data-v-c2ae14e9]{font-size:24px;font-weight:700;color:#333;text-align:center;margin:15px 0}.metric-row[data-v-c2ae14e9]{display:flex;justify-content:space-between;align-items:center}.metric-row span[data-v-c2ae14e9]:first-child{font-weight:700;color:#666}.progress-bar[data-v-c2ae14e9]{width:100%;height:10px;background-color:#e0e0e0;border-radius:5px;overflow:hidden;margin:10px 0}.progress-fill[data-v-c2ae14e9]{height:100%;background:linear-gradient(to right,#409eff,#66b1ff);transition:width .3s ease}.details-section[data-v-c2ae14e9]{margin-top:15px;padding-top:15px;border-top:1px dashed #eee}.details-section h4[data-v-c2ae14e9]{margin:0 0 10px;color:#666}.category-list[data-v-c2ae14e9]{list-style:none;padding:0;margin:0}.category-list li[data-v-c2ae14e9]{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #f5f5f5}.category-list li[data-v-c2ae14e9]:last-child{border-bottom:none}.image-comparison[data-v-c2ae14e9]{margin-top:20px;padding-top:15px;border-top:1px dashed #eee}.image-comparison h4[data-v-c2ae14e9]{margin:0 0 10px;color:#666}.image-container[data-v-c2ae14e9]{text-align:center}.analysis-image[data-v-c2ae14e9]{max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a}.coordinates-section[data-v-c2ae14e9]{margin-top:20px}.coordinates-section h4[data-v-c2ae14e9]{margin:0 0 10px;color:#666}.region-canvas[data-v-c2ae14e9]{width:100%;display:block;max-width:calc(100% - 2px);border:1px solid #ddd;border-radius:8px}.no-data[data-v-c2ae14e9]{text-align:center;padding:50px;color:#999}@media(max-width:768px){.grid-container[data-v-c2ae14e9]{grid-template-columns:1fr}.skin-analysis-results[data-v-c2ae14e9]{padding:10px}}.canvas-container[data-v-c2ae14e9]{width:100%;max-width:500px;overflow:auto;border:1px solid #ddd;border-radius:8px}.skin-analysis-page[data-v-3b9a75b4]{max-width:1200px;margin:0 auto;padding:20px}.upload-section[data-v-3b9a75b4]{margin-bottom:30px}.upload-area[data-v-3b9a75b4]{border:2px dashed #ccc;border-radius:8px;padding:40px;text-align:center;margin-bottom:20px}.upload-btn[data-v-3b9a75b4]{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;margin-bottom:15px}.upload-btn[data-v-3b9a75b4]:hover{background-color:#0056b3}.image-preview[data-v-3b9a75b4]{text-align:center}.image-preview img[data-v-3b9a75b4]{max-width:100%;max-height:400px;border-radius:8px;margin-bottom:15px}.analyze-btn[data-v-3b9a75b4],.reset-btn[data-v-3b9a75b4]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;margin:0 10px}.analyze-btn[data-v-3b9a75b4]{background-color:#28a745;color:#fff}.analyze-btn[data-v-3b9a75b4]:hover:not(:disabled){background-color:#218838}.analyze-btn[data-v-3b9a75b4]:disabled{background-color:#6c757d;cursor:not-allowed}.reset-btn[data-v-3b9a75b4]{background-color:#6c757d;color:#fff}.reset-btn[data-v-3b9a75b4]:hover{background-color:#5a6268}.error-message[data-v-3b9a75b4]{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;padding:10px;border-radius:4px;margin-bottom:20px}.result-section[data-v-3b9a75b4]{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px}.result-section h2[data-v-3b9a75b4]{margin-top:0}.result-category[data-v-3b9a75b4]{margin-bottom:30px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.result-category h3[data-v-3b9a75b4]{margin-top:0;border-bottom:1px solid #dee2e6;padding-bottom:10px;color:#495057}.info-grid[data-v-3b9a75b4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.info-item[data-v-3b9a75b4]{padding:10px;background-color:#f8f9fa;border-radius:4px;display:flex}.info-item .label[data-v-3b9a75b4]{font-weight:700;color:#7e7e7e;display:block;padding-right:10px}.info-item .value[data-v-3b9a75b4]{color:#212529;font-size:16px;font-weight:500}.info-item .confidence[data-v-3b9a75b4]{font-size:12px;color:#6c757d}.warning-content[data-v-3b9a75b4]{padding:15px;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px}.warning-content ul[data-v-3b9a75b4]{margin-bottom:0}.full-image-gallery[data-v-3b9a75b4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:20px}.image-card[data-v-3b9a75b4]{text-align:center;padding:15px;background-color:#f8f9fa;border-radius:8px}.image-card h4[data-v-3b9a75b4]{margin:0 0 10px;color:#495057;font-size:16px}.gallery-image[data-v-3b9a75b4]{width:100%;max-width:300px;height:300px;object-fit:contain;border:1px solid #dee2e6;border-radius:8px;margin:0 auto;display:block}.detail-canvas[data-v-3b9a75b4]{width:100%;max-width:300px;//height: 300px;border:1px solid #dee2e6;border-radius:8px;margin:0 auto;display:block}.detailed-analysis[data-v-3b9a75b4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.analysis-section[data-v-3b9a75b4]{text-align:center}.analysis-section h4[data-v-3b9a75b4]{margin:0 0 10px;color:#495057}.confidence-info[data-v-3b9a75b4]{font-size:14px;color:#6c757d;margin-top:5px}.image-description[data-v-3b9a75b4]{font-size:12px;color:#6c757d;margin:5px 0 0}.no-image[data-v-3b9a75b4]{width:100%;height:300px;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;border:1px dashed #dee2e6;border-radius:8px;color:#6c757d;font-style:italic}@media(max-width:768px){.full-image-gallery[data-v-3b9a75b4],.detailed-analysis[data-v-3b9a75b4],.info-grid[data-v-3b9a75b4]{grid-template-columns:1fr}.skin-analysis-page[data-v-3b9a75b4]{padding:10px}}.error-message[data-v-3b9a75b4]{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;padding:20px;border-radius:8px;margin-bottom:20px}.error-message h3[data-v-3b9a75b4]{margin-top:0;color:#721c24}.error-details[data-v-3b9a75b4]{background-color:#fff;padding:15px;border-radius:4px;margin-bottom:15px}.error-details p[data-v-3b9a75b4]{margin:5px 0}.error-details strong[data-v-3b9a75b4]{color:#495057}.error-suggestions[data-v-3b9a75b4]{background-color:#fff;padding:15px;border-radius:4px}.error-suggestions h4[data-v-3b9a75b4]{margin-top:0;color:#495057}.error-suggestions ul[data-v-3b9a75b4]{margin-bottom:0;padding-left:20px}.error-suggestions li[data-v-3b9a75b4]{margin-bottom:5px}.skin-analysis-page[data-v-5b2018ff]{max-width:1200px;margin:0 auto;padding:20px}.form-group[data-v-5b2018ff]{display:flex;align-items:center;margin-bottom:15px}.form-group label[data-v-5b2018ff]{width:60px;font-weight:700;color:#495057;margin-right:10px}.form-group input[data-v-5b2018ff]{padding:5px 10px;border:1px solid #ced4da;border-radius:4px;width:100px}.upload-section[data-v-5b2018ff]{margin-bottom:30px}.upload-area[data-v-5b2018ff]{border:2px dashed #ccc;border-radius:8px;padding:40px;text-align:center;margin-bottom:20px}.upload-btn[data-v-5b2018ff]{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;margin-bottom:15px}.upload-btn[data-v-5b2018ff]:hover{background-color:#0056b3}.image-preview[data-v-5b2018ff]{text-align:center}.image-preview img[data-v-5b2018ff]{max-width:100%;max-height:400px;border-radius:8px;margin-bottom:15px}.analyze-btn[data-v-5b2018ff],.reset-btn[data-v-5b2018ff]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;margin:0 10px}.analyze-btn[data-v-5b2018ff]{background-color:#28a745;color:#fff}.analyze-btn[data-v-5b2018ff]:hover:not(:disabled){background-color:#218838}.analyze-btn[data-v-5b2018ff]:disabled{background-color:#6c757d;cursor:not-allowed}.reset-btn[data-v-5b2018ff]{background-color:#6c757d;color:#fff}.reset-btn[data-v-5b2018ff]:hover{background-color:#5a6268}.error-message[data-v-5b2018ff]{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;padding:20px;border-radius:8px;margin-bottom:20px}.error-message h3[data-v-5b2018ff]{margin-top:0;color:#721c24}.error-details[data-v-5b2018ff]{background-color:#fff;padding:15px;border-radius:4px}.error-details p[data-v-5b2018ff]{margin:5px 0}.error-details strong[data-v-5b2018ff]{color:#495057}.result-section[data-v-5b2018ff]{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px}.result-section h2[data-v-5b2018ff]{margin-top:0}.result-category[data-v-5b2018ff]{margin-bottom:30px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.result-category h3[data-v-5b2018ff]{margin-top:0;border-bottom:1px solid #dee2e6;padding-bottom:10px;color:#495057}.info-grid[data-v-5b2018ff]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.info-item[data-v-5b2018ff]{padding:10px;background-color:#f8f9fa;border-radius:4px}.info-item .label[data-v-5b2018ff]{font-weight:700;color:#495057;display:block}.info-item .value[data-v-5b2018ff]{color:#212529;font-size:16px;font-weight:500}.image-gallery[data-v-5b2018ff]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.image-card[data-v-5b2018ff]{text-align:center;padding:15px;background-color:#f8f9fa;border-radius:8px}.image-card h4[data-v-5b2018ff]{margin:0 0 10px;color:#495057;font-size:16px}.gallery-image[data-v-5b2018ff]{width:100%;max-width:300px;height:300px;object-fit:contain;border:1px solid #dee2e6;border-radius:8px;margin:0 auto;display:block}.skin-content[data-v-5b2018ff]{margin-top:20px;padding:15px;background-color:#f8f9fa;border-radius:8px}.skin-content h4[data-v-5b2018ff]{margin-top:0}.skin-content p[data-v-5b2018ff]{line-height:1.6;color:#555;white-space:pre-line}.analysis-image[data-v-5b2018ff]{max-width:100%;height:auto;border-radius:8px;margin-top:10px}.conclusion-grid[data-v-5b2018ff]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.conclusion-item[data-v-5b2018ff]{padding:10px;background-color:#e9ecef;border-radius:4px;text-align:center}.skin-issues-grid[data-v-5b2018ff]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:15px}.skin-issue-card[data-v-5b2018ff]{border:1px solid #ddd;border-radius:8px;padding:15px;background-color:#f9f9f9}.skin-issue-card h4[data-v-5b2018ff]{margin-top:0;color:#333;border-bottom:1px solid #eee;padding-bottom:8px}.issue-details[data-v-5b2018ff]{margin:10px 0;height:100px}.parts-grid[data-v-5b2018ff]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:15px}.part-card[data-v-5b2018ff]{border:1px solid #ddd;border-radius:8px;padding:15px;background-color:#f9f9f9}.part-details .detail-item[data-v-5b2018ff]{margin:5px 0}.label-image[data-v-5b2018ff]{margin-top:10px}.label-image img[data-v-5b2018ff]{max-width:100%;height:auto;border:1px solid #ddd;border-radius:4px}@media(max-width:768px){.image-gallery[data-v-5b2018ff],.info-grid[data-v-5b2018ff],.skin-issues-grid[data-v-5b2018ff],.parts-grid[data-v-5b2018ff],.conclusion-grid[data-v-5b2018ff]{grid-template-columns:1fr}.skin-analysis-page[data-v-5b2018ff]{padding:10px}}.image-overlay-container[data-v-5b2018ff]{position:relative;display:inline-block;width:100%;max-width:300px;margin:0 auto}.base-image[data-v-5b2018ff]{display:block;width:100%;height:auto;border-radius:8px}.overlay-image[data-v-5b2018ff]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:8px}.skin-analysis-page[data-v-bffba534]{max-width:1000px;margin:0 auto;padding:20px}.upload-section[data-v-bffba534]{margin-bottom:30px}.upload-area[data-v-bffba534]{border:2px dashed #ccc;border-radius:8px;padding:40px;text-align:center;margin-bottom:20px;background-color:#f9f9f9}.upload-btn[data-v-bffba534]{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;margin-bottom:15px;font-size:16px}.upload-btn[data-v-bffba534]:hover{background-color:#0056b3}.image-preview[data-v-bffba534]{text-align:center}.image-preview img[data-v-bffba534]{max-width:100%;max-height:400px;border-radius:8px;margin-bottom:15px;box-shadow:0 2px 8px #0000001a}.action-buttons[data-v-bffba534]{margin:20px 0}.analyze-btn[data-v-bffba534],.reset-btn[data-v-bffba534]{padding:12px 24px;border:none;border-radius:4px;cursor:pointer;margin:0 10px;font-size:16px}.analyze-btn[data-v-bffba534]{background-color:#28a745;color:#fff}.analyze-btn[data-v-bffba534]:hover:not(:disabled){background-color:#218838}.analyze-btn[data-v-bffba534]:disabled{background-color:#6c757d;cursor:not-allowed}.reset-btn[data-v-bffba534]{background-color:#6c757d;color:#fff}.reset-btn[data-v-bffba534]:hover{background-color:#5a6268}.analysis-options[data-v-bffba534]{margin-top:20px;padding:20px;background-color:#f8f9fa;border-radius:8px}.metrics-selection[data-v-bffba534]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:15px 0}.metric-option[data-v-bffba534]{padding:10px;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s}.metric-option[data-v-bffba534]:hover{background-color:#e9ecef}.metric-option.selected[data-v-bffba534]{background-color:#007bff;color:#fff;border-color:#007bff}.metric-option input[data-v-bffba534]{margin-right:8px}.selection-info[data-v-bffba534]{text-align:center;font-weight:700;color:#007bff;margin-top:10px}.selection-info.error[data-v-bffba534]{color:#dc3545}.error-message[data-v-bffba534]{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;padding:15px;border-radius:4px;margin-bottom:20px}.progress-section[data-v-bffba534]{text-align:center;margin:30px 0}.progress-bar[data-v-bffba534]{height:20px;background-color:#e9ecef;border-radius:10px;overflow:hidden;margin:15px 0}.progress-fill[data-v-bffba534]{height:100%;background-color:#007bff;transition:width .3s ease}.result-section[data-v-bffba534]{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px;margin-top:30px}.overall-score[data-v-bffba534]{display:flex;justify-content:center;align-items:center;gap:40px;margin-bottom:30px;flex-wrap:wrap}.score-circle[data-v-bffba534]{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.score-value[data-v-bffba534]{font-size:36px;font-weight:700}.score-label[data-v-bffba534]{font-size:18px}.metrics-container[data-v-bffba534]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:30px}.metric-card[data-v-bffba534]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.metric-card h3[data-v-bffba534]{margin-top:0;color:#333;border-bottom:1px solid #eee;padding-bottom:10px}.score-display[data-v-bffba534]{text-align:center;margin:15px 0}.raw-score[data-v-bffba534]{font-size:28px;font-weight:700;color:#333}.ui-score[data-v-bffba534]{font-size:16px;color:#666}.score-bar[data-v-bffba534]{height:10px;background-color:#e9ecef;border-radius:5px;overflow:hidden}.score-fill[data-v-bffba534]{height:100%;transition:width .5s ease}.score-fill.excellent[data-v-bffba534]{background-color:#28a745}.score-fill.good[data-v-bffba534]{background-color:#20c997}.score-fill.average[data-v-bffba534]{background-color:#ffc107}.score-fill.poor[data-v-bffba534]{background-color:#dc3545}.result-images h3[data-v-bffba534]{text-align:center;margin-bottom:20px}.images-grid[data-v-bffba534]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.image-item[data-v-bffba534]{text-align:center}.result-image[data-v-bffba534]{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:10px;box-shadow:0 2px 8px #0000001a}.image-label[data-v-bffba534]{font-weight:700;color:#495057}.step-info[data-v-bffba534]{margin-top:20px;padding:15px;background-color:#e9f7ef;border-radius:8px;border:1px solid #d0e6d8}.step-info h3[data-v-bffba534]{margin-top:0;color:#2e7d32}.step-info p[data-v-bffba534]{margin:8px 0;font-family:monospace;word-break:break-all}@media(max-width:768px){.skin-analysis-page[data-v-bffba534]{padding:10px}.overall-score[data-v-bffba534]{flex-direction:column;gap:20px}.metrics-container[data-v-bffba534]{grid-template-columns:1fr}.images-grid[data-v-bffba534]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.images-comparison-grid[data-v-bffba534]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.image-comparison-item[data-v-bffba534]{text-align:center}.image-overlay-container[data-v-bffba534]{position:relative;width:100%;height:300px;margin:0 auto;border:1px solid #ddd;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.original-image[data-v-bffba534]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.overlay-image[data-v-bffba534]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2}.image-label[data-v-bffba534]{margin-top:10px;font-weight:700;color:#333;font-size:16px}.opacity-control[data-v-bffba534]{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.opacity-control label[data-v-bffba534]{font-weight:700;color:#495057;white-space:nowrap}.opacity-slider[data-v-bffba534]{flex:1;max-width:300px;height:6px;border-radius:3px;background:#dee2e6;outline:none;-webkit-appearance:none}.opacity-slider[data-v-bffba534]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#007bff;cursor:pointer;box-shadow:0 2px 4px #0003}.opacity-slider[data-v-bffba534]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#007bff;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.result-images h3[data-v-bffba534]{text-align:center;margin-bottom:20px;color:#333;font-size:20px}.navbar[data-v-1e01aca7]{background-color:#333;padding:0;margin:0}.nav-list[data-v-1e01aca7]{display:flex;list-style:none;margin:0;padding:0}.nav-item[data-v-1e01aca7]{flex:1;text-align:center}.nav-link[data-v-1e01aca7]{display:block;color:#fff;text-decoration:none;padding:15px 0;transition:background-color .3s}.nav-link[data-v-1e01aca7]:hover{background-color:#555}.tab-content[data-v-1e01aca7]{padding:20px}.nav-link.active[data-v-1e01aca7]{background-color:#007bff;color:#fff}