*{box-sizing:border-box}body{color:#222;background:linear-gradient(90deg,#e0f2ff,#f4faff);margin:0;font-family:Arial,sans-serif}.app{min-height:100vh;padding:30px 15px}.container{background:#fff;border-radius:20px;max-width:900px;margin:0 auto;padding:30px;box-shadow:0 8px 25px #00000014}h1{text-align:center;color:#1976d2;margin-bottom:10px}.subtitle{text-align:center;color:#555;margin-bottom:30px}.search-box{gap:12px;margin-bottom:25px;display:flex}.search-box input{border:1px solid #cfd8dc;border-radius:12px;flex:1;padding:14px;font-size:16px}.search-box button,.translate-btn{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:12px;padding:14px 20px;font-size:16px;transition:all .2s}.search-box button:hover,.translate-btn:hover{background:#125aa0}.search-box button:disabled,.translate-btn:disabled{cursor:not-allowed;background:#90caf9}.error{color:#d32f2f;text-align:center;font-weight:700}.card{background:#fdfdfd;border-radius:18px;margin-top:20px;padding:25px;box-shadow:0 4px 14px #00000012}.card h2{text-align:center;color:#1565c0;margin-bottom:20px}.result-image{border-radius:16px;width:100%;max-width:350px;margin:0 auto 20px;display:block;box-shadow:0 4px 12px #0000001f}.no-image{text-align:center;color:#777;margin-bottom:20px}.text-block{background:#f5f9ff;border-radius:14px;margin-top:20px;padding:18px;line-height:1.7}.text-block h3{color:#0d47a1;margin-top:0}.translated{background:#eefbf3;margin-top:20px}.translate-btn{margin:20px auto 0;display:block}@media (width<=700px){.search-box{flex-direction:column}.search-box button,.translate-btn{width:100%}.container{padding:20px}}