@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";body,button,input,select,textarea,p,span,div,label{font-family:Plus Jakarta Sans,sans-serif}h1,h2,h3,h4,h5,h6,.headline,.font-heading{font-family:Hanken Grotesk,sans-serif}/**
 * @license
 * SPDX-License-Identifier: Apache-2.0
 */:root{--background-color: #121212;--surface-color: #1e1e1e;--primary-color: #007bff;--primary-hover-color: #0056b3;--secondary-color: #28a745;--secondary-hover-color: #218838;--text-color: #e0e0e0;--text-secondary-color: #a0a0a0;--border-color: #333333;--error-color: #ff4d4d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6;padding:2rem 1rem}.container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}header{text-align:center}header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}header p{font-size:1.1rem;color:var(--text-secondary-color)}.construction-notice{color:gold;font-size:1.5rem;font-weight:700;margin:.5rem 0}.upload-section{display:flex;justify-content:center}.upload-btn{display:inline-block;padding:1rem 2.5rem;font-size:1.1rem;font-weight:500;color:#fff;background-color:var(--primary-color);border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 15px #007bff33}.upload-btn:hover{background-color:var(--primary-hover-color);transform:translateY(-2px)}.upload-btn.disabled{background-color:#555;cursor:not-allowed;opacity:.7;transform:none;box-shadow:none}#file-upload{display:none}.comparison-container{display:flex;gap:2rem;width:100%}.image-card{flex:1;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;min-width:0}.card-title{text-align:center;font-size:1.25rem;font-weight:500;color:var(--text-secondary-color)}.image-placeholder{width:100%;aspect-ratio:16 / 10;border:2px dashed var(--border-color);border-radius:8px;display:flex;justify-content:center;align-items:center;text-align:center;color:var(--text-secondary-color);overflow:hidden}.image-placeholder img{width:100%;height:100%;object-fit:contain}.loader-container{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center}.loader{width:48px;height:48px;border:5px solid var(--text-color);border-bottom-color:var(--primary-color);border-radius:50%;display:inline-block;animation:rotation 1s linear infinite}.error-message{color:var(--error-color);padding:1rem;word-break:break-word}.download-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:#fff;background-color:var(--secondary-color);border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 15px #28a74533;align-self:center}.download-btn:hover{background-color:var(--secondary-hover-color);transform:translateY(-2px)}.welcome-container{justify-content:center;align-items:center;min-height:80vh;text-align:center}.welcome-box{background-color:var(--surface-color);padding:2.5rem;border-radius:12px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:1.5rem;align-items:center;max-width:600px;margin-top:2rem}.welcome-text{font-size:1.1rem;color:var(--text-color)}.note a{color:var(--primary-color);text-decoration:none}.note a:hover{text-decoration:underline}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){body{padding:1rem}header h1{font-size:2rem}.comparison-container{flex-direction:column}.upload-btn{width:100%;text-align:center}}