*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.container{max-width:900px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;overflow:hidden}header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 30px;text-align:center}header h1{font-size:2.5rem;margin-bottom:10px}header p{font-size:1.1rem;opacity:.9}main{padding:30px}section{margin-bottom:30px}h2{color:#333;margin-bottom:20px;font-size:1.5rem}.model-selector{margin-bottom:20px;padding:15px;background:#f5f5f5;border-radius:8px}.model-selector label{font-weight:600;margin-right:10px;color:#555}.model-selector select{padding:8px 15px;border:2px solid #ddd;border-radius:6px;font-size:1rem;cursor:pointer;background:#fff}.model-selector select:focus{outline:none;border-color:#667eea}.file-input-wrapper{margin-bottom:20px}.file-label{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;background:#667eea;color:#fff;border-radius:8px;cursor:pointer;font-size:1.1rem;transition:background .3s}.file-label:hover{background:#5568d3}.upload-icon{font-size:1.5rem}.drop-zone{border:3px dashed #ccc;border-radius:12px;padding:60px 20px;text-align:center;transition:all .3s;background:#fafafa}.drop-zone.drag-over{border-color:#667eea;background:#f0f0ff}.drop-zone p{color:#999;font-size:1.2rem}.image-container{text-align:center;margin-bottom:20px}.image-container img{max-width:100%;max-height:400px;border-radius:8px;box-shadow:0 4px 12px #0000001a}.btn-primary,.btn-secondary{padding:12px 30px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s;font-weight:600}.btn-primary{background:#667eea;color:#fff;display:block;width:100%;max-width:300px;margin:0 auto}.btn-primary:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#f0f0f0;color:#333;margin-right:10px}.btn-secondary:hover{background:#e0e0e0}.progress-bar{width:100%;height:30px;background:#f0f0f0;border-radius:15px;overflow:hidden;margin-bottom:15px}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}#progress-text{text-align:center;color:#666;font-size:1.1rem}.result-stats{display:flex;gap:30px;margin-bottom:20px;padding:15px;background:#f5f5f5;border-radius:8px}.result-stats span{color:#666}.result-stats strong{color:#333}.result-container{margin-bottom:20px}#result-text{width:100%;padding:15px;border:2px solid #ddd;border-radius:8px;font-size:1rem;font-family:Courier New,monospace;resize:vertical}#result-text:focus{outline:none;border-color:#667eea}.result-actions{display:flex;gap:10px;flex-wrap:wrap}footer{background:#f5f5f5;padding:20px;text-align:center;color:#666}footer a{color:#667eea;text-decoration:none}footer a:hover{text-decoration:underline}@media (max-width: 768px){header h1{font-size:2rem}main{padding:20px}.result-actions{flex-direction:column}.btn-secondary{width:100%;margin-right:0;margin-bottom:10px}}